第4章

從基礎(chǔ)動畫做起

Flash的動畫類型4.1創(chuàng)建逐幀動畫4.2創(chuàng)建補間動畫4.3創(chuàng)建補間形狀4.4創(chuàng)建沿路徑運動的動畫4.5創(chuàng)建遮罩動畫4.6課堂學習目標了解Flash動畫的類型和特點了解補間的概念掌握逐幀動畫的制作掌握補間動畫與補間形狀的制作掌握沿路徑運動動畫的制作掌握遮罩動畫的制作4.1Flash的動畫類型Flash中的動畫按照類型劃分，可以分為兩種基本類型：逐幀動畫和補間動畫。

補間動畫又分為動畫補間動畫（簡稱補間動畫）和形狀補間動畫（簡稱補間形狀）。4.1.1逐幀動畫Flash的逐幀動畫借鑒了傳統(tǒng)動畫的創(chuàng)作技法，采用了給原畫加中間畫的畫法進行制作。

不過在Flash中，原畫與中間畫經(jīng)常由一個人來擔任。

逐幀動畫在時間軸上表現(xiàn)為一個一個的關(guān)鍵幀，如圖4-2所示。圖4-2逐幀動畫4.1.2補間動畫

在創(chuàng)建補間動畫之前，首先要弄明白“補間”的概念。

所謂補間，就是只需要繪制出開始和結(jié)束兩個幀的內(nèi)容，中間過渡部分（中間畫）由電腦自己計算出來。

補間的開始和結(jié)束幀被稱為“關(guān)鍵幀”，中間由電腦計算出的部分稱為補間幀，用補間的方式制作的動畫稱為補間動畫，如圖4-3所示。開始關(guān)鍵幀補間幀結(jié)束關(guān)鍵幀圖4-3小女孩淡入的補間動畫

4.1.3補間形狀

補間形狀是“形狀”之間的切換動畫，即從一個“形狀”逐漸過渡到別一個“形狀”。

在形狀補間中，可在時間軸的特定幀中繪制一個形狀，然后更改該形狀或在另一個特定幀繪制另一個形狀。

然后，F(xiàn)lash將內(nèi)插中間幀的中間形狀，創(chuàng)建一個形狀變形為另一個形狀的動畫。

補間幀中的內(nèi)容是依靠兩個關(guān)鍵幀上的形狀進行計算得到的。4.2創(chuàng)建逐幀動畫4.2.1花開動畫4.3創(chuàng)建補間動畫4.3.1補間動畫的特點

補間動畫是元件實例所參與的一種動畫形式，是實例屬性變化過渡的一種動畫。

動畫補間將補間前、后兩個關(guān)鍵幀的屬性作為變化參數(shù)，在動畫播放的時候?qū)崟r計算出中間補間幀的實例屬性并且顯示它。

在Flash中，可以對影片剪輯、圖形和按鈕元件創(chuàng)建補間動畫。

可補間的對象屬性包括位置、大小、旋轉(zhuǎn)、縮放、傾斜、顏色與濾鏡等屬性。

補間動畫除了簡單的屬性變化外，根據(jù)過渡要求的不同還存在下列一些特殊的參數(shù)，如圖4-29所示。4.3.2愛心樹4.3.3

猴子撈月亮4.4創(chuàng)建補間形狀

補間形狀是“形狀”之間的切換動畫，即從一個“形狀”逐漸過渡到別一個“形狀”。

補間形狀和補間動畫有所不同，它涉及到的一些設(shè)定如圖4-61所示。圖4-61補間形狀的“屬性”面板4.4.1簡單變形

補間形狀用到的元素必須是非成組、非元件的矢量圖形，如果希望有一個元件的實例或者成組元素進行形狀變形的話，可以使用分離功能將其轉(zhuǎn)換到非成組的狀態(tài)，即矢量圖形的狀態(tài)，如圖4-62所示。

實例分離前狀態(tài)分離后狀態(tài)文本分離前后狀態(tài)圖4-62使用分離功能將元素轉(zhuǎn)換成矢量圖形

4.4.2控制變形

為了能更好的控制變形，還可以添加控制點來控制變形。

在創(chuàng)建好形狀變形動畫后，執(zhí)行菜單“修改”→“形狀”→“添加形狀提示”命令；或按下“Ctrl+Shift+H”快捷鍵即可給變形的對象增加控制點，如圖4-63所示，其中，a、b是兩個控制點。圖4-63控制變形

但即使這樣，F(xiàn)lash的形狀自動變形仍然難以控制，變化過程往往莫名其妙難于把握，如果您花很多時間在調(diào)整控制點上，您會發(fā)現(xiàn)用這段時間還不如老老實實自己畫出中間過程。

所以在這里只簡單地提一下控制變形，不再詳細介紹啦！4.4.3橢圓變花

由于形狀補間動畫的變化過程往往莫名其妙且難于把握，所以補間形狀一般較少使用。

下面只以一個簡單的實例來介紹補間形狀的特點和創(chuàng)建方法，效果如圖4-64所示。圖4-64實例效果4.5創(chuàng)建沿路徑運動的動畫

前面制作的動畫，運動軌跡比較簡單，采用設(shè)置關(guān)鍵幀的方法就能完成，如上升的愛心。

但在運動軌跡比較復雜的情況下，例如在制作漫天飛花、漂浮的氣泡、飛舞的蝴蝶，或沿圓環(huán)運動的對象等，即有一定運動軌跡的動畫時，單純依靠設(shè)置關(guān)鍵幀來實現(xiàn)，顯然不太現(xiàn)實的。

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

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

那么在制作有一定運動軌跡的動畫時，就要采用這個功能——引導線。4.5.1沿路徑運動動畫的特點

制作沿路徑運動的動畫至少要兩層：引導層和被引導層。

且引導層必須位于被引導層之上。

引導層用來放置引導線，被引導層用于放置沿路徑運動的元件實例，如圖4-70所示，沿路徑飛舞的花瓣。圖4-70引導層和被引導層

繪制的引導線必須是開放的路徑，即有兩個端點：開始點和結(jié)束點。

如果要制作沿環(huán)形運動的動畫，可以先繪制環(huán)形路徑，再用“橡皮擦工具”

在環(huán)形路徑上擦出一個缺口，如圖4-71所示。4.5.2飛行的蜻蜓圖4-71繪制環(huán)形路徑4.6創(chuàng)建遮罩動畫

遮罩是Flash的一項最基本的功能，使用遮罩可以做出很多效果。

在制作遮罩動畫之前，首先我們來了解遮罩的特點。4.6.1遮罩動畫的特點

制作遮罩動畫也至少需要兩層：遮罩層和被遮罩層。

顧名思義，在圖層窗口中，處在上層的是遮罩層，下層的是被遮罩層，被遮罩層被遮罩層所遮罩。

圖4-86所示為制作遮罩前后效果對比，通過觀察可以發(fā)現(xiàn)，創(chuàng)建遮罩后，處在遮罩層的心形并沒有顯示，處在被遮罩層上的圖像顯示了，但只顯示被遮到的圖像部分。

遮罩就像一