動畫技術(shù)1－逐幀動畫及形狀補間動畫

《動畫技術(shù)1－逐幀動畫及形狀補間動畫》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、FLASH動畫制作廣東石油化工學(xué)院高州師范學(xué)院主講教師：彭韜電子郵箱：lj_pengtao@yahoo.cn聯(lián)系電話：13686782312（6312）《課件開發(fā)·動畫設(shè)計》1教學(xué)內(nèi)容重點難點教學(xué)時數(shù)教學(xué)目標(biāo)了解動畫的類型掌握逐幀動畫與形狀補間的創(chuàng)建方法動畫的種類〈逐幀動畫和補間動畫〉；逐幀動畫與形狀補間的創(chuàng)建形狀補間的創(chuàng)建方法為形狀補間動畫添加形狀提示2課時2動畫的類型AdobeFlashCS3Professional提供了多種方式用來創(chuàng)建動畫和特殊效果，例如時間軸特效、補間動畫、在時間軸中更改連續(xù)幀的內(nèi)容以及逐幀動

2、畫，所有的一切為您創(chuàng)作精彩的動畫內(nèi)容提供了多種可能。Flash動畫逐幀動畫補間動畫形狀補間〈引導(dǎo)線動畫、遮罩動畫〉動畫補間〈引導(dǎo)線動畫、遮罩動畫〉時間軸特效3逐幀動畫逐幀動畫的優(yōu)點是看起來很精致，但是說起來簡單，做起來復(fù)雜。從“時間軸”面板中，你可以看到，逐幀動畫是由一系列的不帶補間的關(guān)鍵幀構(gòu)成的，如下圖所示。逐幀動畫在每一幀中都會更改舞臺內(nèi)容，它最適合于圖像在每一幀中都在變化而不是在舞臺上移動的復(fù)雜動畫。逐幀動畫增加文件大小的速度比補間動畫快得多。在逐幀動畫中，F(xiàn)lash會存儲每個完整幀的值。（P84~85）4逐幀動

3、畫扇子的開合旋轉(zhuǎn)的立方體5逐幀動畫上機實訓(xùn)—飛翔的老鷹（利用導(dǎo)入gif動畫而創(chuàng)建的逐幀動畫）制作步驟：新建一個Flash文檔。設(shè)置大小為288×209像素。背景顏色為白色。導(dǎo)入“背景.bmp”文件。選擇第30幀，增加過渡幀。新建一個圖層，選中第1幀，執(zhí)行【文件】

4、【導(dǎo)入】

5、【導(dǎo)入到舞臺】命令，導(dǎo)入“老鷹.gif”文件。將老鷹適當(dāng)縮小一些，并適當(dāng)調(diào)節(jié)它的位置。新建一個圖層，輸入文字“天高任鳥飛”?！究刂啤?/p>

6、【測試影片】，觀察動畫的效果。（快捷鍵：Ctrl+Enter）文件保存：【文件】

7、【保存】，將文件保存成“飛翔的老鷹

8、.fla”文件。導(dǎo)出Flash的播放文件：執(zhí)行【文件】

9、【導(dǎo)出】

10、【導(dǎo)出影片】命令。6逐幀動畫7控制動畫的停止與播放控制老鷹飛翔制作步驟：新建一層，命名為“按鈕”，從公共庫中文件夾classicbuttonsPlayback中拖動按鈕gelStop和gelRight到舞臺上，并將它們分別命名為stop_btn和play_btn。新建一層，命名為“actions”，選擇第1幀，打開“動作”窗口，輸入：functionplayAnimation(event:MouseEvent):void{play();}functio

11、nstopAnimation(event:MouseEvent):void{stop();}play_btn.addEventListener(MouseEvent.CLICK,playAnimation);stop_btn.addEventListener(MouseEvent.CLICK,stopAnimation);3.存盤，測試。8形狀補間動畫形狀補間可以從一個矢量形狀變化到另一個矢量形狀，就象揉面團一樣，將一塊圓溜溜的面團捏成各種各樣的形狀。（P145~153）快捷菜單設(shè)置屬性面板設(shè)置9形狀補間動畫一、演示動

12、畫，觀察動畫效果10形狀補間動畫二、形狀補間動畫的設(shè)計方法例一：最簡單的形狀補間動畫“三角形→圓形”的設(shè)計。設(shè)計首幀形狀(三角形)；設(shè)計末幀形狀(圓形，要求先在某合適的幀添加“關(guān)鍵幀(按F6鍵)”)；修改首幀屬性，【補間】項選擇“形狀”；形狀補間動畫只能作用于形狀。要求首幀、末幀中的內(nèi)容都是“形狀”（看屬性面板就可以知道）。同學(xué)們立即上機實踐，驗證、體會設(shè)計方法。11形狀補間動畫三、為形狀補間動畫添加形狀提示形狀提示包含字母（從a到z），用于識別起始形狀和結(jié)束形狀中相對應(yīng)的點。最多可以使用26個形狀提示。起始關(guān)鍵幀中的

13、形狀提示是黃色的，結(jié)束關(guān)鍵幀中的形狀提示是綠色的，當(dāng)不在一條曲線上時為紅色。12形狀補間動畫三、為形狀補間動畫添加形狀提示選擇補間形狀序列中的第一個關(guān)鍵幀。選擇“修改”>“形狀”>“添加形狀提示”。起始形狀提示會在該形狀的某處顯示為一個帶有字母a的紅色圓圈。將形狀提示移動到要標(biāo)記的點。選擇補間序列中的最后一個關(guān)鍵幀。結(jié)束形狀提示會在該形狀的某處顯示為一個帶有字母a的綠色圓圈。將形狀提示移動到結(jié)束形狀中與您標(biāo)記的第一點對應(yīng)的點。若要查看形狀提示如何更改補間形狀，請再次播放動畫。若要微調(diào)補間，請移動形狀提示。重復(fù)這個過程，

14、添加其它的形狀提示。將出現(xiàn)新的提示，所帶的字母緊接之前字母的順序（b、c等等）。13形狀補間動畫三、為形狀補間動畫添加形狀提示例二：為形狀補間動畫添加形狀提示（“F”變?yōu)椤癊”）。添加形狀提示的步驟（P151～153）添加形狀提示的技巧形狀提示的擺放順序要符合邏輯順序。將變形提示從形狀的左上角開始按逆時針順序擺放，將使變形提示工作