Flash動(dòng)畫制作實(shí)訓(xùn)教程

1、Flash動(dòng)畫制作實(shí)訓(xùn)教程早知道課程類別：專業(yè)計(jì)劃學(xué)時(shí)：48 = 3學(xué)時(shí)/周 16周課程內(nèi)容 ：學(xué)習(xí)使用Macromedia公司（現(xiàn)Adobe公司）開發(fā)的web工具“Macromedia網(wǎng)頁設(shè)計(jì)三劍客”之 flash（閃光：web動(dòng)畫制作）。課程任務(wù)：掌握動(dòng)畫制作軟件 Flash 8 的操作使用，能夠?qū)lash 8 靈活運(yùn)用到交互式動(dòng)畫的設(shè)計(jì)與制作中。2早知道 教學(xué)方法：全程實(shí)訓(xùn) + 快樂教學(xué)案例教學(xué) + 任務(wù)驅(qū)動(dòng)： 1）做練習(xí)作品（案例）：教師演示教師示范學(xué)生練習(xí) 2）做創(chuàng)作作品（任務(wù)）：教師演示學(xué)生創(chuàng)作上交作品考核方式：過程考核 + 綜合能力考核，等級分制記錄成績 成績比例 = 課外習(xí)題

2、（20%：9次） + 過程考核（30%：3次階段性創(chuàng)作作品） + 綜合考核（50%：1次綜合性創(chuàng)作作品）科代表、點(diǎn)名冊3師傅領(lǐng)進(jìn)門 ，修行在各人4目錄前 言入門篇提高篇56前言 學(xué)FLASH前的20句經(jīng)典忠告 P17入門篇第1課 走進(jìn)動(dòng)畫工作室第2課 我的家繪制漂亮小屋第3課 我的家打造美麗家園第4課 我的家動(dòng)畫王國顯身手第5課 我的家制作個(gè)性文字與按鈕第6課 我的家制作圖像序列第7課 我的家小鳥展翅飛第8課 我的家自由飛翔 快樂歌唱第9課 我的家動(dòng)畫控制與發(fā)布8提高篇第10課 動(dòng)作腳本入門第11課 動(dòng)作腳本進(jìn)階第12課 文字字段與組件第13課 時(shí)間軸特效和行為第14課 合并對象與濾鏡第15課

3、 模板的應(yīng)用第16課 綜合實(shí)訓(xùn)第1課 走進(jìn)動(dòng)畫工作室教學(xué)目標(biāo)通過展示動(dòng)畫實(shí)例，了解動(dòng)畫形成原理通過比較實(shí)例，掌握位圖和矢量圖的特點(diǎn)與區(qū)別通過欣賞幾個(gè)不同種類Flash作品，了解Flash及其應(yīng)用通過制作一個(gè)簡單動(dòng)畫，了解Flash工作原理， 熟悉Flash軟件界面 9101. 1 動(dòng)畫形成的原理 P3 小鳥展翅飛（案例1.1）第1課 走進(jìn)動(dòng)畫工作室111. 2 位圖和矢量圖 P3位圖（案例1.2）矢量圖（案例1.3）矢量圖特點(diǎn)： 占用空間小， 縮放不失真，色彩較單調(diào) Flash制作的動(dòng)畫是矢量圖形動(dòng)畫 第1課 走進(jìn)動(dòng)畫工作室121. 3 Flash及其應(yīng)用 P5幾個(gè)不同類型Flash作品欣賞

4、（案例1.4）第1課 走進(jìn)動(dòng)畫工作室13過程考核1：請回答以下問題：什么是Flash？用它能做什么？沒有學(xué)過美術(shù)，能否用好Flash?怎樣才能學(xué)好Flash？注意：請將問題和答案寫在試卷上，20分鐘后收卷。第1課 走進(jìn)動(dòng)畫工作室1. 4 制作一個(gè)簡單動(dòng)畫 （案例1.5）P7教師演示教師示范（可對照電子版案例或依照教材步驟）學(xué)生練習(xí)（可對照電子版案例或依照教材步驟） 以后的所有案例皆按此過程進(jìn)行第1課 走進(jìn)動(dòng)畫工作室14151. 5 任務(wù)1 P17 繪制一個(gè)綠色漸變的矩形，制作一個(gè)上下移動(dòng)的動(dòng)畫 教師演示學(xué)生創(chuàng)作 以后的所有任務(wù)皆按此過程進(jìn)行第1課 走進(jìn)動(dòng)畫工作室161. 6 習(xí)題1 P17 全

