Flash動畫制作基礎(chǔ)篇全本教學(xué)設(shè)計_第1頁
Flash動畫制作基礎(chǔ)篇全本教學(xué)設(shè)計_第2頁
Flash動畫制作基礎(chǔ)篇全本教學(xué)設(shè)計_第3頁
Flash動畫制作基礎(chǔ)篇全本教學(xué)設(shè)計_第4頁
Flash動畫制作基礎(chǔ)篇全本教學(xué)設(shè)計_第5頁
已閱讀5頁,還剩29頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

1、FLASH 動畫制作教學(xué)設(shè)計動畫制作教學(xué)設(shè)計第一節(jié)第一節(jié) Flash 概述概述課時安排1 課時教學(xué)目標(biāo)1、確定課程目標(biāo)、講述學(xué)習(xí)內(nèi)容、教給學(xué)習(xí)方法。2、熟悉 Flash cs3 的界面。3、熟悉 FLASH 的工作環(huán)境,3、熟悉 Flash 動畫的制作原理教學(xué)重點培養(yǎng)他們對于本課程以及本專業(yè)的熱愛;了解什么是 flash,熟悉 flash工作界面。教學(xué)難點掌握動畫原理以及 Flash 動畫的制作原理。教學(xué)方法講授演示法,任務(wù)驅(qū)動學(xué)習(xí)法和協(xié)作學(xué)習(xí)法教學(xué)資源多媒體機(jī)房、投影儀、電子教學(xué)平臺、視頻演示教程、案例源文件、素材、ppt 等。教學(xué)過程備注、一情境導(dǎo)入:教師給學(xué)生演示經(jīng)典動畫和教材中部分的案

2、例動畫由此引入課題。二、講述新課(講授法、PPT 演示)(一)(一)Flash 課程介紹課程介紹1.1 初識初識 Flash1什么是 Flash是由美國是由美國 Macromedia 公司出品。公司出品。1998 年推出 Flash 2,以后繼續(xù)開發(fā)升級,很快就推出了 Flash 3。1999 年 6 月推出 Flash 4。2000 年 9 月發(fā)布了 Flash 5。2002 年 3 月推出了 Flash MX。2004 年推出 Flash 2004 MX。2005 年推出 Flash 8.0。2005 年 4 月 18 日 Adobe 以 34 億美元收購 Macromedia 公司。從此

3、 Macromedia 品牌名稱亦被 Adobe 取代。1.2 Flash 應(yīng)用領(lǐng)域應(yīng)用領(lǐng)域1.3 Flash 動畫原理動畫原理1動畫原理2Flash 動畫制作原理1.41.4 FlashFlash 工作環(huán)境工作環(huán)境1、舞臺就是工作區(qū),最主要的可編輯區(qū)域。在這里可以直接繪圖,或者導(dǎo)入外部圖形文件進(jìn)行安排編輯,再把各個獨立的幀合成在一起,以生成電影作品。首先向?qū)W生作自我介紹,然后 介 紹Flash課程性質(zhì)、目標(biāo)、考核方法以及學(xué)習(xí)方法。結(jié) 合 生活,提示學(xué)生從生活 , 學(xué)習(xí),娛樂的三個方面 羅 列2、時間軸窗口用它可以調(diào)整電影的播放速度,并把不同的圖形作品放在不同圖層的相應(yīng)幀里,以安排電影內(nèi)容播放

4、的順序。3、繪圖工具欄放置了可供圖形和文本編輯的各種工具,用這些工具可以繪圖,選取,噴涂,修改以及編排文字,還有些工具可以改變查看工作區(qū)的方式。在選擇了某一工具時,其所對應(yīng)的修改器(Modifier)也會在工具條下面的位置出現(xiàn),修改器的作用是改變相應(yīng)工具對圖形處理的效果。4、標(biāo)準(zhǔn)工具欄列出了大部分最常用的文件操作,打印,剪貼板,撤消和重做,修改器以及控制舞臺放大比例的圖標(biāo)和選項,便于進(jìn)行更為快捷的操作。5、圖庫窗口用以存放可以重復(fù)使用的稱為符號的元素。符號的類型包括有圖片(Graphics),按鈕(Button)和電影片斷(Movie Clip)。其調(diào)用的快捷鍵為 Ctrl-L。6、控制器面板

5、控制電影的播放操作的工具集合,一般不大常用,處于隱藏狀態(tài)。例例 1 1:使用工具制作:使用工具制作 “魚魚”或或“眼睛眼睛”思考:如何讓“魚”變成“眼睛”?例例 2 2:小球的直線運動。:小球的直線運動。步驟 1:在舞臺上畫出小球。步驟 2:在第 20 幀上插入關(guān)鍵幀。步驟 3:移動小球,使其開始位置與結(jié)束位置不同。步驟 4:選擇所有幀,創(chuàng)建形狀漸變動畫。flash的應(yīng)用。講述層的概述時,可結(jié)合前期學(xué)習(xí)過的Photoshop中層的概念,這樣學(xué)生頭腦中就有了印象。請學(xué)生注意動畫制作 的 過程,并能自己制作上述兩個動畫。1.51.5 動畫的保存與發(fā)布:動畫的保存與發(fā)布:1、保存動畫:依次點擊“文件

6、”菜單-“保存”輸入文件名,即可當(dāng)前正在制作的影片保存到磁盤上。注意保存的是 Flash 的源文件,其擴(kuò)展名為.fla。2、動畫的發(fā)布:依次點擊“文件”菜單“發(fā)布設(shè)置”“發(fā)布”即可。注意發(fā)布后的文件擴(kuò)展名為名為.swf ,發(fā)布后的文件可用 IE 等打開。注意flash的兩種不同格式的文件,源文件和播放文件分別的打開方式學(xué)生練習(xí)老師繪畫選項卡、標(biāo)尺、網(wǎng)格,教師輔導(dǎo)。課堂小結(jié)課堂小結(jié)通過本單元的學(xué)習(xí),使學(xué)生能了解 Flash 的工作環(huán)境,掌握基本的操作,了解簡單動畫的制作過程等,為以后的學(xué)習(xí)打下一定的基礎(chǔ)。作作業(yè)業(yè)實訓(xùn)一:制作一片“樹葉”實訓(xùn)二:制作一個“月亮”教學(xué)反思教學(xué)反思通過基本的圖形制作,

7、能夠快速掌握工具按鈕的使用,圖形制作是動畫制作的基礎(chǔ)。動畫制作小球的滾動,掌握基本的動畫原理。課堂上教師講解偏多,應(yīng)更多的時間留給學(xué)生,多一些動手的過程更適合。第二節(jié)繪圖基礎(chǔ)繪圖基礎(chǔ)課時安排1 課時教學(xué)目標(biāo)掌握繪圖基礎(chǔ)知識;掌握選擇工具的使用;掌握線條工具、橢圓工具、矩形工具和刷子工具的使用;掌握圖形修飾工具和查看工具的使用教學(xué)重點繪圖工具的使用和圖形修飾工具的使用教學(xué)難點選擇工具的使用教學(xué)方法講授演示法,任務(wù)驅(qū)動學(xué)習(xí)法和協(xié)作學(xué)習(xí)法教學(xué)資源多媒體機(jī)房、投影儀、電子教學(xué)平臺、視頻演示教程、案例源文件、素材、ppt等。教學(xué)過程備注一、復(fù)習(xí)鞏固一、復(fù)習(xí)鞏固練習(xí):動手制作蘋果二、導(dǎo)入新課二、導(dǎo)入新課打

