FLASH蝴蝶飛舞動(dòng)畫制作實(shí)用教案

1、一.蝴蝶的分元件(yunjin)繪制 為了方便我們制作動(dòng)畫，需要把蝴蝶的每一個(gè)運(yùn)動(dòng)的部分，利用FLASH時(shí)間軸里面的圖層，分解的出來。 如下圖： 注意： 1.根據(jù)每一個(gè)分解部分，重命名圖層名稱(mngchng)； 2. 正確排列圖層順序，讓蝴蝶看起來真是可信。第1頁(yè)/共43頁(yè)第一頁(yè)，共44頁(yè)。第2頁(yè)/共43頁(yè)第二頁(yè)，共44頁(yè)。蝴蝶(hdi)運(yùn)動(dòng)動(dòng)畫 觀察，模仿真實(shí)蝴蝶的飛舞，制作一個(gè)(y )蝴蝶飛的動(dòng)畫。如下圖 在時(shí)間軸上制作一個(gè)(y )四幀關(guān)鍵幀動(dòng)畫效果，做成一拍二，共八幀。第3頁(yè)/共43頁(yè)第三頁(yè)，共44頁(yè)。 第一步： 根據(jù)我們已經(jīng)畫好的蝴蝶，在時(shí)間抽第三(d sn)幀的位置插入一個(gè)關(guān)鍵幀。

2、方法如下： 全選時(shí)間軸三個(gè)圖層里面的第三(d sn)幀第4頁(yè)/共43頁(yè)第四頁(yè)，共44頁(yè)。 按快捷鍵F6鍵，插入(ch r)關(guān)鍵幀第5頁(yè)/共43頁(yè)第五頁(yè)，共44頁(yè)。 第二步： 在舞臺(tái)里面， 利用軸心點(diǎn)和任意(rny)變形工具。 調(diào)整第三幀關(guān)鍵幀的蝴蝶飛舞動(dòng)畫第6頁(yè)/共43頁(yè)第六頁(yè)，共44頁(yè)。第7頁(yè)/共43頁(yè)第七頁(yè)，共44頁(yè)。 完成第三(d sn)關(guān)鍵幀后的狀態(tài)第8頁(yè)/共43頁(yè)第八頁(yè)，共44頁(yè)。 第三步 用前面的方法(fngf)繼續(xù)在時(shí)間抽第五幀的位置插入一個(gè)關(guān)鍵幀。第9頁(yè)/共43頁(yè)第九頁(yè)，共44頁(yè)。 第四步 在舞臺(tái)里面， 利用軸心點(diǎn)和任意變形工具。 調(diào)整第五幀關(guān)鍵幀的蝴蝶(hdi)飛舞動(dòng)畫 如下

3、圖：第10頁(yè)/共43頁(yè)第十頁(yè)，共44頁(yè)。第11頁(yè)/共43頁(yè)第十一頁(yè)，共44頁(yè)。 第五步 用前面的方法(fngf)繼續(xù)在時(shí)間抽第七幀的位置插入一個(gè)關(guān)鍵幀。第12頁(yè)/共43頁(yè)第十二頁(yè)，共44頁(yè)。 第六步 在舞臺(tái)里面(lmin)， 利用軸心點(diǎn)和任意變形工具。 調(diào)整第七幀關(guān)鍵幀的蝴蝶飛舞動(dòng)畫 如下圖：第13頁(yè)/共43頁(yè)第十三頁(yè)，共44頁(yè)。第14頁(yè)/共43頁(yè)第十四頁(yè)，共44頁(yè)。整體(zhngt)調(diào)整蝴蝶的位置 根據(jù)我們之前看到的圖片調(diào)整每一個(gè)關(guān)鍵幀的位置，如下圖：第三(d sn)關(guān)鍵幀最低，依次是第二，第一關(guān)鍵幀，第四關(guān)鍵幀最高，第15頁(yè)/共43頁(yè)第十五頁(yè)，共44頁(yè)。制作(zhzu)引導(dǎo)層動(dòng)畫 第一步：

