第5章-動畫制作技法

動畫制作技法第5章1案例5-1制作“動物奔跑”逐幀動畫2案例5-2制作“飄落文字”傳統(tǒng)補(bǔ)間動畫3案例5-3制作“細(xì)胞分裂”補(bǔ)間動畫4案例5-4制作“騎車疾馳”補(bǔ)間動畫5案例5-5制作“蝴蝶飛舞”運動引導(dǎo)圖層6案例5-6制作“地球旋轉(zhuǎn)”遮罩動畫7案例5-7制作“女孩招手”反向運動（IK）動畫8案例5-8制作“旋轉(zhuǎn)立體畫”3D效果動畫2教學(xué)目標(biāo)本章主要介紹FlashCS6中幾種動畫的創(chuàng)建方法，包括逐幀動畫、傳統(tǒng)補(bǔ)間、補(bǔ)間形狀、補(bǔ)間動畫、引導(dǎo)層動畫、遮罩動畫、反向運動和應(yīng)用動畫預(yù)設(shè)等制作技法。通過“動物奔跑”“飄落文字”“細(xì)胞分裂”“汽車疾馳”“蝴蝶飛舞”“地球旋轉(zhuǎn)”“女孩招手”“翻轉(zhuǎn)立體畫”八個動畫設(shè)計案例的學(xué)習(xí)，掌握FlashCS6中八種動畫的設(shè)計方法與技巧。3教學(xué)目標(biāo)4教學(xué)目標(biāo)5案例5-1制作“動物奔跑”逐幀動畫5.1.1案例效果6案例5-1制作“動物奔跑”逐幀動畫5.1.3制作步驟7案例5-1制作“動物奔跑”逐幀動畫5.1.3制作步驟8案例5-1制作“動物奔跑”逐幀動畫5.1.3制作步驟9案例5-1制作“動物奔跑”逐幀動畫5.1.3制作步驟10案例5-1制作“動物奔跑”逐幀動畫5.1.4相關(guān)知識要在序列的第一個幀上創(chuàng)建插圖，可以使用繪圖工具，也可以從剪貼板中粘貼圖形或?qū)胍粋€圖像文件。若要完成逐幀動畫序列，添加與第一個關(guān)鍵幀內(nèi)容一樣的新關(guān)鍵幀，可以單擊同一層中的下一幀，然后選擇“插入”→“時間軸”→“關(guān)鍵幀”命令，或者右擊并選擇“插入關(guān)鍵幀”命令，直到創(chuàng)建完動作所需的關(guān)鍵幀。若要測試動畫序列，可選擇“控制”→“播放”命令或單擊“控制器”(“窗日”→“工具欄”→“控制器”)上的“播放”按鈕。11案例5-2制作“飄落文字”傳統(tǒng)補(bǔ)間動畫5.2.1案例效果12案例5-2制作“飄落文字”傳統(tǒng)補(bǔ)間動畫5.2.3制作步驟13案例5-2制作“飄落文字”傳統(tǒng)補(bǔ)間動畫5.2.3制作步驟14案例5-2制作“飄落文字”傳統(tǒng)補(bǔ)間動畫5.2.3制作步驟15案例5-2制作“飄落文字”傳統(tǒng)補(bǔ)間動畫5.2.3制作步驟16案例5-2制作“飄落文字”傳統(tǒng)補(bǔ)間動畫5.2.3制作步驟17案例5-2制作“飄落文字”傳統(tǒng)補(bǔ)間動畫5.2.3制作步驟18在一個點定義實例的位置、大小和旋轉(zhuǎn)角度等屬性，然后在另一個位置更改這些屬性，由這些變化而產(chǎn)生動畫效果。起始幀、結(jié)束幀、過渡幀是構(gòu)成傳統(tǒng)補(bǔ)間動畫的三要索。能最大限度地減小文件的大小，是一種比較有效的產(chǎn)生動畫效果的方式，制作簡單。如果想利用傳統(tǒng)補(bǔ)間動畫技術(shù)創(chuàng)建一些特殊效果，還需在“屬性”面板中進(jìn)行相應(yīng)的設(shè)置。案例5-2制作“飄落文字”傳統(tǒng)補(bǔ)間動畫5.2.4相關(guān)知識19案例5-3制作“細(xì)胞分裂”補(bǔ)間形狀動畫5.3.1案例效果20案例5-3制作“細(xì)胞分裂”補(bǔ)間形狀動畫5.3.3制作步驟21案例5-3制作“細(xì)胞分裂”補(bǔ)間形狀動畫5.3.3制作步驟22案例5-3制作“細(xì)胞分裂”補(bǔ)間形狀動畫5.3.3制作步驟23案例5-3制作“細(xì)胞分裂”補(bǔ)間形狀動畫5.3.4相關(guān)知識補(bǔ)間形狀動畫是在某一關(guān)鍵幀處繪制一個形狀，然后在另一關(guān)鍵幀處修改形狀或繪制另一個形狀的動畫。補(bǔ)間形狀動畫可以實現(xiàn)一種形狀變換為另一種形狀的效果。24案例5-4制作“汽車疾馳”補(bǔ)間動畫5.4.1案例效果25案例5-4制作“汽車疾馳”補(bǔ)間動畫5.4.3制作步驟26案例5-4制作“汽車疾馳”補(bǔ)間動畫5.4.3制作步驟27案例5-4制作“汽車疾馳”補(bǔ)間動畫5.4.3制作步驟28案例5-4制作“汽車疾馳”補(bǔ)間動畫5.4.3制作步驟29案例5-4制作“汽車疾馳”補(bǔ)間動畫5.4.3制作步驟30案例5-4制作“汽車疾馳”補(bǔ)間動畫5.4.3制作步驟31案例5-4制作“汽車疾馳”補(bǔ)間動畫5.4.4相關(guān)知識32案例5-5制作“蝴蝶飛舞”運動引導(dǎo)層動畫5.5.1案例效果33案例5-5制作“蝴蝶飛舞”運動引導(dǎo)層動畫5.5.3制作步驟34案例5-5制作“蝴蝶飛舞”運動引導(dǎo)層動畫5.5.3制作步驟35案例5-5制作“蝴蝶飛舞”運動引導(dǎo)層動畫5.5.3制作步驟36案例5-5制作“蝴蝶飛舞”運動引導(dǎo)層動畫5.5.3制作步驟37案例5-5制作“蝴蝶飛舞”運動引導(dǎo)層動畫5.5.3制作步驟38案例5-5制作“蝴蝶飛舞”運動引導(dǎo)層動畫5.5.3制作步驟39案例5-5制作“蝴蝶飛舞”運動引導(dǎo)層動畫5.5.4相關(guān)知識40案例5-6制作“地球旋轉(zhuǎn)”遮罩動畫5.6.1案例效果41案例5-6制作“地球旋轉(zhuǎn)”遮罩動畫5.6.3制作步驟42案例5-6制作“地球旋轉(zhuǎn)”遮罩動畫5.6.3制作步驟43案例5-6制作“地球旋轉(zhuǎn)”遮罩動畫5.6.3制作步驟44案例5-6制作“地球旋轉(zhuǎn)”遮罩動畫5.6.3制作步驟45案例5-6制作“地球旋轉(zhuǎn)”遮罩動畫5.6.4相關(guān)知識可以使用遮罩層來顯示下方圖層中圖片或圖形的部分區(qū)域。若要創(chuàng)建遮罩，可將圖層指定為遮罩層，然后在該圖層上繪制或放置一個填充形狀?？梢詫⑷魏翁畛湫螤钣米髡谡?，包括組、文本和元件。透過遮罩層可查看該填充形狀下的鏈接層區(qū)域。(1)選擇或創(chuàng)建一個圖層，在此圖層中繪制出可透過遮罩層顯示的內(nèi)容。(2)選擇“插入”~“時間軸”~“圖層”，以在其上創(chuàng)建一個新圖層作為遮罩層。遮罩層總是遮住其下方緊貼著它的圖層，因此要在正確的位置創(chuàng)建遮罩層。