8、開繪制好的 flash 的圖像,讓學(xué)生欣賞,說明 Flash 有一個功能強(qiáng)大的繪圖工具,可以繪制出完美的圖形。它使用靈活、簡單易用,在大多數(shù)情況下都可以滿足使用者的要求。三、講授新課(邊操作邊演示邊講解)三、講授新課(邊操作邊演示邊講解)補(bǔ)充知識:補(bǔ)充知識:、矢量圖形和位圖圖像、線條和填充圖形矢量圖形一般可以看成是由線條線條和填充物填充物組成;矢量圖形的著色有兩種:線條的著色線條的著色和填充物的著色;填充物的著色;可以著單色,也可以著漸變色漸變色和位圖位圖。、繪制模式()合并繪制模式當(dāng)你所繪制的線條穿過別的線條或圖形時,它會象刀一樣把其他的線條或圖形切割成不同的部分。同時,線條本身也會被其他線

9、條和圖形分成若干部分。()對象繪制模式注意:選擇用【對象繪制】模式創(chuàng)建的圖形時,F(xiàn)lash 會在圖形上添加矩形邊框。使用【選擇】工具 移動對象,只需單擊邊框然后拖曳圖形到舞臺上的任意位置即可。二者轉(zhuǎn)換方式:“修改”菜單/分離分離(Ctrl+B)矢量圖形的特點:同色相融,異色相切。2.12.1 選擇工具選擇工具、選擇工具請學(xué)生回答幾個問題分別打開一幅矢量圖形和位圖圖像進(jìn)行放大觀看,讓學(xué)生觀察結(jié)果畫兩條線條,和兩個形狀來演示合并繪制模式下圖形之間的相互影響教師在屏幕上繪 制 幾 個 圖形,進(jìn)行演示選擇對象的方法。注意:填充區(qū)和線條。請學(xué)生觀察對象變形時光標(biāo)的變化主要功能是選擇對象,對對象進(jìn)行變形等

10、。對象被選中后,選中部分會填充小的亮點?;静僮饔校哼x取單一對象;選取多個對象;選取填充區(qū)和輪廓錢;選取連續(xù)線條;選取對象的某一區(qū)域;取消選擇對象;移動對象;修改形狀2、部分選取工具主要用于調(diào)整線條上的節(jié)點,改變線條的形狀。部分選取工具沒有選項。基本操作有:刪除節(jié)點;移動節(jié)點;角點轉(zhuǎn)換為曲線點;調(diào)節(jié)曲率3、套索工具主要作用也是選擇物體。與選擇工具不同的是,套索工具可以用來選取任何形狀范圍的對象,而選擇工具只能拖出矩形的選取范圍,因此它的功能更強(qiáng)一些。2.22.2 繪圖圖形工具繪圖圖形工具1、線條工具線條工具的使用方法就是在舞臺中確認(rèn)一個起點后按下鼠標(biāo),然后拖動鼠標(biāo)到結(jié)束點松開鼠標(biāo)就可以了。2、

11、鋼筆工具鋼筆工具的主要功能有畫直線、畫曲線、曲線點轉(zhuǎn)換為角點、添加節(jié)點、刪除節(jié)點。3、鉛筆工具鉛筆工具的選項欄中除“對象繪制”按鈕外還有一個“鉛筆模式”按鈕,單擊此按鈕彈出三種繪圖模式:伸直、平滑、墨水。4、橢圓工具所畫出的橢圓分為兩部分:輪廓線與填充色塊。通過設(shè)置筆觸顏色和填充色,能畫出實心橢圓,空心橢圓和實心無邊框橢圓。橢圓工具選項欄中只有“對象繪制”和“貼緊至對象”兩個按鈕。5、矩形工具矩形工具是一個工具組,包括矩形工具和多角星形工具,通過單擊右下角的黑色三角進(jìn)行切換。矩形工具與橢圓工具用法相似,注意矩形圓角的設(shè)置。使用多角星形工具可以繪制出不少于三個邊的等邊多邊形。注意選項的設(shè)置6、刷

12、子工具刷子工具就像畫刷一樣可以在舞臺中繪制不同顏色的圖形,也可以為各刷子工具的選項欄有五個選項:“對象繪制”種圖形對象著色。刷子的顏色由填充色設(shè)置。 、“刷子模式”、“刷子大小”、“刷子形狀”和“鎖定填充”。7、橡皮擦工具橡皮擦工具就像日常生活中使用的橡皮擦一樣,用來擦除圖形的線條和填充區(qū)。橡皮擦工具的選項欄有三個選項:“橡皮擦模式”,“橡皮擦形狀”和“水龍頭”教師演示,注意線條工具的選項設(shè)置聯(lián)系 PS 中鋼筆工具的用法請學(xué)生思考:怎樣繪制五角星?提示學(xué)生注意鉛筆與刷子工具的異同處請學(xué)生上臺體驗不同擦除模式分別設(shè)置選項中不同的屬生設(shè)置演示填充有縫隙的圖形分別演示提取四種對象屬性2.32.3 修

13、飾圖形工具修飾圖形工具1、墨水瓶工具墨水瓶工具用于更改線條的顏色、線寬和樣式等屬性,線條的顏色可以使用純色、漸變色以及位圖圖像,2、顏料桶工具與墨水瓶工具相對應(yīng),顏料桶工具的功能是更改填充區(qū)域的顏色。它可以填充封閉區(qū)域或不完全封閉區(qū)域,填充時可以使用純色、漸變色以及位圖圖像。3、吸管工具吸管工具用于拾取填充或線條的顏色值,選擇吸管工具后,鼠標(biāo)圖標(biāo)變成一個吸管,用吸管單擊對象的任意位置,可獲得此位置的顏色值及其它屬性。4、任意變形工具使用任意變形工具可以對圖形做出各種各樣的變形,制作各種 Flash 特效。選擇任意變形工具后,在選項欄中有四個選項按鈕自動變形工具一共可以做出五種變形處理:旋轉(zhuǎn)、傾

14、斜、縮放、扭曲和封套。其中旋轉(zhuǎn)、傾斜、縮放對所有的對象都有效,而扭曲和封套只對形狀對象有效,對組對象、符號和位圖都不起作用。2.4 查看工具查看工具1、手形工具2、縮放工具綜合實例1、飛機(jī)2、表情符號課堂小結(jié)本周主要介紹了 flash 繪圖基礎(chǔ),基本繪圖工具的使用和編輯工具的使用。要注意的是,選擇某種工具時,可以對它的屬性進(jìn)行設(shè)置。要分清合并模式和對象模式的區(qū)別。布置作業(yè)1:繪圖帆船2、繪制作樹教學(xué)反思通過實例操作講解,找一些學(xué)生感興趣的小表情,調(diào)動學(xué)生的學(xué)習(xí)積極性,主動參與到課程練習(xí)中。布置一些擴(kuò)展練習(xí)作業(yè),讓不同程度的學(xué)習(xí)能夠根據(jù)自己的差異選擇完成,達(dá)到分層教學(xué)的效果。第三節(jié)第三節(jié)編輯圖像

15、編輯圖像課時安排1 課時教學(xué)目標(biāo)使學(xué)生會合理的使用:對齊、分布、匹配大小、間隔、相對于舞臺等命令;讓學(xué)生巧秒應(yīng)用切割 融合 組合 疊放順序的更改;會應(yīng)用變形面板、縮放和旋轉(zhuǎn)對話框教學(xué)重點分布和相對于舞臺;怎么樣去解決和巧秒的去應(yīng)用粘圖現(xiàn)象;用變形面板、縮放和旋轉(zhuǎn)對話框調(diào)節(jié)調(diào)整對象或者是畫圖教學(xué)難點分布面板上的各個按鈕的操作原理;怎么樣的巧秒的去就用粘圖來進(jìn)行圖象的切割 改變圖象疊放順序;變形面板中各個按鈕的作用教學(xué)方法講授演示法,任務(wù)驅(qū)動學(xué)習(xí)法和協(xié)作學(xué)習(xí)法教學(xué)資源多媒體機(jī)房、投影儀、電子教學(xué)平臺、視頻演示教程、案例源文件、素材、ppt等。教學(xué)過程備注一、復(fù)習(xí)舊課一、復(fù)習(xí)舊課1、作業(yè)提交,請同學(xué)