5、做把能寫的答案寫在作業(yè)本上 以后的所有習(xí)題皆按此要求進(jìn)行第1課 走進(jìn)動(dòng)畫工作室第2課 我的家繪制漂亮小屋教學(xué)目標(biāo)通過展示一個(gè)綜合動(dòng)畫案例我的家，明確入門篇學(xué)習(xí)目標(biāo)通過繪制我的家動(dòng)畫案例中的第一個(gè)元件 漂亮小屋：了解繪圖工具的具體功能，掌握Flash繪畫的步驟和方法，學(xué)會(huì)填充顏色的技法17182.1 一個(gè)綜合動(dòng)畫案例我的家P18我的家（案例2.1）此案例中融合了制作Flash動(dòng)畫所需的全部基礎(chǔ)技能，包括： 使用繪圖工具；繪制復(fù)雜圖形； 制作逐幀動(dòng)畫、形狀補(bǔ)間動(dòng)畫、動(dòng)作補(bǔ)間動(dòng)畫、引導(dǎo)路徑動(dòng)畫、遮罩動(dòng)畫； 制作文字、按鈕、元件； 設(shè)置時(shí)間軸特效；導(dǎo)入與編輯聲音；添加動(dòng)作腳本；控制與發(fā)布動(dòng)畫。我們將通

6、過這個(gè)案例的制作，學(xué)習(xí)掌握以上所有技能及相關(guān)知識。 第2課 我的家繪制漂亮小屋192.2 繪制漂亮小屋 P19Flash是一個(gè)非常好的矢量繪制軟件， 做動(dòng)畫的前期工作就是用繪畫工具欄中的工具來制作背景、動(dòng)畫主角、各種道具等。 繪制漂亮小屋（案例2.2）第2課 我的家繪制漂亮小屋202.3 任務(wù)2 P32請?jiān)O(shè)計(jì)一個(gè)自己的理想房子并繪制出來。第2課 我的家繪制漂亮小屋21第2課 我的家繪制漂亮小屋2. 4 習(xí)題2 P32 全做把能寫的答案寫在作業(yè)本上 22第3課 我的家打造美麗家園 教學(xué)目標(biāo)通過繪制我的家動(dòng)畫案例中的第二個(gè)部分美麗家園：學(xué)習(xí)繪制樹木和背景，學(xué)會(huì)使用不規(guī)則繪圖工具 繪制形狀掌握復(fù)制、

7、粘貼、刪除等操作方法233.1 欣賞美麗家園 P33美麗家園（案例3）第3課 我的家打造美麗家園 243.2 打造美麗家園 P33（1 繪制綠樹）第3課 我的家打造美麗家園 253.2 打造美麗家園（2 繪制背景圖案）P37第3課 我的家打造美麗家園 263.2 打造美麗家園（3 制作寬銀幕幕布） P40第3課 我的家打造美麗家園 273.2 打造美麗家園 4. 布置舞臺 P42 美麗家園（案例3）第3課 我的家打造美麗家園 283.3 任務(wù)3 P44給你自己的理想房子配上獨(dú)有的夢幻家園 第3課 我的家打造美麗家園 29第3課 我的家打造美麗家園 3. 4 習(xí)題3 P44 全做把能寫的答案寫在