4、 先把剛剛(gng gng)做好的蝴蝶動(dòng)畫做成一個(gè)圖形元件。步驟如下： 1.鼠標(biāo)左鍵拖動(dòng)全選時(shí)間軸里面的幀第16頁(yè)/共43頁(yè)第十六頁(yè)，共44頁(yè)。第17頁(yè)/共43頁(yè)第十七頁(yè)，共44頁(yè)。 2.鼠標(biāo)左鍵拖動(dòng)全選時(shí)間軸里面的幀，在幀選中的狀態(tài)，點(diǎn)擊(din j)鼠標(biāo)右鍵，找到“剪切幀”鼠標(biāo)左鍵單擊確定，時(shí)間軸上的所有幀被剪切第18頁(yè)/共43頁(yè)第十八頁(yè)，共44頁(yè)。 3.在“插入”菜單(ci dn)里面鼠標(biāo)左鍵單擊“新建元件-快捷鍵：Ctrl+F8”命令， 彈出新建元件對(duì)話框：填入名稱：蝴蝶飛舞，類型選擇：圖形。點(diǎn)擊確定。第19頁(yè)/共43頁(yè)第十九頁(yè)，共44頁(yè)。第20頁(yè)/共43頁(yè)第二十頁(yè)，共44頁(yè)。 4.在

5、蝴蝶(hdi)飛舞元件內(nèi)部的時(shí)間軸上選擇第一幀空白關(guān)鍵幀第21頁(yè)/共43頁(yè)第二十一頁(yè)，共44頁(yè)。 5.點(diǎn)擊鼠標(biāo)右鍵，找到“粘貼幀”命令，鼠標(biāo)左鍵單擊確認(rèn)， 剛剛剪切的蝴蝶動(dòng)畫就粘貼到了“蝴蝶飛舞(fiw)”元件內(nèi)部第22頁(yè)/共43頁(yè)第二十二頁(yè)，共44頁(yè)。 6.點(diǎn)擊“場(chǎng)景(chng jng)1”，回到場(chǎng)景(chng jng)一舞臺(tái)第23頁(yè)/共43頁(yè)第二十三頁(yè)，共44頁(yè)。 7.這個(gè)時(shí)候場(chǎng)景一舞臺(tái)(wti)什么都沒有，時(shí)間軸里面也沒有關(guān)鍵幀，只有空白關(guān)鍵幀第24頁(yè)/共43頁(yè)第二十四頁(yè)，共44頁(yè)。 8.在“窗口(chungku)”菜單找到“庫(kù)”，鼠標(biāo)左鍵點(diǎn)擊打開第25頁(yè)/共43頁(yè)第二十五頁(yè)，共44頁(yè)。

6、 9找到“蝴蝶飛舞”圖形元件(yunjin)，鼠標(biāo)左鍵點(diǎn)擊拖動(dòng)到舞臺(tái)上第26頁(yè)/共43頁(yè)第二十六頁(yè)，共44頁(yè)。 10.到此為止，之前做得蝴蝶動(dòng)畫，作為一個(gè)單一的元件(yunjin)出現(xiàn)在舞臺(tái)上第27頁(yè)/共43頁(yè)第二十七頁(yè)，共44頁(yè)。制作(zhzu)引導(dǎo)層動(dòng)畫 1.重新命名圖層名稱(mngchng)：蝴蝶飛舞， 延長(zhǎng)時(shí)間軸上的幀數(shù)到60幀第28頁(yè)/共43頁(yè)第二十八頁(yè)，共44頁(yè)。 2.鼠標(biāo)左鍵選中“蝴蝶(hdi)飛舞”這個(gè)圖層第29頁(yè)/共43頁(yè)第二十九頁(yè)，共44頁(yè)。 3.鼠標(biāo)左鍵選中“蝴蝶飛舞(fiw)”這個(gè)圖層，同時(shí)按下鼠標(biāo)右鍵，找到“添加引導(dǎo)層”，鼠標(biāo)左鍵單擊選中第30頁(yè)/共43頁(yè)第三十頁(yè)，共

