二維動畫設(shè)計與制作 作者 鄧文達(dá) 第7章 Flash動畫制作與案例

第7章Flash動畫制作與案例7.1Flash的動畫類型7.2創(chuàng)建逐幀動畫7.3創(chuàng)建補(bǔ)間動畫7.4創(chuàng)建補(bǔ)間形狀7.5創(chuàng)建沿路徑運動的動畫7.6英雄救美——傳統(tǒng)動畫技法的運用7.7課后思考與練習(xí)在線教務(wù)輔導(dǎo)網(wǎng)：://教材其余課件及動畫素材請查閱在線教務(wù)輔導(dǎo)網(wǎng)QQ:349134187或者直接輸入下面地址：課堂學(xué)習(xí)目標(biāo)●了解Flash的動畫類型和特點●了解補(bǔ)間的概念●掌握逐幀動畫的制作方法●掌握補(bǔ)間動畫與補(bǔ)間形狀的制作方法●掌握沿路徑運動動畫的制作方法●靈活運用傳統(tǒng)動畫技法制作Flash動畫7.1Flash的動畫類型7.1.1逐幀動畫7.1.2補(bǔ)間動畫7.1.3補(bǔ)間形狀7.1.1逐幀動畫

Flash的逐幀動畫借鑒了傳統(tǒng)動畫的創(chuàng)作技法，采用了給原畫加中間畫的畫法進(jìn)行制作。不過在Flash中，原畫與中間畫經(jīng)常由一個人來擔(dān)任。圖7-1所示的小兔子轉(zhuǎn)面就是采用逐幀動畫的方式制作的，每一個關(guān)鍵幀對應(yīng)于一張不同的圖形元素。圖7-1小兔子轉(zhuǎn)面的逐幀動畫7.1.2補(bǔ)間動畫在創(chuàng)建補(bǔ)間動畫之前，首先要弄明白“補(bǔ)間”是什么？術(shù)語“補(bǔ)間”來自于傳統(tǒng)動畫領(lǐng)域。高級動畫師（原畫人員）負(fù)責(zé)繪制人物的開始和結(jié)束姿勢，即動畫的關(guān)鍵幀。然后初級動畫師（動畫人員）將加入進(jìn)來，繪制中間的幀或做中間工作。因此，“補(bǔ)間”是指關(guān)鍵幀之間的平滑過渡。簡而言之，所謂補(bǔ)間，就是只需要繪制出開始和結(jié)束兩個幀的內(nèi)容，中間過渡部分（中間畫）由電腦自己計算出來。補(bǔ)間的開始和結(jié)束幀被稱為“關(guān)鍵幀”，中間由電腦計算出的部分稱為補(bǔ)間幀，用補(bǔ)間的方式制作的動畫稱為補(bǔ)間動畫，如圖7-3所示。開始關(guān)鍵幀補(bǔ)間幀結(jié)束關(guān)鍵幀圖7-3小女孩淡入的補(bǔ)間動畫7.1.3補(bǔ)間形狀補(bǔ)間形狀是“形狀”之間的切換動畫，即從一個“形狀”逐漸過渡到別一個“形狀”。

在形狀補(bǔ)間中，可在時間軸中的特定幀繪制一個形狀，然后更改該形狀或在另一個特定幀繪制另一個形狀。然后，F(xiàn)lash將內(nèi)插中間幀的中間形狀，創(chuàng)建一個形狀變形為另一個形狀的動畫，如圖7-6所示。

補(bǔ)間幀中的內(nèi)容是依靠兩個關(guān)鍵幀上的形狀進(jìn)行計算得到的。圖7-6橢圓變花的補(bǔ)間形狀動畫7.2創(chuàng)建逐幀動畫7.2.1桃花朵朵開7.3創(chuàng)建補(bǔ)間動畫7.3.1愛心樹7.3.2小鳥飛動畫補(bǔ)間動畫是元件實例所參與的一種動畫形式，是實例屬性變化過渡的一種動畫。動畫補(bǔ)間將補(bǔ)間前、后兩個關(guān)鍵幀的屬性作為變化參數(shù)，在動畫播放的時候?qū)崟r計算出中間補(bǔ)間幀的實例屬性并且顯示它。在Flash中，可以對影片剪輯、圖形和按鈕元件創(chuàng)建補(bǔ)間動畫?？裳a(bǔ)間的對象屬性包括位置、大小、旋轉(zhuǎn)、縮放、傾斜、顏色與濾鏡等屬性，如圖7-26、圖7-27所示。圖7-27旋轉(zhuǎn)補(bǔ)間圖7-26位置與大小補(bǔ)間補(bǔ)間動畫除了簡單的屬性變化外，根據(jù)過渡要求的不同還存在下列一些特殊的參數(shù)，如圖7-28所示。圖7-28補(bǔ)間動畫的“屬性”面板7.3.1愛心樹