16、演示2、發(fā)現(xiàn)問題,總結(jié)強(qiáng)調(diào)二、導(dǎo)入新課二、導(dǎo)入新課師:展示幾個繪圖實例,要完成這些實例,必須掌握 FLASH 中有些工具使用的技巧,這樣才能增加動畫設(shè)計的美感。三、講述新課三、講述新課講授法演示法3.13.1 調(diào)整對象調(diào)整對象1、排列對象單擊菜單中“窗口”|“對齊”命令,出現(xiàn)“對齊”面板。對齊;分布;匹配;間隔2、形狀的切割 融合 組合 疊放順序的更改1)形狀的切割Flash 中將使用繪圖工具繪制的圖形稱為形狀。Flash 8 新增了“對象繪制”按鈕,在創(chuàng)建對象時如果選中“對象繪制”按鈕,將創(chuàng)建獨立的對象,與其他對象互不影響。相反,如果在繪制圖形時沒有選取“對象繪制”按扭,則對象之間將會產(chǎn)生影

17、響,對象能夠被切割或融合。舉例:直線分割橢圓矩形打孔2)形狀的融合融合是將兩個形狀連在一起,此功能可創(chuàng)建繪圖工具無法繪制的形狀。使用時要注意,進(jìn)行融合的形狀的顏色要相同,沒有邊框,并且不是獨立的對象(即在繪制對象時沒有按下“對象繪制”按鈕)??偨Y(jié):同色相融,異色相切,任何線條相條處均被切割??偨Y(jié):同色相融,異色相切,任何線條相條處均被切割。3)組合對象教師繪制幾個矩形分別演示對齊面板中的 對 齊 、 匹配、分布、間隔 按 鈕 的 用法。強(qiáng)調(diào)“相對于舞臺”按鈕的用法舉例說明:直線分割橢圓矩形打孔組合是將多個對象當(dāng)作一個整體進(jìn)行處理,可以更方便地對對象進(jìn)行移動、變形等操作,還可以防止因為重疊而產(chǎn)生

18、的切割和融合。在編輯組合時,其中的每個對象均保持各自的屬性以及與其它對象的關(guān)系。創(chuàng)建組合Ctrl+G編輯組合,注意組合編輯環(huán)境4)對象的疊放順序單擊菜單中“修改”|“排列”命令Flash 中,組合對象或?qū)嵗泉毩ο笤诏B放時,有上下順序之分,上面的對象可以覆蓋下面的對象。對象的上下順序與創(chuàng)建時的次序有關(guān),后創(chuàng)建的對象在先創(chuàng)建的對象上面。繪圖工具創(chuàng)建的非獨立的形狀沒有上下順序之分,不能進(jìn)行疊放順序調(diào)整。例 1 風(fēng)景畫例 2 斑馬字3.23.2 變形面板、縮放和旋轉(zhuǎn)對話框變形面板、縮放和旋轉(zhuǎn)對話框1、變形面板單擊菜單中“窗口”|“變形”命令,可打開“變形”面板。比例縮放調(diào)節(jié)旋轉(zhuǎn)角度調(diào)節(jié):扭曲角度調(diào)

19、節(jié) 縮放和旋轉(zhuǎn)對話框選定對象后,單擊菜單中“修改”|“變形”|“縮放和旋轉(zhuǎn)”命令,出現(xiàn)“縮放和旋轉(zhuǎn)”對話框2、翻轉(zhuǎn)對象和對象的擴(kuò)展與柔化1)翻轉(zhuǎn)對象 單擊菜單中“修改”|“變形”命令,彈出下一級子菜單。2)對象的擴(kuò)展與柔化選中填充形狀,單擊菜單中“修改”|“形狀”|“擴(kuò)展填充”柔化對象的邊緣選中形狀,單擊菜單中“修改”|“形狀”|“柔化填充邊緣”命令例 3 制作一朵七色花例 4 制作一個暫停按鈕3.3 混色器和填充變形工具1、混色器1)、筆觸顏色2)、填充顏色3)、黑白顏色和交換顏色4)、顏色值5)、漸色面板和亮度6)、Alpha7)、預(yù)覽框8)、顏色類型:無;純色;線性;放射狀;位圖2、調(diào)整

20、漸變效果1)填充變形工具:更改漸變中心;改變漸變填充的寬度;旋轉(zhuǎn)漸變填充;改變填充半徑。2)溢出溢出 Flash 8 的一個新增功能,當(dāng)我們更改漸變中心或縮小漸變寬度時,會使圖形的一部分或全部超出漸變的控制范圍3)鎖定填充在顏料桶工具和刷子工具的輔助選項里,有一個“鎖定填充”的按鈕,它的作用是鎖定漸變填充的區(qū)域。如果不鎖定,顏料桶填充顏色將在被分開的區(qū)域分別產(chǎn)生漸變;鎖定后,則在整個區(qū)域產(chǎn)生漸變。例:制作帶陰影的小球以一個橢圓和一個矩形融合舉例說明使用“縮放和旋轉(zhuǎn)”面板縮放對象只能將選中的圖形對象按寬和高的比例整體放大或縮小,不能只對水平方向或垂直方向分別放大、縮小。課堂小結(jié)1 如何對 Fla

21、sh 中的對象、圖形進(jìn)行編輯,以及圖像導(dǎo)入等基本操作。 2 準(zhǔn)確、快速的進(jìn)行圖形的編輯和導(dǎo)入工作,在實踐中為日后的動畫提供栩栩如生的素材。布置作業(yè)1:風(fēng)車2、燭火教學(xué)反思第四節(jié)第四節(jié) 逐幀動畫逐幀動畫課時計劃2 課時教學(xué)目標(biāo)掌握逐幀動畫的制作技巧;了解什么時候適合使用逐幀動畫;掌握制作變形動畫的基本操作;能夠利用添加變形提示點使動畫效果更加美觀。教學(xué)重點逐幀動畫和形狀動畫的制作教學(xué)難點形狀動畫的制作教學(xué)方法講授演示法,任務(wù)驅(qū)動學(xué)習(xí)法和協(xié)作學(xué)習(xí)法教學(xué)資源多媒體機(jī)房、投影儀、電子教學(xué)平臺、視頻演示教程、案例源文件、素材、ppt等。教學(xué)過程備注一、導(dǎo)入新課一、導(dǎo)入新課展示簡單動畫實例“滾動的小球”,

22、引入簡單動畫制作。問題的提出:1什么叫動畫?2.動畫的類型?動畫:就是由連續(xù)的畫面,按照一定的時間順序進(jìn)行有序播放。制作動畫有兩種方式:一種是逐幀動畫,另一種是漸變動畫。在逐幀動畫中,需要在每一幀上創(chuàng)建一個不同的畫面,連續(xù)的幀組合成連續(xù)變化的畫面。漸變動畫只需確定動畫起點幀和終點幀的畫面,中間部分的漸變動畫由系統(tǒng)自動生成。二、講述新課二、講述新課4.1 動畫制作基礎(chǔ)動畫制作基礎(chǔ)1、動畫的基本原理:(1)視覺暫留現(xiàn)象物體在人眼前經(jīng)過時在人眼視網(wǎng)膜上形成像,當(dāng)物體消失時,它的像并不會立即消失而是要停留一段時間。(2)計算機(jī)動畫形成原理利用人的視覺暫留現(xiàn)象,用連續(xù)的靜態(tài)圖片(相鄰圖片之間有稍微不同)

23、按一定的速度運行起來,就形成了動畫。2、幀的基本概念:(1)幀是組成動畫的基本單位,每一幀即一個畫面,F(xiàn)lash 動畫是以時間線為基礎(chǔ)的幀動畫。(2)動畫的播放速度(幀頻)按幀/每秒計算,記作 fps;(3)Flash cs 默認(rèn)的動畫播放速度是每秒 12 幀,fps 速度的設(shè)置范圍0.01fps120fps。3、在 Flash 中的幀有這樣幾種類型:(1)關(guān)鍵幀:動畫中發(fā)生改變的畫面也即關(guān)鍵畫面我們稱之為關(guān)鍵幀。當(dāng)創(chuàng)建逐幀動畫時,每個幀都是關(guān)鍵幀。在補(bǔ)間動畫中,可以在動畫的重要位置定義關(guān)鍵幀,F(xiàn)lash 會創(chuàng)建關(guān)鍵幀之間的幀內(nèi)容。補(bǔ)間動畫的插補(bǔ)幀顯示為淺藍(lán)色或淺綠色,并會在關(guān)鍵幀之間繪制一個