7、44頁(yè)。 4.選擇(xunz)引導(dǎo)層第一幀空白關(guān)鍵幀，用鉛筆工具在舞臺(tái)上畫一條曲線第31頁(yè)/共43頁(yè)第三十一頁(yè)，共44頁(yè)。第32頁(yè)/共43頁(yè)第三十二頁(yè)，共44頁(yè)。 5.回到“舞蝶飛舞”圖層，在第60幀的位置(wi zhi)插入一個(gè)關(guān)鍵幀第33頁(yè)/共43頁(yè)第三十三頁(yè)，共44頁(yè)。 6.制作一個(gè)從右往左飛舞的蝴蝶的補(bǔ)間動(dòng)畫 首先回到第一幀的位置，把蝴蝶的中心(zhngxn)軸點(diǎn)對(duì)準(zhǔn)引導(dǎo)層線條的右側(cè)端點(diǎn)第34頁(yè)/共43頁(yè)第三十四頁(yè)，共44頁(yè)。第35頁(yè)/共43頁(yè)第三十五頁(yè)，共44頁(yè)。 6.制作一個(gè)從右往左飛舞的蝴蝶的補(bǔ)間動(dòng)畫 首先回到第一幀的位置(wi zhi)，把蝴蝶的中心軸點(diǎn)對(duì)準(zhǔn)引導(dǎo)層線條的右側(cè)端點(diǎn)

8、 第二步，到第60幀的位置(wi zhi)，把蝴蝶的中心軸點(diǎn)對(duì)準(zhǔn)引導(dǎo)層線條的左側(cè)端點(diǎn)第36頁(yè)/共43頁(yè)第三十六頁(yè)，共44頁(yè)。第37頁(yè)/共43頁(yè)第三十七頁(yè)，共44頁(yè)。 6.制作一個(gè)從右往左飛舞的蝴蝶的補(bǔ)間動(dòng)畫 首先回到第一幀的位置，把蝴蝶的中心軸點(diǎn)對(duì)準(zhǔn)(du zhn)引導(dǎo)層線條的右側(cè)端點(diǎn) 第二步，到第60幀的位置，把蝴蝶的中心軸點(diǎn)對(duì)準(zhǔn)(du zhn)引導(dǎo)層線條的左側(cè)端點(diǎn) 第三步，鼠標(biāo)左鍵選中第一關(guān)鍵幀，在“窗口”菜單里面找到“屬性”，在“補(bǔ)間”里面選擇“動(dòng)畫”，完成動(dòng)畫補(bǔ)間制作。第38頁(yè)/共43頁(yè)第三十八頁(yè)，共44頁(yè)。第39頁(yè)/共43頁(yè)第三十九頁(yè)，共44頁(yè)。 動(dòng)畫補(bǔ)間制作(zhzu)完成 引導(dǎo)層動(dòng)畫也完成。第40頁(yè)/共43頁(yè)第四十頁(yè)，共44頁(yè)。測(cè)試(csh)動(dòng)畫 在“控制”菜單，找到“測(cè)試影片(yngpin)”命令，鼠標(biāo)左鍵單擊，查看蝴蝶飛舞引導(dǎo)層動(dòng)畫制作效果第41頁(yè)/共43頁(yè)第四十一頁(yè)，共44頁(yè)。第42頁(yè)/共43頁(yè)第四十二頁(yè)，共44頁(yè)。感謝您的觀看(gunkn)！第43頁(yè)/共43頁(yè)第四十三頁(yè)，共44頁(yè)。NoImage內(nèi)容(nirng)總結(jié)一.蝴蝶的分元件繪制。根據(jù)我們(w men)已經(jīng)畫好的蝴蝶，在時(shí)間抽第三幀的位置插入一個(gè)關(guān)鍵幀。用前面的方法繼續(xù)在時(shí)間抽第七幀的位置插入一個(gè)關(guān)鍵幀。彈出新建元件對(duì)話框：