8、作業(yè)本上 30第4課 我的家動(dòng)畫王國顯身手教學(xué)目標(biāo)通過制作冒煙動(dòng)畫和開場動(dòng)畫：學(xué)會(huì)圖層的有關(guān)操作掌握簡單動(dòng)畫的制作過程學(xué)會(huì)制作形狀補(bǔ)間動(dòng)畫與遮罩動(dòng)畫學(xué)會(huì)使用Flash程序提供的動(dòng)畫效果時(shí)間軸特效314.1 欣賞動(dòng)畫效果 P46動(dòng)畫效果（案例4）第4課 我的家動(dòng)畫王國顯身手324.2 制作煙囪冒煙動(dòng)畫 P46（2 煙囪冒煙動(dòng)畫）第4課 我的家動(dòng)畫王國顯身手334.3 制作開場效果動(dòng)畫 P50（3 開場效果動(dòng)畫）第4課 我的家動(dòng)畫王國顯身手344.4 任務(wù)4 P54請你發(fā)揮想象力和創(chuàng)造力，給自己的夢幻家園加上獨(dú)特的形狀補(bǔ)間動(dòng)畫及使用遮罩效果的開場動(dòng)畫 第4課 我的家動(dòng)畫王國顯身手35第4課 我的家

9、動(dòng)畫王國顯身手4. 5 習(xí)題4 P54 全做把能寫的答案寫在作業(yè)本上 36第5課 我的家制作個(gè)性文字與按鈕教學(xué)目標(biāo)通過制作藝術(shù)字和用按鈕指針觸發(fā)的動(dòng)畫：掌握如何將文字轉(zhuǎn)換成形狀并進(jìn)行藝術(shù)處理學(xué)會(huì)在按鈕里加入動(dòng)畫375.1 作品欣賞 P55個(gè)性文字與按鈕（案例5）第5課 我的家制作個(gè)性文字與按鈕385.2 制作步驟 P551 文字處理 P552 制作文字動(dòng)畫 P573 制作按鈕 P60第5課 我的家制作個(gè)性文字與按鈕395.3 任務(wù)5 P63請按照制作按鈕“GO HOME”的方法，再制作一個(gè)名為“GO BACK”的按鈕。此按鈕做好之后，放在庫中，暫時(shí)不拖動(dòng)到舞臺上，存盤。第5課 我的家制作個(gè)性文

10、字與按鈕40第5課 我的家制作個(gè)性文字與按鈕5. 4 習(xí)題5 P63 全做把能寫的答案寫在作業(yè)本上 41第6課 我的家制作圖像序列教學(xué)目標(biāo)通過制作小鳥展翅飛圖像序列：熟練掌握分圖層繪制不同對象的有關(guān)概念及操作掌握元件和實(shí)例的概念及操作繼續(xù)練習(xí)繪圖技能426.1 小鳥展翅飛圖像序列 P65小鳥展翅飛圖像序列（案例6）第6課 我的家制作圖像序列436.2 制作步驟 P651 繪制小鳥的身體 P652 繪制翅膀 P68 第6課 我的家制作圖像序列446.3 任務(wù)6 P72請你發(fā)揮想象力和創(chuàng)造力，制作蝴蝶振動(dòng)翅膀圖像序列（或其他動(dòng)感圖像序列）。第6課 我的家制作圖像序列45第6課 我的家制作圖像序列6

11、. 4 習(xí)題6 P72 全做把能寫的答案寫在作業(yè)本上 46第7課 我的家小鳥展翅飛教學(xué)目標(biāo)通過調(diào)用現(xiàn)有元件進(jìn)行加工處理以及制作逐幀動(dòng)畫：掌握如何提取Flash源程序里的元件學(xué)會(huì)使用時(shí)間軸上的繪圖紙效果來制作、調(diào)整逐幀動(dòng)畫477.1 小鳥展翅飛 P73小鳥展翅飛（案例7）第7課 我的家小鳥展翅飛487.2 制作步驟 P731 調(diào)用另一個(gè)Flash程序（小鳥.fla）中的元件（小鳥1-小鳥5）：在“我的家”庫中建立一個(gè)“小鳥飛”逐幀動(dòng)畫影片剪輯元件；第7課 我的家小鳥展翅飛497.2 制作步驟 P752 使用時(shí)間軸上的繪圖紙效果：使“小鳥飛”逐幀動(dòng)畫里各個(gè)關(guān)鍵幀中小鳥的身體重合；第7課 我的家小鳥