24、箭頭。 關(guān)鍵幀用實心圓表示。(3)普通幀:普通幀是延續(xù)前面相鄰關(guān)鍵幀畫面的時間,它的內(nèi)容與緊鄰的前關(guān)鍵幀畫面一樣。(4)空白關(guān)鍵幀:沒有內(nèi)容的關(guān)鍵幀。用空心圓則表示該幀為空白的關(guān)鍵幀。(5)補(bǔ)間幀(插補(bǔ)幀) :在補(bǔ)間動畫中,F(xiàn)lash 會創(chuàng)建關(guān)鍵幀之間的幀內(nèi)容,這些幀稱為插補(bǔ)幀,顯示為淺藍(lán)色或淺綠色,并會在關(guān)鍵幀之間繪制一個箭頭。如圖所示淺藍(lán)色顯示動畫補(bǔ)間的補(bǔ)間幀,如圖所示淺綠色顯示形狀補(bǔ)間的補(bǔ)間幀。如圖 5-14、幀的基本操作常用的幀操作有:創(chuàng)建幀、選擇幀、復(fù)制幀、粘貼幀、剪切幀、刪除幀、反轉(zhuǎn)幀。5、Flash 動畫類型Flash 中可以制作三種動畫:(1)逐幀動畫創(chuàng)建每幀動畫的內(nèi)容,然后逐

25、幀播放(2)形狀漸變動畫指兩個圖形對象的變換,其變化效果是由 Flash 控制的,其動畫效果是從一個圖形轉(zhuǎn)換為另一個圖形(3)移動漸變動畫指同一個對象不同狀態(tài)的變化,其變化效果是由 Flash控制的,常用于制作對象的位移、尺寸縮放、旋轉(zhuǎn)、顏色漸變等效果6、動畫制作流程 打開新影片文件并安排場景; 插入動畫元件(幀、圖層等) ; 設(shè)定動畫效果并測試動畫; 使用 文件/保存 命令保存擴(kuò)展名為 .fla 的 Flash 動畫文件; 輸出影片.swf7、制作動畫的注意事項:(1)如果一幅動畫中有兩個或兩個以上的不同類的對象同時運動,要把這些對象分別放在不同的圖層上,使之各自獨立,互不干擾。(2)制作動

26、畫時,最好把一個動作單獨放置在一個圖層中,等這個圖層制作好后,再制作另一個圖層。4.24.2 逐幀動畫的制作逐幀動畫的制作逐幀動畫:在舞臺上一幀一幀地繪制或修改圖像,連續(xù)播放形成動畫。制作步驟:.1單擊層名稱,使之成為當(dāng)前層,選擇層中的某一關(guān)鍵幀作為動畫的起點。.2創(chuàng)建圖形,可以使用繪圖工具直接繪圖,也可以從剪板板粘貼圖象或?qū)雸D象。.3單擊右邊的下一幀,鼠標(biāo)右鍵點擊在彈出菜單中選擇插入關(guān)鍵幀命令或按 F6 鍵.4修改舞臺上的內(nèi)容.5重復(fù)步驟 4、5,完成所有關(guān)鍵幀。(如果我們擔(dān)心有些幀之間圖形的位置間隔不太恰當(dāng),可以打開燈箱顯示模式,來查看各幀的相對效果,)4.34.3 繪圖紙顯示模式繪圖紙

27、顯示模式通常情況下,F(xiàn)lash 一次只顯示動畫序列中的一個幀。如果用戶需要定位和編輯多個幀或調(diào)節(jié)幀之間圖形的位置間隔,可以使用繪圖紙顯示模式,來查看多個幀各幀的相對效果。在繪圖紙顯示模式下時間軸中的各幀像隔著一層透明繪圖一樣重疊顯示。繪圖紙功能的使用:.1單擊“繪圖紙外觀”按鈕,在繪圖紙起始標(biāo)記和結(jié)束標(biāo)記之間的所有幀被重疊顯示.2單擊“繪圖紙外觀輪廓”按鈕,標(biāo)記之間的幀顯示為輪廓.3單擊“編輯多個幀”按鈕,可以編輯繪圖紙標(biāo)記之間的所有幀.4要更改一繪圖紙標(biāo)記的位置,將指針拖到一個新的位置.5單擊“修改繪圖紙標(biāo)記”按鈕,修改繪圖紙外觀標(biāo)記的顯示4.44.4 形狀補(bǔ)間動畫的制作形狀補(bǔ)間動畫的制作使

28、用形狀補(bǔ)間動畫可以制作一個形狀隨著時間變成另一個形狀的形變效果。一形狀補(bǔ)間動畫制作步驟.1選擇要制作動畫的層;在動畫開始播放的地方創(chuàng)建或選擇一個關(guān)鍵幀.2創(chuàng)建或放置圖形對象或分離的組、位圖、實例或文本塊.3在同一層上再創(chuàng)建一個關(guān)鍵幀,并選擇該關(guān)鍵幀.4選擇在前一個關(guān)鍵幀中放置的圖形執(zhí)行以下操作之一修改插圖的形狀、顏色或位置。刪除該插圖,然后在第二個關(guān)鍵幀中放入新的圖形或分離的組、位圖、實例或文本塊。5.在時間軸上選擇第 1 個關(guān)鍵幀,從“屬性”面板中的“補(bǔ)間”彈出菜單中選擇“形狀”7.要調(diào)整漸變過渡幀的變化速度??梢酝蟿印皵U(kuò)大值”旁邊的箭頭或輸入一個值注意:變形對象必須在一個圖層上,否則不能形

29、成補(bǔ)間動畫。要對組合體、實例、文本、位圖圖象應(yīng)用補(bǔ)間形狀動畫,必須首先將這些元素打散。實例 1:數(shù)字變化實例 2:波浪實例 3:畫矩形課堂小結(jié)1.掌握逐幀動畫、形狀補(bǔ)間動畫的制作方法。2.使學(xué)生能夠靈活使用設(shè)置動畫的基本方法并制作簡單動畫。3.注意形狀補(bǔ)間動畫提示點的設(shè)置方法布置作業(yè)1、制作逐幀動畫“倒計時”2、制作逐幀動畫“夜空下的燭火”教學(xué)反思第五節(jié)第五節(jié) 兩種補(bǔ)間動畫兩種補(bǔ)間動畫課時安排2 課時教學(xué)目標(biāo)掌握制作動作補(bǔ)間動畫的過程教學(xué)重點掌握動作補(bǔ)間動畫的制作要點教學(xué)難點動作補(bǔ)間的動畫的綜合應(yīng)用;時間幀延后的效果教學(xué)方法講授演示法,任務(wù)驅(qū)動學(xué)習(xí)法和協(xié)作學(xué)習(xí)法教學(xué)資源多媒體機(jī)房、投影儀、電子

30、教學(xué)平臺、視頻演示教程、案例源文件、素材、ppt等。教學(xué)過程備注一、導(dǎo)入新課一、導(dǎo)入新課教師播放幾個 Flash 影片,由此引入課題。問題的提出:如何制作移動動畫?二、講述新課二、講述新課動作補(bǔ)間動畫:用于對實例、組合體和文字的位置、大小、旋轉(zhuǎn)、傾斜、顏色屬性等產(chǎn)生漸變。動作補(bǔ)間動畫創(chuàng)建步驟:.1單擊層名使之成為當(dāng)前層,選擇層中的一個空白關(guān)鍵幀作為動畫的起點。.2創(chuàng)建補(bǔ)間動畫的第一個幀,執(zhí)行以下操作之一:創(chuàng)建一個圖形對象并轉(zhuǎn)換為元件在舞臺中創(chuàng)建一個實例、組或文本塊將元件的實例從“庫”面板中拖出3. 在動畫要結(jié)束的地方創(chuàng)建第二個關(guān)鍵幀,然后選擇結(jié)束幀4. 更改結(jié)束幀中的實例、組或文本塊,執(zhí)行以下