(3)在遮罩層上放置填充形狀、文字或元件實例。(2)右擊時間軸中作為遮罩層的圖層名稱，然后選擇“遮罩層”。

(5)創(chuàng)建遮罩層后，系統(tǒng)將自動鎖定遮罩層和被遮罩層，顯示遮罩后的效果，若用戶還要對遮罩層進(jìn)行編輯，取消其鎖定狀態(tài)即可。46案例5-6制作“地球旋轉(zhuǎn)”遮罩動畫5.6.4相關(guān)知識普通圖層和遮罩圖層是相互關(guān)聯(lián)的，被關(guān)聯(lián)的普通圖層位于遮罩圖層下面，F(xiàn)lash提供了三種使普通圖層和遮罩圖層相關(guān)聯(lián)的方法，分別如下。

(1)在“時間軸”面板中把已經(jīng)存在的普通圖層拖動到遮罩圖層之下，普通圖層就會自動轉(zhuǎn)化為被遮罩圖層，被遮罩的圖層會向右縮進(jìn)，表示已被遮罩。(2)在遮罩圖層之下創(chuàng)建新圖層時，新建的圖層會自動被設(shè)置為被遮罩圖層。(3)在“圖層屬性”對話框中單擊圖層“類型”單選按鈕，在打開的列表中選擇“遮罩層”或“被遮罩層”選項即可。47案例5-6制作“地球旋轉(zhuǎn)”遮罩動畫5.6.4相關(guān)知識如果要取消普通圖層與遮罩圖層的關(guān)聯(lián)，也有多種方法，分別如下:

