05 flash逐幀動畫練習(xí)

《05 flash逐幀動畫練習(xí)》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、逐幀動畫　　逐幀動畫是一種常見的動畫形式（FrameByFrame），其原理是在“連續(xù)的關(guān)鍵幀”中分解動畫動作，也就是在時(shí)間軸的每幀上逐幀繪制不同的內(nèi)容，使其連續(xù)播放而成動畫?！　∫?yàn)橹饚瑒赢嫷膸蛄袃?nèi)容不一樣，不但給制作增加了負(fù)擔(dān)而且最終輸出的文件量也很大，但它的優(yōu)勢也很明顯：逐幀動畫具有非常大的靈活性，幾乎可以表現(xiàn)任何想表現(xiàn)的內(nèi)容，而它類似與電影的播放模式，很適合于表演細(xì)膩的動畫。例如：人物或動物急劇轉(zhuǎn)身、頭發(fā)及衣服的飄動、走路、說話以及精致的3D效果等等。利用逐幀動畫制作林中散步的女孩學(xué)習(xí)目的　　本

2、節(jié)你將學(xué)習(xí)掌握以下知識：　　u??????逐幀動畫的制作方法　　u??????【繪圖紙外觀】按鈕的使用方法　　u??????【編輯多個(gè)幀】按鈕的使用方法　　u??????【修改繪圖紙標(biāo)記】按鈕的使用方法　　u??????【對齊面板】的使用方法　　u??????插入幀與刪除幀學(xué)習(xí)方法本節(jié)要學(xué)習(xí)的是將幾張靜態(tài)圖片連續(xù)導(dǎo)入到Flash中，并利用【繪圖紙】功能及【對齊面板】將圖像對齊，最后建立一段林中散步女孩的逐幀動畫?！　τ诔鯇W(xué)者來說，將圖片導(dǎo)入到Flash中非常容易做到，但是同時(shí)編輯所有導(dǎo)入的圖片，并且將它

3、們對齊放在合適的位置，在這點(diǎn)上初學(xué)者可能就會一知半解了。本節(jié)主要教給你一種同時(shí)編輯多個(gè)對象的簡單方法，并且通過本節(jié)的講解，初學(xué)者可以照葫蘆畫瓢的制作出精彩的課后練習(xí)，來加強(qiáng)學(xué)習(xí)成果，提高學(xué)習(xí)興趣。課前熱身（1）創(chuàng)建影片文檔　　執(zhí)行【文件】

4、【新建】命令，在彈出的對話框中選擇【常規(guī)】

5、【Flash文檔】選項(xiàng)后，單擊【確定】按鈕，新建一個(gè)影片文檔。在【文檔屬性】對話框中進(jìn)行設(shè)置：文件大小為550×480像素，【背景色】為白色，如圖5-1-1所示。圖5-1-1設(shè)置文檔屬性（2）修改圖層名稱　　雙擊【圖層1】的圖

6、層名稱，將其圖層名稱修改為【背景】，如圖5-1-2所示。圖5-1-2修改圖層名稱專家提示：及時(shí)修改圖層名稱讓其與內(nèi)容相對應(yīng)，可以更準(zhǔn)確快速的找到每個(gè)圖層中的內(nèi)容，方便編輯與修改，所以養(yǎng)成一個(gè)良好的圖層命名習(xí)慣是必要的。（3）導(dǎo)入背景圖片及人物圖片　　單擊【背景】層第一幀，執(zhí)行【文件】

7、【導(dǎo)入】

8、【導(dǎo)入到舞臺】命令，將素材包1中的“背景.bmp”圖片導(dǎo)入到場景中，選擇第16幀，按下F5插入幀，使幀的內(nèi)容延續(xù)到第16幀，如圖5-1-3所示。圖5-1-3導(dǎo)入背景圖片新建一個(gè)圖層，命名為【人物】。單擊此層第1幀，

9、執(zhí)行【文件】

10、【導(dǎo)入】

11、【導(dǎo)入到舞臺】命令，彈出。。。。。將素材包1中的走路系列圖片導(dǎo)入（只需選中走路1.gif導(dǎo)入即可）。此時(shí)會彈出一個(gè)對話框，如圖5-1-4所示。圖5-1-4系列圖片導(dǎo)入選擇【是】按鈕，F(xiàn)lash會自動把gif中的圖片序列按序號以逐幀形式導(dǎo)入到場景中，如圖5-1-5所示。圖5-1-5導(dǎo)入的gif動畫在場景的上方形成幀幀動畫如下圖5-1-6所示是導(dǎo)入后的動畫序列，它們被Flash自動分配在8個(gè)關(guān)鍵幀中。圖5-1-6導(dǎo)入的8張圖片（4）多幀編輯調(diào)整對象大小　　雖然圖片已經(jīng)導(dǎo)入進(jìn)來了，但是導(dǎo)

12、入的序列圖片大小已經(jīng)超出了場景范圍。我們可以一幀幀來調(diào)整圖片大?。合葘⒁环鶊D縮小，將其位圖的寬高值記下，再把其它圖片設(shè)置成相同坐標(biāo)值。但是這種作法非常浪費(fèi)時(shí)間，F(xiàn)lash軟件已經(jīng)為大家準(zhǔn)備好了【編輯多個(gè)幀】按鈕，下面就一起來進(jìn)行多幀編輯。專家提示：缺省狀況下，導(dǎo)入的對象被放在場景坐標(biāo)“0，0”處，而且大小有可能與場景內(nèi)容不符，所以我們必須調(diào)整其大小并移動它們?！　螕簟颈尘啊繄D層在【時(shí)間軸】面板小黃鎖下方的黑點(diǎn)，對此圖層進(jìn)行加鎖，如圖5-1-7所示。圖5-1-7鎖定背景層專家提示：在進(jìn)行多幀編輯時(shí)，編輯的

13、是場景中全部對象，為了避免誤操作，所以要將一些不需要編輯的圖層進(jìn)行鎖定?！　螕簟緯r(shí)間軸】面板下方的【編輯多個(gè)幀】按鈕，再單擊【修改繪圖紙標(biāo)記】按鈕，在彈出的菜單中選擇【繪制全部】命令，如圖5-1-8所示。圖5-1-8選擇顯示全部選項(xiàng)最后執(zhí)行【編輯】

14、【全選】命令，此時(shí)時(shí)間軸和場景效果如圖5-1-9所示。圖5-1-9選取多幀編輯在【屬性】面板上單擊黑鎖按鈕將長寬比例鎖定，設(shè)置寬為120，按下【回車】鍵后所有選中的圖像變小，如圖5-1-10所示。圖5-1-10調(diào)整位圖大小利用【工具箱】中的【選擇工具】將所有

15、圖片拖放到場景中央，執(zhí)行【窗口】

16、【設(shè)置面板】

17、【對齊】命令（快捷鍵Ctrl+K），在彈出的【對齊】面板中單擊【上對齊】按鈕，將所有的圖像上方對齊，如圖5-1-11所示。圖5-1-11上對齊位圖單擊【編輯多個(gè)幀】按鈕，取消編輯多個(gè)幀。再單擊一下【繪圖紙外觀】按鈕，用鼠標(biāo)選中每一幀上的位圖，利用鍵盤上的左右方向鍵移動位圖，使所有位圖重疊在一起，如圖5-1-12所示。圖5-1-12移動圖像使其重疊單擊【繪圖紙外觀】按鈕取消其多幀查