31、操作之一:將項目移動到新的位置修改項目的大小、旋轉(zhuǎn)或傾斜修改項目的顏色(僅限實例或文本)5. 右鍵單擊補(bǔ)間幀范圍內(nèi)的任何幀,從彈出的菜單中選擇創(chuàng)建補(bǔ)間動畫;或從屬性面板的“補(bǔ)間”彈出菜單中選擇“動作”6. 如果修改了項目的大小,勾選“縮放”選項7. 如果要調(diào)整補(bǔ)間幀之間的變化速率可以拖動“簡易”框右邊的箭頭或輸入一個值若要加速設(shè)置值為-1 至 -100;若要減速設(shè)置值為 1 到 1008. 若要旋轉(zhuǎn)對象,從“旋轉(zhuǎn)”菜單中選擇一個選項:選擇“無”不旋轉(zhuǎn)選擇“自動”可以在需要最少動畫的方向上旋轉(zhuǎn)對象一次選擇“順時針”或“逆時針”按指定的方向旋轉(zhuǎn)對象,輸入一個數(shù)值指定要旋轉(zhuǎn)的次數(shù)注:移動漸變動畫首尾

32、幀間有淡藍(lán)色背景,并有黑色箭頭表示,若出現(xiàn)虛線表示漸變過程有問題。元件的五種變化:移動、縮放、旋轉(zhuǎn)、顏色、透明度實例 1:跳動的小球?qū)嵗?2:碰撞的小球課堂小結(jié)1.逐幀動畫、動作補(bǔ)間動畫、形狀補(bǔ)間動畫和場景動畫的設(shè)計方法。2.使學(xué)生能夠靈活使用設(shè)置動畫的基本方法并制作簡單動畫。布置作業(yè)1:轉(zhuǎn)動的風(fēng)車2:卷軸動畫教學(xué)反思第六節(jié)第六節(jié) 引導(dǎo)動畫引導(dǎo)動畫課程內(nèi)容1 課時教學(xué)目標(biāo)1、要求學(xué)生掌握各類曲線運動的制作技巧,掌握引導(dǎo)線、引導(dǎo)層的概念及作用;2、能根據(jù)運動的需求,畫出運動軌跡線,即引導(dǎo)線。教學(xué)重點運動引導(dǎo)層的創(chuàng)建,動畫關(guān)鍵幀的設(shè)置。教學(xué)難點做引導(dǎo)層時的幾個注意點。教學(xué)方法講授演示法,任務(wù)驅(qū)動學(xué)

33、習(xí)法和協(xié)作學(xué)習(xí)法教學(xué)資源多媒體機(jī)房、投影儀、電子教學(xué)平臺、視頻演示教程、案例源文件、素材、ppt等。教學(xué)過程備注一、復(fù)習(xí)舊課一、復(fù)習(xí)舊課總結(jié)上周實訓(xùn)中的問題,比較兩種補(bǔ)間動畫的制作步驟和先決條件。注意和圖層結(jié)合完成特效。二、導(dǎo)入新課二、導(dǎo)入新課我們已經(jīng)知道在以前所涉及的移動動畫過程都是兩點一直線,不存在曲線運動,這對設(shè)計者來講是不夠的,我們需要更豐富的移動動畫,這就引出我們這一章節(jié)所要講的 FLASH 中的功能層之一-引導(dǎo)線層。我們可以比較一下面三幅動畫:1、用逐幀技術(shù)2、用移動補(bǔ)間3、用引導(dǎo)線技術(shù)通過觀察我們可以發(fā)現(xiàn)用引導(dǎo)線做出的動畫,它的運動路徑可以是一條曲線,這樣,動畫也就隨之而豐富起來

34、。思考:以上動畫能直接用移動補(bǔ)間來完成嗎?自己動手試一試用移動補(bǔ)間做該動畫效果,然后比較用幾個關(guān)鍵幀來完成最相像?(教師提供素材)通過實驗我們發(fā)現(xiàn):按照以前所學(xué),除非使用逐幀動畫,否則無法完成該動畫效果,那么,有沒有其它方法?引導(dǎo)線功能層三、講述新課三、講述新課61 引導(dǎo)線、引導(dǎo)層的概念引導(dǎo)線、引導(dǎo)層的概念1、引導(dǎo)層:引導(dǎo)線必須制作在引導(dǎo)層中,而需要使用引導(dǎo)線作為運動軌跡線的物體所在層必須在引導(dǎo)層的下方,一個引導(dǎo)層可以為多個圖層提供運動軌跡。同時在一個引導(dǎo)層中可以有多條運動軌跡。2、引導(dǎo)線:引導(dǎo)線就是軌跡或輔助線的作用。它讓物體沿著引導(dǎo)線路徑運行,運動的對象其關(guān)鍵幀必須完全吸附在軌跡上(即物體

35、運動的軌跡,一般使用鋼筆工具來制作)注意:思考引導(dǎo)線的顏色和線條的粗細(xì)是否影響引導(dǎo)效果?在運動引導(dǎo)層中的線條在實際導(dǎo)出成 SWF 文件時是不否可見?6 62 2 創(chuàng)建引導(dǎo)路徑動畫的方法創(chuàng)建引導(dǎo)路徑動畫的方法1、創(chuàng)建引導(dǎo)層和被引導(dǎo)層一個最基本“引導(dǎo)路徑動畫”由二個圖層組成,上面一層是“引導(dǎo)層”,它的圖層圖標(biāo)為,下面一層是“被引導(dǎo)層”,圖標(biāo)同普通圖層一樣。在普通圖層上點擊時間軸面板的“添加引導(dǎo)層”按鈕,該層的上面就會添加一個引導(dǎo)層,同時該普通層縮進(jìn)成為“被引導(dǎo)層”,如圖所示。2、引導(dǎo)層和被引導(dǎo)層中的對象引導(dǎo)層是用來指示元件運行路徑的,所以“引導(dǎo)層”中的內(nèi)容可以是用鋼筆、鉛筆、線條、橢圓工具、矩形工

36、具或畫筆工具等繪制出的線段。而“被引導(dǎo)層”中的對象是跟著引導(dǎo)線走的,可以使用影片剪輯、圖形元件、按鈕、文字等,但不能應(yīng)用形狀。由于引導(dǎo)線是一種運動軌跡,不難想象,“被引導(dǎo)”層中最常用的動畫形式是動作補(bǔ)間動畫,當(dāng)播放動畫時,一個或數(shù)個元件將沿著運動路徑移動。3、向被引導(dǎo)層中添加元件“引導(dǎo)動畫”最基本的操作就是使一個運動動畫“附著”在“引導(dǎo)線”上。所以操作時特別得注意“引導(dǎo)線”的兩端,被引導(dǎo)的對象起始、終點的 2個“中心點”一定要對準(zhǔn)“引導(dǎo)線”的 2 個端頭。6 63 3 應(yīng)用引導(dǎo)路徑動畫的技巧應(yīng)用引導(dǎo)路徑動畫的技巧1、“被引導(dǎo)層”中的對象在被引導(dǎo)運動時,還可作更細(xì)致的設(shè)置,比如運動方向,把【屬性