7.3.2小鳥飛動畫1．制作小鳥飛的補(bǔ)間動畫2．制作循環(huán)移動的背景7.4創(chuàng)建補(bǔ)間形狀簡單變形控制變形7.4.3橢圓變花圖7-67補(bǔ)間形狀的“屬性”面板補(bǔ)間形狀是“形狀”之間的切換動畫，即從一個“形狀”逐漸過渡到別一個“形狀”。補(bǔ)間形狀和補(bǔ)間動畫有所不同，它涉及到的一些設(shè)定如圖7-67所示。簡單變形補(bǔ)間形狀用到的元素必須是非成組、非元件的矢量圖形，如果希望有一個元件的實例或者成組元素進(jìn)行形狀變形的話，可以使用分離功能將其轉(zhuǎn)換到非成組的狀態(tài)，即矢量圖形的狀態(tài)，如圖7-68所示。實例分離前狀態(tài)分離后狀態(tài)文本分離前后狀態(tài)圖7-68使用分離功能將元素轉(zhuǎn)換成矢量圖形控制變形7.4.3橢圓變花7.5創(chuàng)建沿路徑運動的動畫沿路徑運動動畫的特點7.5.2飛舞的蝴蝶前面制作的動畫，運動軌跡比較簡單，采用設(shè)置關(guān)鍵幀的方法就能完成，如上升的愛心。但在運動軌跡比較復(fù)雜的情況下，例如在制作漫天飛花、漂浮的氣泡、飛舞的蝴蝶，或沿圓環(huán)運動的對象等，即有一定運動軌跡的動畫時，單純依靠設(shè)置關(guān)鍵幀來實現(xiàn)，顯然不太現(xiàn)實的。

在Flash中還有一個廣泛使用的功能就是引導(dǎo)線。

這個功能可以設(shè)定實例按一定的路徑運動。

那么在制作有一定運動軌跡的動畫時，就要采用這個功能——引導(dǎo)線。沿路徑運動動畫的特點制作沿路徑運動的動畫至少要兩層：引導(dǎo)層和被引導(dǎo)層。且引導(dǎo)層必須位于被引導(dǎo)層之上。引導(dǎo)層用來放置引導(dǎo)線，被引導(dǎo)層用于放置沿路徑運動的元件實例，如圖7-76所示，沿路徑飛舞的花瓣。圖7-76引導(dǎo)層和被引導(dǎo)層繪制的引導(dǎo)線必須是開放的路徑，即有兩個端點：開始點和結(jié)束點。如果要制作沿環(huán)形運動的動畫，可以先繪制環(huán)形路徑，再用“橡皮擦工具”在環(huán)形路徑上擦出一個缺口，如圖7-77所示。圖7-77繪制環(huán)形路徑7.6英雄救美——傳統(tǒng)動畫技法的運用7.6.1案例預(yù)覽7.6.2技術(shù)分析7.6.3男主角從天而降7.6.4制作殘影效果傳統(tǒng)動畫技法和運動規(guī)律在Flash動畫中的應(yīng)用是非常廣泛的。本節(jié)將以FlashMV《桃花朵朵開》中一個經(jīng)典片斷——英雄救美為例，為讀者介紹如何結(jié)合傳統(tǒng)動畫技法制作Flash動畫。7.6.1案例預(yù)覽本案例描述的是這樣一個情節(jié)：女主角在回家的路上被四只蒙面兔子攔住了去路，危難之時男主角從天而降，赤手空拳打跑了兔子，救了女主角。7.6.2技術(shù)分析本例重點在于彈性變形和殘影效果的應(yīng)用。其中“男主角從天而降”，這個動作使用了彈性變形進(jìn)行處理；“男主角跳起踢飛一只兔子”，使用了殘影效果，如圖7-89（d）所示。而影片中男主角打跑小兔子的動作則是采用逐幀動畫來實現(xiàn)的，也就是一個動作一張畫，中間沒有補(bǔ)間幀，如圖7-90