12、展翅飛507.2 制作步驟 P793 制作小鳥的移動(dòng)變形動(dòng)畫：在“我的家”場景1中制作“小鳥”圖層。第7課 我的家小鳥展翅飛517.3 任務(wù)7 P80請讓你的蝴蝶在你的夢幻家園開場動(dòng)畫里振動(dòng)翅膀 。第7課 我的家小鳥展翅飛527.4 習(xí)題7 P80 全做 把能寫的答案寫在作業(yè)本上第7課 我的家小鳥展翅飛53第8課 我的家自由飛翔 快樂歌唱教學(xué)目標(biāo)通過制作動(dòng)作補(bǔ)間動(dòng)畫和引導(dǎo)路徑動(dòng)畫，導(dǎo)入聲音： 掌握如何添加引導(dǎo)層，如何使元件沿路徑移動(dòng)學(xué)會(huì)聲音的導(dǎo)入與添加548.1 動(dòng)畫欣賞 P81自由飛翔 快樂歌唱（案例8）第8課 我的家自由飛翔 快樂歌唱558.2 制作步驟 P811 制作引導(dǎo)路徑動(dòng)畫 P81

13、：“小鳥飛”圖層、“引導(dǎo)層”圖層2 導(dǎo)入聲音 P85：“聲音”圖層3 聲音設(shè)置 P87：文件-發(fā)布設(shè)置-“Flash”標(biāo)簽-“音頻事件”欄 -“設(shè)置”按鈕-壓縮“原始”4 添加幕布 P88：“幕布”圖層第8課 我的家自由飛翔 快樂歌唱568.3 任務(wù)8 P90給你的夢幻家園添加幕布，并讓蝴蝶在優(yōu)美的背景音樂中翩翩起舞。第8課 我的家自由飛翔 快樂歌唱578.4 習(xí)題8 P90 全做 把能寫的答案寫在作業(yè)本上第8課 我的家自由飛翔 快樂歌唱58第9課 我的家動(dòng)畫控制與發(fā)布教學(xué)目標(biāo)通過添加動(dòng)作腳本和設(shè)置動(dòng)畫發(fā)布： 簡單了解Flash中的腳本語言 學(xué)會(huì)最簡單的動(dòng)作控制學(xué)會(huì)動(dòng)畫的輸出與發(fā)布599.1

14、動(dòng)畫控制 P91動(dòng)畫控制（案例9）第9課 我的家動(dòng)畫控制與發(fā)布609.2 制作步驟 P911 添加動(dòng)作腳本 P91： 幀動(dòng)作：“按鈕”層1#幀、“小鳥飛”層95#幀 按鈕動(dòng)作：“按鈕”層：go home、go back 2 文件的發(fā)布與輸出 P94：.swf / .html / .exe 第9課 我的家動(dòng)畫控制與發(fā)布619.3 任務(wù)9 P98給你的夢幻家園里的按鈕和幀添加動(dòng)作控制， 并將其發(fā)布。第9課 我的家動(dòng)畫控制與發(fā)布629.4 習(xí)題9 P98 全做 把能寫的答案寫在作業(yè)本上第9課 我的家動(dòng)畫控制與發(fā)布63第10課 動(dòng)作腳本入門教學(xué)目標(biāo)了解動(dòng)作腳本的功能掌握動(dòng)作腳本的多種輸入方法掌握動(dòng)作腳