37、】面板上的【路徑調(diào)整】前打上勾,對象的基線就會調(diào)整到運動路徑。而如果在【對齊】前打勾,元件的注冊點就會與運動路徑對齊。2、引導(dǎo)層中的內(nèi)容在播放時是看不見的,利用這一特點,可以單獨定義一個不含“被引導(dǎo)層”的“引導(dǎo)層”,該引導(dǎo)層中可以放置一些文字說明、元件位置參考等,此時,引導(dǎo)層的圖標(biāo)為。3、在做引導(dǎo)路徑動畫時,按下工具欄上的【對齊對象】功能按鈕,可以使“對象附著于引導(dǎo)線”的操作更容易成功。4、過于陡峭的引導(dǎo)線可能使引導(dǎo)動畫失敗,而平滑圓潤的線段有利于引導(dǎo)動畫成功制作。5、被引導(dǎo)對象的中心對齊場景中的十字星,也有助于引導(dǎo)動畫的成功。6、向被引導(dǎo)層中放入元件時,在動畫開始和結(jié)束的關(guān)鍵幀上,一定要讓元

38、件的注冊點對準(zhǔn)線段的開始和結(jié)束的端點,否則無法引導(dǎo),如果元件為不規(guī)則形,可以按下工具欄上的任意變形工具,調(diào)整注冊點。7、如果想解除引導(dǎo),可以把被引導(dǎo)層拖離“引導(dǎo)層”,或在圖層區(qū)的引導(dǎo)層上單擊右鍵,在彈出的菜單上選擇【屬性】 ,在對話框中選擇“正?!弊鳛閳D層類型。8、如果想讓對象作圓周運動,可以在“引導(dǎo)層”畫個圓形線條,再用橡皮擦去一小段,使圓形線段出現(xiàn) 2 個端點,再把對象的起始、終點分別對準(zhǔn)端點即可。9、引導(dǎo)線允許重疊,比如螺旋狀引導(dǎo)線,但在重疊處的線段必需保持圓潤,讓Flash 能辨認(rèn)出線段走向,否則會使引導(dǎo)失敗。注意注意:引導(dǎo)層一旦建立完成后應(yīng)將其鎖定對運動對象定位時最好打開“帖緊至對象

39、”工具,這樣當(dāng)吸附正確時中心點會放大。實例 1:小球的無規(guī)則運動實例 2:飛舞的蝴蝶實例 3:飄雪綜合實例:寒梅傲雪課堂小結(jié)引導(dǎo)層動畫的概念引導(dǎo)層動畫的制作方法布置作業(yè)實訓(xùn)十:制作引導(dǎo)動畫教學(xué)反思第七節(jié)第七節(jié) 遮罩動畫遮罩動畫課時安排1 課時教學(xué)目標(biāo)1、掌握遮罩的基本原理;2、運用遮罩制作簡單的場景動畫教學(xué)重點遮罩層和被遮罩層教學(xué)難點多層遮罩動畫教學(xué)方法講授演示法,任務(wù)驅(qū)動學(xué)習(xí)法和協(xié)作學(xué)習(xí)法教學(xué)資源多媒體機(jī)房、投影儀、電子教學(xué)平臺、視頻演示教程、案例源文件、素材、ppt等。教學(xué)過程備注一、導(dǎo)入新課一、導(dǎo)入新課在 Flash 的作品中,我們常常看到很多眩目神奇的效果,而其中不少就是用最簡單的“遮

40、罩”完成的,如水波、萬花筒、百頁窗、放大鏡、望遠(yuǎn)鏡等等。那么,“遮罩”如何能產(chǎn)生這些效果呢?請同學(xué)們先觀看下面兩個動畫,并思考以下問題:1、動畫中具體表現(xiàn)出什么樣的變化?2、動畫中是否有透過某個區(qū)域可以看到另一番景象?二、新課講解二、新課講解7 71 1 遮罩動畫的概念遮罩動畫的概念遮罩動畫是 Flash 中的一個很重要的動畫類型,很多效果豐富的動畫都是通過遮罩動畫來完成的。在 Flash 的圖層中有一個遮罩圖層類型,為了得到特殊的顯示效果,可以在遮罩層上創(chuàng)建一個任意形狀的“視窗”,遮罩層下方的對象可以通過該“視窗”顯示出來,而“視窗”之外的對象將不會顯示。7 72 2 創(chuàng)建遮罩的方法創(chuàng)建遮罩

41、的方法1、創(chuàng)建遮罩在 Flash 中沒有一個專門的按鈕來創(chuàng)建遮罩層,遮罩層其實是由普通圖層轉(zhuǎn)化的。你只要在某個圖層上單擊右鍵,在彈出菜單中選擇【遮罩層】 ,使命令的左邊出現(xiàn)一個小勾,該圖層就會生成遮罩層,“層圖標(biāo)”就會從普通層圖標(biāo),系統(tǒng)會自動把遮罩層下面的一層關(guān)聯(lián)為“被遮罩層”,變?yōu)檎谡謱訄D標(biāo),如果你想關(guān)聯(lián)更多層被遮罩,只要把這些層拖到被在縮進(jìn)的同時圖標(biāo)變?yōu)檎谡謱酉旅婢托辛耍鐖D所示。2、構(gòu)成遮罩和被遮罩層的元素遮罩層中的圖形對象在播放時是看不到的,遮罩層中的內(nèi)容可以是按鈕、影片剪輯、圖形、位圖、文字等,但不能使用線條,如果一定要用線條,可以將線條轉(zhuǎn)化為“填充”。被遮罩層中的對象只能透過遮罩層

42、中的對象被看到。在被遮罩層,可以使用按鈕,影片剪輯,圖形,位圖,文字,線條。3、遮罩中可以使用的動畫形式可以在遮罩層、被遮罩層中分別或同時使用形狀補(bǔ)間動畫、動作補(bǔ)間動畫、引導(dǎo)線動畫等動畫手段,使遮罩動畫變成一個可以施展無限想象力的創(chuàng)作空間。3 3應(yīng)用遮罩時的技巧應(yīng)用遮罩時的技巧遮罩層的基本原理是:能夠透過該圖層中的對象看到“被遮罩層”中的對象及其屬性(包括它們的變形效果) ,但是遮罩層中的對象中的許多屬性如漸變色、透明度、顏色和線條樣式等卻是被忽略的。比如,我們不能通過遮罩層的漸變色來實現(xiàn)被遮罩層的漸變色變化。)1(要在場景中顯示遮罩效果,可以鎖定遮罩層和被遮罩層。)2(可以用“Actions

43、”動作語句建立遮罩,但這種情況下只能有一個“被遮罩層”,同時,不能設(shè)置_Alpha 屬性。)3(不能用一個遮罩層試圖遮蔽另一個遮罩層。)4(遮罩可以應(yīng)用在 gif 動畫上。)5(在制作過程中,遮罩層經(jīng)常擋住下層的元件,影響視線,無法編輯,可,使遮罩,使之變成 以按下遮罩層時間軸面板的顯示圖層輪廓按鈕層只顯示邊框形狀,在種情況下,你還可以拖動邊框調(diào)整遮罩圖形的外形和位置。)6(在被遮罩層中不能放置動態(tài)文本。實例 1:探照燈效果實例 2:放大鏡效果實例 3:萬花筒課堂小結(jié)a) 在做遮照時要分清楚什么是遮照,什么是被遮照的?關(guān)鍵記住顯示的是兩層的重疊部分,而具體顯示的內(nèi)容由被遮照層決定,即看到的是什

44、么,那一層就是被遮照層。b) 遮照層和被遮照層兩層都可做動畫,我們的動畫是在哪一層?c) 很多時候遮照不只有兩層,還有兩個普通層,一個在被遮照層下,一般用作背景;還有一層在遮照層上,一般是做一些和遮照同步的動畫,有些還可在遮照層的基礎(chǔ)上再作加工,比如說一些放大鏡的樣子等d) 分清楚遮照的這些概念以后,就可以用以前學(xué)過的知識做各類元件放在相應(yīng)的層中,就可以做出我們需要的一些遮照效果。布置作業(yè)1:MTV 字幕效果2:百葉窗效果教學(xué)反思第八節(jié)第八節(jié) 聲音導(dǎo)入聲音導(dǎo)入課程內(nèi)容1 課時教學(xué)目標(biāo)將聲音添加到時間軸上;為關(guān)鍵幀添加聲音;為按鈕添加聲音;MTV 制作教學(xué)重點為元件添加聲音教學(xué)難點MTV 制作教

