二維動畫設計與制作 作者 鄧文達 第7章 Flash動畫制作與案例

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

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

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

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

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

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

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

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