(1)在“時間軸”面板中把相關(guān)聯(lián)的被遮罩圖層拖動到遮罩圖層之上，則被遮罩圖層會自動轉(zhuǎn)化為普通圖層。

(2)在“圖層屬性”對話框的“類型”選區(qū)中選擇“一般”單選按鈕即可斷開與遮罩層的鏈接。48案例5-7制作“女孩招手”反向運動(IK)動畫5.7.1案例效果49案例5-7制作“女孩招手”反向運動(IK)動畫5.7.3制作步驟50案例5-7制作“女孩招手”反向運動(IK)動畫5.7.3制作步驟51案例5-7制作“女孩招手”反向運動(IK)動畫5.7.3制作步驟52案例5-7制作“女孩招手”反向運動(IK)動畫5.7.3制作步驟53案例5-7制作“女孩招手”反向運動(IK)動畫5.7.3制作步驟54案例5-7制作“女孩招手”反向運動(IK)動畫5.7.3制作步驟55案例5-7制作“女孩招手”反向運動(IK)動畫5.7.3制作步驟56案例5-7制作“女孩招手”反向運動(IK)動畫5.7.4相關(guān)知識57案例5-8制作“翻轉(zhuǎn)立體畫”3D效果動畫5.8.1案例效果58案例5-8制作“翻轉(zhuǎn)立體畫”3D效果動畫5.8.3制作步驟59案例5-8制作“翻轉(zhuǎn)立體畫”3D效果動畫5.8.3制作步驟60案例5-8制作“翻轉(zhuǎn)立體畫”3D效果動畫5.8.3制作步驟61案例5-8制作“翻轉(zhuǎn)立體畫”3D效果動畫5.8.3制作步驟62案例5-8制作“翻轉(zhuǎn)立體畫”3D效果動畫5.8.3制作步驟63案例5-8制作“翻轉(zhuǎn)立體畫”3D效果動畫5.8.3制作步驟64案例5-8制作“翻轉(zhuǎn)立體畫”3D效果動畫5.8.3制作步驟65案例5-8制作“翻轉(zhuǎn)立體畫”3D效果動畫5.8.3制作步驟66案例5-