45、學(xué)方法講授演示法,任務(wù)驅(qū)動學(xué)習(xí)法和協(xié)作學(xué)習(xí)法教學(xué)資源多媒體機(jī)房、投影儀、電子教學(xué)平臺、視頻演示教程、案例源文件、素材、ppt等。教學(xué)過程備注一、導(dǎo)入新課一、導(dǎo)入新課請各位同學(xué)觀看兩個影片,并思考兩個影片中突出部分是什么?這部分在影片中起到了什么作用?二、講述新課二、講述新課8.18.1 聲音的導(dǎo)入聲音的導(dǎo)入1、Flash 中控制音頻的主要方法:讓聲音獨立于時間軸循環(huán)播放為動畫配音樂為按鈕添加某種聲音設(shè)置聲音漸入漸出等效果通過動作控制音效的回放2、導(dǎo)入到 Flash 中的聲音文件格式:Flash 中不能自己創(chuàng)建或錄制聲音,編輯動畫所使用的聲音素材都要從外部以文件的形式導(dǎo)入到 Flash 中。 直

46、接導(dǎo)入 Flash 應(yīng)用的聲音文件,主要包括WAV 和 MP3 兩種格式。如果系統(tǒng)上安裝了 QuickTime 4 或更高版本,則還可以導(dǎo)入 AIFF 格式和只有聲音的 QuickTime 影片格式。3、導(dǎo)入聲音操作步驟:選擇“文件”“導(dǎo)入”“導(dǎo)入到庫”。在“導(dǎo)入”對話框中,定位并打開所需的聲音文件Flash 將音頻文件存放在元件庫中。打開庫,按下播放按鈕可以試聽。注: 1)在庫中的聲音文件有上下兩個波形,表示此聲音文件為雙聲道文件。如果只顯示一個波形,則表示文件為單聲道的聲音2)如果在導(dǎo)入 mp3 聲音文件時顯示“讀取文件時出現(xiàn)問題,一個或多個文件沒有導(dǎo)入”,可以將該文件使用音頻轉(zhuǎn)換軟件重新

47、壓縮或轉(zhuǎn)換為 wav 文件后再導(dǎo)入。練習(xí) 8-1:1) 打開素材文件 8-1 源文件.fla;2) 導(dǎo)入聲音 music.mp3;3) 打開庫測試聲音;4) 插入新層;在新層第 1 關(guān)鍵添加聲音。8.28.2 為影片添加聲音為影片添加聲音在影片中添加聲音操作步驟:、1將聲音文件導(dǎo)入到電影中。、2單擊插入層命令為聲音創(chuàng)建一個新層。在該圖層上要開始播放聲音的幀處創(chuàng)建一個關(guān)鍵幀。、3點擊要添加聲音的關(guān)鍵幀,在屬性面板聲音下拉列表框中選擇一個聲音文件、4從“同步”彈出菜單中選擇需要的選項:事件: 聲音的播放和事件的發(fā)生同步。聲音在它的起始關(guān)鍵幀開始播放,并不受時間軸控制。即使影片播放完畢,聲音也繼續(xù)播

48、放,直到此聲音文件播放完畢為止。采用該方式的聲音文件必須完全下載后才能夠播放。該方式的聲音文件最好短小,常用于制作按鈕聲音或各種音效。開始:與事件選項的功能相似,所不同的是,如果聲音正在播放,使用此選項則不會播放新的聲音。停止:停止播放指定的聲音。數(shù)據(jù)流:聲音和時間軸保持同步。聲音文件可以一邊下載一邊播放,當(dāng)影片播放完畢,聲音也隨之終止。主要用于制作背景音樂或 MTV5. 選擇播放次數(shù):選擇“重復(fù)”:需要輸入一個值,以指定聲音應(yīng)循環(huán)的次數(shù)選擇“循環(huán)”:連續(xù)重復(fù)播放聲音注:1) 聲音在到達(dá)時間軸中的終點就會停下來??梢酝ㄟ^在聲音圖層中加入更多的幀來延長聲音的播放時間。2) 在編輯過程中按 Ent

49、er 鍵可以測試聲音。也可按 Ctrl+Enter 鍵通過測試影片方法測試。練習(xí) 8-2:1)打開素材文件 8-2 源文件.fla2)導(dǎo)入聲音文件:晴天.mp3、雨聲.mp3、鳥叫.wav、閃電雷聲.wav、青蛙.WAV3)根據(jù)畫面,將聲音文件添加到時間軸相應(yīng)的位置8.38.3 聲音的效果設(shè)置和編輯聲音的效果設(shè)置和編輯1. 在時間軸上,選擇包含聲音文件的第一個幀2. 在聲音屬性面板中,從“效果”彈出菜單中選擇聲音效果選項:3. 如果選擇自定義或點擊編輯按鈕,可以打開聲音編輯控件,使用此控件可以改變聲音開始播放和停止播放的位置或調(diào)整音量的大小打開練習(xí) 8-2 制作的 Flash 文件設(shè)置聲音效果

50、:1)將雷電聲設(shè)置為淡出2) 設(shè)置雨聲效果為自定義聲音,開頭由小到大,結(jié)尾由大到小3) 改變晴空聲音的起始點與終點4) 降低青蛙聲音的音量8.48.4 給按鈕附加聲音給按鈕附加聲音在 Flash 中通過給按鈕符號的不同狀態(tài)附加聲音,可以為按鈕加入聲效。為按鈕添加聲音的操作步驟:使用“文件”“導(dǎo)入”命令,導(dǎo)入要附加到按鈕上的聲音文件。從庫面板或舞臺上選擇按鈕,單擊右鍵,從彈出的快捷菜單中選擇“編輯”命令,進(jìn)入按鈕的編輯狀態(tài)在按鈕的時間軸新建一個層,專門用于附加聲音。練習(xí) 8-4:給按鈕附加聲音1) 打開素材文件 8-4 源文件.fla;導(dǎo)入素材文件夾中的聲音文件2)從公用庫中拖出一個按鈕,制作點

51、擊時發(fā)出聲音效果3)制作點擊小孩動畫發(fā)出笑聲效果4) 制作點擊播放按鈕播放音樂/點擊停止按鈕,停止播放音樂5) 在按鈕的經(jīng)過或按下狀態(tài)上放置電影元件與聲音,制作鼠標(biāo)經(jīng)過或點擊按鈕出現(xiàn)動畫與聲音效果。8.58.5 聲音的壓縮與屬性設(shè)置聲音的壓縮與屬性設(shè)置聲音屬性設(shè)置方法:1. 雙擊庫面板中的聲音文件圖標(biāo)或右鍵點擊后從上下文菜單中選擇“屬性”。打開聲音屬性對話框2. 去掉使用導(dǎo)入的 MP3 品質(zhì)項的勾選3. 打開“壓縮”框下拉菜單選擇:4. 點擊“測試”按鍵,試聽設(shè)置的聲音。5. 設(shè)置完畢點擊“確定”按鈕。8.68.6 使用行為控制聲音使用行為控制聲音在 Flash 中可以使用行為來控制聲音的加載

52、與播放。使用行為控制聲音的操作步驟:1、 為庫中的聲音設(shè)置鏈接屬性(1)在“庫”面板中選擇聲音;(2)右擊庫面板中的聲音名稱,從上下文菜單中選擇“鏈接”;(3)勾選鏈接中的“為動作腳本導(dǎo)出”;(4)在標(biāo)識符框中輸入標(biāo)識字符串,標(biāo)識符要寫入文件的擴(kuò)展名;(5)后單擊“確定”。2、使用行為將聲音載入(1)選擇一個要用于觸發(fā)行為的對象(如按鈕);(2)在行為面板上單擊(+)按鈕(3)從“聲音”子菜單中選擇“從庫加載聲音”或“加載 MP3 流文件”(外部文件);(4)在出現(xiàn)的對話框中輸入鏈接標(biāo)識符或聲音位置(外部 MP3 文件);(5)輸入此聲音的實例名稱, 單擊“確定”3、使用行為控制聲音(1)在舞