15、本的基本語法熟悉動(dòng)作腳本的常用命令和編寫方法6410.1 【案例10.1】使用動(dòng)作面板 P100動(dòng)作面板的組成：3部分 腳本窗口 動(dòng)作工具箱 腳本導(dǎo)航器第10課 動(dòng)作腳本入門6510.1 使用動(dòng)作面板添加動(dòng)作腳本： P101 三種方法： 腳本窗口、動(dòng)作工具箱、添加按鈕 例：對于一個(gè)按鈕： on(press) play() 第10課 動(dòng)作腳本入門6610.1 使用動(dòng)作面板固定動(dòng)作腳本： P103 快速瀏覽影片中不同位置的動(dòng)作腳本鎖定：雙擊腳本導(dǎo)航器中某項(xiàng)解鎖：鼠標(biāo)右鍵單擊腳本標(biāo)簽第10課 動(dòng)作腳本入門6710.1 使用動(dòng)作面板關(guān)于代碼提示： P103 顯示代碼提示按鈕檢查語法和標(biāo)點(diǎn)： P104

16、三種方法： 語法檢查按鈕 右上角彈出菜單 -語法檢查 Ctrl+T 第10課 動(dòng)作腳本入門6810.2 【案例10.2】 ActionScript 編程基礎(chǔ) P104（案例10.2） P105P106-115：課外閱讀、需要時(shí)查詢第10課 動(dòng)作腳本入門6910.3 【案例10.3】事件和事件處理函數(shù) P115按鈕控制小球跳動(dòng)：（案例10.3） P115P120-123：課外閱讀、需要時(shí)查詢第10課 動(dòng)作腳本入門7010.4 【案例10.4】基本命令和程序結(jié)構(gòu)控制 P123利用loadVariables調(diào)用外部變量：（案例10.4）P123注意： 放外部變量的文本文件必須保存為Unicode格式

17、；loadVariables的說明在P131。P126-138：課外閱讀、需要時(shí)查詢 第10課 動(dòng)作腳本入門71第10課 動(dòng)作腳本入門10.5 【任務(wù)10】制作一個(gè)“鼠標(biāo)看圖”交互動(dòng)畫 P138教師演示學(xué)生創(chuàng)作72第11課 動(dòng)作腳本進(jìn)階教學(xué)目標(biāo)會(huì)控制電影剪輯能控制鍵盤會(huì)控制聲音能制作智能動(dòng)畫片段7311.1 電影剪輯（MovieClip：MC）控制 P1391. （案例11.1） MC屬性控制： P139第11課 動(dòng)作腳本進(jìn)階7411.1 電影剪輯（MovieClip：MC）控制2. （案例11.2） 鼠標(biāo)跟隨星星跟我走 ：P148第11課 動(dòng)作腳本進(jìn)階7511.2 鍵盤控制 P1591. （

18、案例11.3）鍵盤控制實(shí)例1 用空格鍵控制白兔的跑動(dòng) ： P160第11課 動(dòng)作腳本進(jìn)階7611.2 鍵盤控制2. （案例11.4）鍵盤控制實(shí)例2 用左右方向鍵控制白兔移動(dòng) ： P163第11課 動(dòng)作腳本進(jìn)階7711.3 聲音控制和智能動(dòng)畫片段 P1691. （案例11.5）滑桿控制聲音音量： P169第11課 動(dòng)作腳本進(jìn)階7811.3 聲音控制和智能動(dòng)畫片段2. （案例11.6）智能動(dòng)畫片段（SmartClip：SC）： P179第11課 動(dòng)作腳本進(jìn)階7911.4 綜合實(shí)例 P187（案例11.7）百變花環(huán)： P187第11課 動(dòng)作腳本進(jìn)階8011.5 任務(wù)1. （任務(wù)11.1）制作一個(gè)下雨

19、的場景動(dòng)畫: P196第11課 動(dòng)作腳本進(jìn)階8111.5 任務(wù)2. （任務(wù)11.2 ，第三次過程考核） 制作鼠標(biāo)文字跟隨特效動(dòng)畫： P197教師演示學(xué)生創(chuàng)作上交作品（姓名.fla， “飛鴿傳書”教師機(jī)）上交實(shí)驗(yàn)報(bào)告（課代表）第11課 動(dòng)作腳本進(jìn)階82第12課 文字字段與組件教學(xué)目標(biāo)會(huì)用動(dòng)作腳本控制動(dòng)態(tài)文本、輸入文本、Flash組件8312.1 動(dòng)態(tài)文本和輸入文本 P198（案例12.1）動(dòng)態(tài)文本數(shù)字倒計(jì)時(shí)效果 P198第12課 文字字段與組件8412.1 動(dòng)態(tài)文本和輸入文本（案例12.2）輸入文本判斷輸入值是否為數(shù)字 P205第12課 文字字段與組件8512.1 動(dòng)態(tài)文本和輸入文本（任務(wù)12.