53、臺上選擇用于觸發(fā)行為的按鈕。(2)在行為面板上單擊(+)按鈕,從“聲音”子菜單中選擇所需的行為(例如:停止聲音、播放聲音等)(3)在彈出的對話框中輸入此聲音的實例名稱,點擊確定;(4)打開“事件框的下拉菜單,選擇一個鼠標(biāo)事件。如果要使用 “釋放時”事件,保持該選項不變。練習(xí) 8-6使用行為控制聲音選擇與播放。1) 打開素材 8-6 源文件.fla,將庫中的按鈕拖入舞臺2)導(dǎo)入聲音文件3)為按鈕 1 添加從庫中打開聲音行為4)為按鈕 2 添加播放外部 mp3 文件的行為5)為按鈕 3 添加從庫中加載并播放 mp3 文件行為6)為按鈕 4 添加停止播放所有聲音行為課堂小結(jié)1. 將聲音添加到時間軸上

54、及處理方法2. 為關(guān)鍵幀添加聲音3為按鈕添加聲音布置作業(yè)導(dǎo)入和應(yīng)用聲音教學(xué)反思第九節(jié)第九節(jié) 腳本基礎(chǔ)應(yīng)用腳本基礎(chǔ)應(yīng)用課程內(nèi)容2 課時教學(xué)目標(biāo)掌握程序編輯環(huán)境動作面板的使用方法;能夠通過動作面板開發(fā)與編輯ActiongScript 腳本程序。了解 ActionScript 編程要素與 ActiongScript 程序的語法規(guī)則;掌握如何在 Flash 中為時間軸中的關(guān)鍵幀、按鈕元件實例和影片剪輯實例等對象添加腳本指定動作。教學(xué)重點了解 ActionScript 編程要素與 ActiongScript 程序的語法規(guī)則;教學(xué)難點掌握如何在 Flash 中為時間軸中的關(guān)鍵幀、按鈕元件實例和影片剪輯實例

55、等對象添加腳本指定動作。教學(xué)方法講授演示法,任務(wù)驅(qū)動學(xué)習(xí)法和協(xié)作學(xué)習(xí)法教學(xué)資源多媒體機(jī)房、投影儀、電子教學(xué)平臺、視頻演示教程、案例源文件、素材、ppt等。教學(xué)過程備注一、導(dǎo)入新課一、導(dǎo)入新課教師播放幾個 Flash 影片,由此引入課題。問題的提出:如何制作交互式動畫?二、講述新課二、講述新課ActionScript 是 Flash 內(nèi)置的腳本編寫語言,用于向影片添加交互性。使用該語言為 Flash 動畫編程,可以實現(xiàn) Flash 中內(nèi)容與內(nèi)容,內(nèi)容與用戶之間的交互;實現(xiàn)各種動畫特效、對影片的進(jìn)行控制、進(jìn)行強(qiáng)大的人機(jī)交互以及與網(wǎng)絡(luò)服務(wù)器的交互功能。9.19.1 動作面板的使用動作面板的使用動作面

56、板是 Flash 程序編輯環(huán)境。使用該面板可以開發(fā)與編輯 ActiongScript腳本程序。一.啟動動作面板啟動動作面板方法:.1選中關(guān)鍵幀、按鈕或影片剪輯等對象.2選擇菜單 “窗口”“開發(fā)面板”“動作”(或按快捷鍵 F9 打開動作面板)。二.動作面板的組成Flash 動作面板由以下部分組成:動作工具箱:列出所有 ActionScript動作腳本語言元素。 雙擊命令,或者將命令拖到右邊的腳本輸入?yún)^(qū)中即可向腳本中添加命令。腳本導(dǎo)航器: 列出當(dāng)前工作的項目中含有腳本程序的界面元素,用于瀏覽文件以查找動作腳本代碼。單擊腳本導(dǎo)航器中的某一項目,則與該項目關(guān)聯(lián)的腳本將出現(xiàn)在“腳本”輸入?yún)^(qū),并且播放頭將

57、移到時間軸上的該位置。腳本輸入?yún)^(qū):輸入與編輯腳本代碼的區(qū)。工具欄:列出腳本編輯中常用的命令按鈕。點擊可執(zhí)行選定的操作三.使用動作面板添加動作可以使用以下方法之一添加動作。直接在“腳本”輸入?yún)^(qū)中編輯輸入命令、參數(shù)或編輯命令。雙擊“動作”工具箱中的某一項向“腳本”輸入?yún)^(qū)添加命令單擊“腳本”窗口上方的“添加”(+) 按鈕,點擊“動作”工具箱中的某一項向“腳本”輸入?yún)^(qū)添加命令9.29.2 ActionScriptActionScript 的編程要素的編程要素ActionScript 編程要素包括:變量、常量、運算符、函數(shù)、表達(dá)式等。一. 常量常量是指在使用程序運行中保持不變的參數(shù),主要有以下三種:數(shù)值

58、型常量:由具體數(shù)值表示。 x = 3;字符型常量:由若干字符組成,兩端需要使用引號 x = hello;邏輯型常量:用于判斷某一條件是否成立。值有兩個:True(真)、False(假)二.變量變量是指程序運行中可以改變的量。 變量由兩部分構(gòu)成:變量名和變量的值(1)變量名的命名規(guī)則:變量的名稱必須以英文字母開頭。變量的名稱中間不能有空格變量的名稱中不能使用除了“ _ ”(下劃線)以外的符號不能使用與命令(關(guān)鍵字)相同的名稱(2) 變量的值變量的值可以是數(shù)值、字符串、邏輯值、表達(dá)式等在 Flash 中,可以不直接定義變量的數(shù)據(jù)類型。當(dāng)變量被賦值時,F(xiàn)lash 自動確定變量的數(shù)據(jù)類型。例如:對于

59、x=Flash 將變量 x 確定為數(shù)值型;對于 y= FlashActionScript Flash 將變量 y 確定為字符型(3)變量的作用域變量的作用域,是指能夠識別和引用該變量的區(qū)域。也就是變量在什么范圍內(nèi)是可以訪問的。在 ActionScript 中有 3 種類型的變量區(qū)域:局部變量:在自身代碼塊中有效的變量(在大括號內(nèi))。就是在聲明它的語句塊內(nèi)(例如一個函數(shù)體)是可訪問的變量,通常是為避免沖突和節(jié)省內(nèi)存占用而使用。時間軸變量:可以在使用目標(biāo)路徑指定的任何時間軸內(nèi)有效。時間軸范圍變量聲明后 , 在聲明它的整個層級的時間軸內(nèi)是可訪問的。全局變量:在整個影片中都可以訪問的變量。即使沒有使用

60、目標(biāo)路徑指定,也可以在任何時間軸內(nèi)有效。三.運算符運算符用于對表達(dá)式中各個運算量進(jìn)行各種運算的符號。 通過運算符對一個或多個值計算新值。Flash 提供的運算符主要有:算術(shù)運算符:+加、-減、* 乘、/除、+ 遞增、 -遞減比較運算符:大于、=大于或等于 、!=不等于、 =等于賦值運算符:=賦值、+=相加并賦值、-=相減并賦值、*=相乘并賦值、/=相除并賦值、=按位右移位并賦值等位運算符:&按位與、|按位或、按位異或、 按位非、右移位、右移位填零四.函數(shù)函數(shù)是用來對常量、變量等進(jìn)行某種運算的程序代碼。這些代碼在程序中重復(fù)使用。在編程時可以將需要處理的值或?qū)ο笸ㄟ^參數(shù)的形式傳遞給函數(shù),該函數(shù)將對

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論