20、1）制作一個(gè)音量調(diào)節(jié)器 P208第12課 文字字段與組件8612.2 組件 P209（案例12.3）利用UI組件制作程序交互界面 P209【窗口】|【組件】 、【窗口】|【組件檢查器】 第12課 文字字段與組件8712.2 組件（案例12.4）用動(dòng)作腳本控制組件創(chuàng)建復(fù)選框組件 P223第12課 文字字段與組件8812.2 組件（案例12.5）帶有進(jìn)程欄（ProgressBar）組件和 加載（Loader）組件的實(shí)例 P226第12課 文字字段與組件8912.2 組件（案例12.6）判斷是非 P228 使用三個(gè)組件：RadioButton、TextArea、Label。第12課 文字字段與組件9

21、012.2 組件（案例12.7）單行文本（TextInput）組件應(yīng)用用戶登錄 P231第12課 文字字段與組件9112.2 組件（案例12.8）窗口（Window）組件應(yīng)用實(shí)例P234第12課 文字字段與組件9212.2 組件（任務(wù)12.2）制作下雨動(dòng)畫預(yù)載進(jìn)度畫面 P236第12課 文字字段與組件93第13課 時(shí)間軸特效和行為教學(xué)目標(biāo)會(huì)設(shè)置時(shí)間軸特效能控制影片剪輯實(shí)例的行為會(huì)控制視頻播放的行為能控制聲音播放的行為9413.1 時(shí)間軸特效 P237：插入-時(shí)間軸特效（ 內(nèi)置8個(gè)）（案例13.1）文字陰影特效 P238第13課 時(shí)間軸特效和行為9513.1 時(shí)間軸特效 （案例13.2）爆炸特效

22、 P241第13課 時(shí)間軸特效和行為9613.1 時(shí)間軸特效 （案例13.3）擴(kuò)展時(shí)間軸特效 P245 開始-所有程序-Macromedia-Macromedia Extension Manager-文件-安裝擴(kuò)展 增加4個(gè)時(shí)間軸特效擴(kuò)展工具欄：編輯-自定義工具面板 第13課 時(shí)間軸特效和行為9713.1 時(shí)間軸特效 （任務(wù)13.1）制作圖像展開效果 P248第13課 時(shí)間軸特效和行為9813.2 行為和行為面板 P248行為：Flash 8預(yù)先編寫的動(dòng)作腳本，能 加載聲音、外部swf文檔、圖片，控制視頻播放行為面板：窗口-行為第13課 時(shí)間軸特效和行為9913.2 行為和行為面板（案例13.

23、4）控制影片剪輯的行為 P249第13課 時(shí)間軸特效和行為100第13課 時(shí)間軸特效和行為13.2 行為和行為面板（任務(wù)13.2）利用行為控制影片剪輯制作特效 P260101第13課 時(shí)間軸特效和行為13.2 行為和行為面板（案例13.5）控制視頻播放的行為 P260102第13課 時(shí)間軸特效和行為13.2 行為和行為面板（案例13.6）控制聲音播放的行為 P265103第13課 時(shí)間軸特效和行為13.2 行為和行為面板（任務(wù)13.3）制作一個(gè)動(dòng)感音樂開關(guān) P270104第14課 合并對象與濾鏡教學(xué)目標(biāo)會(huì)應(yīng)用合并對象能添加和刪除濾鏡10514.1 合并對象 P271繪制對象：“橢圓工具”、“矩形工具”和“刷子工具” +屬性選項(xiàng) “對象繪制”按鈕 合并對象4種模式：修改-合并對象（案例14.1