《Flash 8動畫制作案例教程》課件第5章

第5章動畫制作初步5.1使用幀5.2逐幀動畫5.3補間動畫5.4時間軸特效動畫疑難解析課堂實踐疑難解析課外拓展

5.1使用幀

5.1.1幀的類型

在Flash中，根據(jù)幀的內(nèi)容、使用特點，可將幀分為四種類型，即關鍵幀、空白關鍵幀、過渡幀和普通幀，各種類型的幀在時間軸上的顯示如圖5-1所示。(幀的分類詳見1.2節(jié)。)空白關鍵幀關鍵幀普通幀過渡幀圖5-1幀的類型 5.1.2幀的操作

1．選擇幀

選擇幀是操作幀的基礎，例如創(chuàng)建幀、復制幀、移動幀時，都需要先選擇幀。此外，如果要在舞臺上對幀上的對象進行編輯修改時，也需要選擇幀。選擇幀最快捷的操作方法是使用鼠標配合鍵盤操作來選擇，選中的幀會以反黑顯示。

1)選擇單個幀

在要選擇的幀上單擊，即可選中該幀。

2)選擇不連續(xù)的多個幀

按住Ctrl鍵，逐個單擊要選擇的幀，即可選擇多個幀。

3)選擇連續(xù)的多個幀

如果要選擇同一個圖層上的多個幀，則首先把鼠標放在第一個幀上，然后拖動鼠標至最后一幀，鼠標拖動時所經(jīng)過區(qū)域的幀全部被選中；如果要選擇不同圖層上連續(xù)的多個幀，則可按住Ctrl鍵，在不同圖層上拖動鼠標，即可選中不同圖層上的多個幀。

2．創(chuàng)建幀

1)創(chuàng)建關鍵幀

關鍵幀是定義動畫劇情有較大變化的幀。要制作動畫，必須創(chuàng)建關鍵幀。創(chuàng)建關鍵幀的方法是：首先在時間軸上單擊選擇一個空幀或是普通幀，然后單擊鼠標右鍵，在下拉菜單中選擇“插入關鍵幀”命令或者按F6功能鍵，即可在該幀處插入一個關鍵幀。

如果要創(chuàng)建多個關鍵幀，則首先選擇多個幀，然后按F6功能鍵，選中的幀全部轉(zhuǎn)換為關鍵幀。

注意：創(chuàng)建關鍵幀后，上一個關鍵幀上的內(nèi)容會自動延續(xù)到新創(chuàng)建的關鍵幀；如果上一個關鍵幀上沒有內(nèi)容，則插入關鍵幀得到的是空白關鍵幀。

2)創(chuàng)建空白關鍵幀

創(chuàng)建關鍵幀時，如果要避免上一個關鍵幀的內(nèi)容延續(xù)到新創(chuàng)建的關鍵幀上，可以在上一個關鍵幀后創(chuàng)建一個空白關鍵幀。創(chuàng)建空白關鍵幀的方法是：選擇一個空幀或普通幀，單擊鼠標右鍵，執(zhí)行“插入空白關鍵幀”命令或者按F7功能鍵。

3)創(chuàng)建普通幀

如果要延續(xù)某個關鍵幀上的內(nèi)容，例如動畫的背景，則可通過在關鍵幀后創(chuàng)建普通幀來實現(xiàn)。創(chuàng)建普通幀的方法是：在要創(chuàng)建普通幀的幀上單擊鼠標右鍵，執(zhí)行“插入幀”命令或按F5功能鍵。

說明：過渡幀是在動畫制作過程中通過設置補間動畫類型自動生成的。

3．復制幀和移動幀

1)復制幀

復制幀時，源幀上的所有對象都會被復制到目標幀上，且在舞臺中的位置也相同。復制幀的操作方法是：選擇要復制的幀，按住Alt鍵，用鼠標把選擇的幀拖到目標位置。

2)移動幀

移動幀后，源幀上的對象會被移動到目標幀上。移動幀的操作方法是：選擇要移動的幀，用鼠標把選擇的幀拖到目標位置。

4．刪除幀和清除幀

1)刪除幀

制作動畫時，對于不需要的幀可以將其刪除。刪除幀的操作方法是：選中要刪除的幀，單擊鼠標右鍵，執(zhí)行“刪除幀”命令。

2)清除幀

清除幀是指清除幀中的內(nèi)容，也就是清除幀在舞臺上的對象。清除幀的操作方法是：選中要清除的幀，單擊鼠標右鍵，執(zhí)行“清除幀”命令。幀的內(nèi)容被清除后，該幀會自動轉(zhuǎn)換為空白關鍵幀。

5．轉(zhuǎn)換幀的類型

在動畫制作中，可以根據(jù)需要轉(zhuǎn)換幀的類型。

1)轉(zhuǎn)換為關鍵幀

選擇要轉(zhuǎn)換的普通幀或過渡幀，單擊鼠標右鍵，執(zhí)行“轉(zhuǎn)換為關鍵幀”或“轉(zhuǎn)換為空白關鍵幀”命令，即可將該幀轉(zhuǎn)換為關鍵幀。

2)關鍵幀轉(zhuǎn)換為普通幀

選擇要轉(zhuǎn)換的關鍵幀，單擊鼠標右鍵，執(zhí)行“清除關鍵幀”命令，可以把關鍵幀或空白關鍵幀轉(zhuǎn)換為普通幀。

6．翻轉(zhuǎn)幀

翻轉(zhuǎn)幀的作用是調(diào)整幀在時間軸上的左右順序，從而改變播放順序。在動畫制作中，使用“翻轉(zhuǎn)幀”功能可以達到事半功倍的效果。

案例5-1：跳跳球

案例展示與任務

打開隨書光盤中“第5章/案例1/5-1.fla”案例文件，完成皮球上下彈跳的動畫，如圖5-2所示，實例最終效果參見隨書光盤中“第5章/案例1/跳跳球.fla”。圖5-2跳跳球制作分析

案例文件已經(jīng)做好皮球落下的效果，只要復制下落過程這一段動畫幀，把它粘貼到下落結(jié)束的幀之后，再把它翻轉(zhuǎn)，即可變?yōu)閺南孪蛏蠌椘鸬膭赢嫛?/p>

操作步驟

(1)打開隨書光盤中“第5章/案例5/5-1.fla”案例文件。

(2)在“球”圖層上把鼠標從第1幀開始拖到第25幀，選中“球”圖層的第1～25幀，然后按住Alt鍵，把選中的幀拖到第26幀釋放，復制皮球下落的動畫幀。

(3)選中剛才復制的幀，即第26～50幀，單擊鼠標右鍵，執(zhí)行“翻轉(zhuǎn)幀”命令。

(4)在“桌子”圖層的第50幀處單擊，按F5功能鍵插入普通幀，把桌子圖形延伸至第50幀。

(5)按Ctrl+Enter鍵測試動畫效果，可看到皮球不停地上下彈跳。 5.2逐幀動畫

5.2.1逐幀動畫原理

逐幀動畫的每個幀都是關鍵幀，必須創(chuàng)建每一個關鍵幀上的圖像，然后按一定的時間順序播放這些關鍵幀，就產(chǎn)生了動畫效果。5.2.2逐幀動畫制作

逐幀動畫制作時需要將每個幀都定義為關鍵幀，然后給每個幀創(chuàng)建不同的圖像。一般的做法是，在某一幀前、后插入一個內(nèi)容完全相同的關鍵幀，再對舞臺中的內(nèi)容按照動畫發(fā)展的要求進行編輯、修改，使之與相鄰幀中的內(nèi)容有一點變化，如此重復，直至完成全部動畫的幀系列。案例5-2：小和尚敲木魚

案例展示與任務

使用隨書光盤中“第5章/案例2”文件夾下的圖片素材，制作小和尚敲木魚的動畫，如圖5-3所示，實例最終效果參見隨書光盤中“第5章/案例2/小和尚敲木魚.fla”。

制作分析

利用逐幀動畫制作小和尚敲木魚的動畫效果，需要4個關鍵幀，通過在連續(xù)的幀上繪制小和尚敲木魚的不同形態(tài)來實現(xiàn)。本例中，已繪制好小和尚敲木魚的3個狀態(tài)，可以直接導入使用。圖5-3小和尚敲木魚操作步驟

(1)新建文件，命名為“小和尚敲木魚.fla”。

(2)打開“庫”面板，執(zhí)行【文件】→【導入】→【導入到庫】命令，彈出“導入到庫”對話框，選擇3張素材圖片，然后單擊“打開”按鈕。

(3)把導入的3張素材圖片轉(zhuǎn)換為元件，分別命名為“圖1”、“圖2”、“圖3”。

(4)單擊“圖層1”的第1幀，把“圖1”元件拖到舞臺上。

(5)單擊第2幀，按F7插入一個空白關鍵幀，把“圖2”元件拖到舞臺上。按同樣的方法在第3幀和第4幀上分別拖入“圖3”和“圖2”元件。

(6)顯示標尺，拖出輔助線定位每張圖片的位置，對齊素材圖片。

(7)按Ctrl+Enter鍵測試動畫效果。

(8)制作完成，保存文件。

5.3補間動畫

Flash的特色在于制作補間動畫，相對于逐幀動畫來說，補間動畫的制作真可謂簡便快捷，文件的體積也比較小。

5.3.1補間動畫原理

補間動畫采用一種獨特的過渡變形技術，這種過渡變形技術在動畫制作上表現(xiàn)為對某一段動畫只需制作開始和結(jié)束兩個關鍵幀的狀態(tài)，中間過渡幀由計算機自動生成。5.3.2動作補間動畫與形狀補間動畫的區(qū)別

補間動畫又分為動作補間動畫和形狀補間動畫，兩種動畫在組成元素、功能效果等方面都有很大的區(qū)別。

1．動作補間動畫

1)功能效果

動作補間動畫可以完成同一個對象位置、大小、旋轉(zhuǎn)、顏色、透明度、亮度等屬性的動態(tài)變化，適用性較廣。

2)組成元素

制作動作補間動畫時，兩個關鍵幀上可以是實例、文本、群組、圖形對象、位圖等具有整體屬性的對象，也就是選中時周圍會出現(xiàn)矩形框的對象，但不能是散的形狀圖形。特別要注意的是，兩個關鍵幀上必須是同一個對象才能創(chuàng)建動作補間動畫，且同一圖層上每個關鍵幀中只能有一個對象。

3)制作方法

在起始關鍵幀定義一個對象的位置、大小、旋轉(zhuǎn)等屬性(如果是實例，還可以定義顏色、透明度和亮度等屬性)，然后在結(jié)束關鍵幀中改變這個對象的這些屬性，在“屬性”面板中設置“補間”動畫類型為“動畫”即可。

4)表現(xiàn)形式

在兩個關鍵幀之間創(chuàng)建動作補間動畫后，兩個關鍵幀之間的背景變?yōu)榈仙?，且有一條帶箭頭的直線貫穿兩個關鍵幀之間，如圖5-4所示。如果補間動畫創(chuàng)建失敗，則直線會變成虛線，如果5-5所示。圖5-4動作補間動畫圖5-5創(chuàng)建補間動畫失敗

2．形狀補間動畫

1)功能效果

形狀補間動畫可以完成兩個形狀圖形位置、形狀、大小、顏色等屬性的相互變化，其強調(diào)的是“形狀”的變化。

2)組成元素

形狀補間動畫的組成元素只能是形狀圖形或圖形對象。如果是實例、文本、群組等整體屬性的對象，需要將它們“分離”成散的形狀圖形，也就是選中時圖形上有虛點覆蓋的對象。在形狀補間動畫中，同一個圖層上每個關鍵幀中可以有若干個對象。

3)制作方法

在起始關鍵幀繪制形狀圖形，然后在結(jié)束關鍵幀修改這個圖形或繪制另外的圖形，在“屬性”面板中設置“補間”動畫類型為“形狀”即可。

4)表現(xiàn)形式

在兩個關鍵幀之間創(chuàng)建形狀補間動畫后，兩個關鍵幀之間的背景變?yōu)榈G色，且有一條帶箭頭的直線貫穿兩個關鍵幀之間，如圖5-6所示。如果形狀動畫創(chuàng)建失敗，則直線會變成虛線，如圖5-7所示。圖5-6形狀補間動畫圖5-7創(chuàng)建形狀動畫失敗

5.3.3直線運動動畫

動作補間動畫根據(jù)其運動路徑的不同，可以分為直線運動動畫和沿軌跡運動動畫，即引導動畫。直線運動動畫是最基本的動作補間動畫，引導動畫的制作方法稍微復雜一些。

案例5-3：星星兒童玩具城動畫系列1

案例展示與任務

使用隨書光盤中“第5章/案例3”文件夾下的圖片素材，制作星星兒童玩具城廣告動畫，如圖5-8所示，實例最終效果參見隨書光盤中“第5章/案例3/星星兒童玩具城動畫系列1.fla”。圖5-8星星兒童玩具城動畫系列1制作分析

本例中共需要3個圖層，一個用來放廣告背景，一個用來放玩具車，一個用來放文字。廣告背景和玩具車素材可以直接導入，并將它們轉(zhuǎn)換為元件使用。另需創(chuàng)建1個文字影片剪輯元件。本例的重點是制作行駛的玩具車，分兩個動畫片段來完成；文字效果需要使用“濾鏡”面板設置“模糊”和“投影”效果。操作步驟

(1)新建文件，設置舞臺尺寸為1024×768像素，24幀/每秒，命名為“星星兒童玩具城動畫系列1.fla”。

(2)打開“庫”面板，執(zhí)行【文件】→【導入】→【導入到庫】命令，把2張素材圖片導入到庫中并轉(zhuǎn)換為元件，分別命名為“廣告背景”和“小車”圖形元件。

(3)創(chuàng)建“文字”影片剪輯元件，輸入文字“星星兒童玩具城”，字號大小為80。

(4)把“圖層1”重命名為“背景”，再新建2個圖層，分別命名為“文字”和“車”。

(5)單擊“背景”層的第1幀，把“廣告背景”元件拖到舞臺上，適當調(diào)整其大小，使其與舞臺匹配。

(6)單擊“車”圖層的第1幀，把“小車”元件拖到工作區(qū)的右邊，打開“變形”面板，把“小車”實例縮小為20%。

(7)單擊“車”圖層的第42幀，按F6插入關鍵幀，把“小車”實例拖到舞臺的左下角，并放大為40%。

(8)單擊“車”圖層的第68幀，按F6插入關鍵幀，把“小車”元件拖到舞臺的右下角。

(9)單擊“車”圖層第1～41幀中的任意一幀，打開“屬性”面板，從“補間”下拉列表中選擇“動畫”選項，設置“緩動”參數(shù)為“-70”，即可在第1～42幀之間創(chuàng)建先慢后快的動作補間動畫，如圖5-9所示。圖5-9創(chuàng)建動作補間動畫的屬性面板動作補間動畫“屬性”面板各參數(shù)設置如下。

①補間：選擇補間動畫類型。

②縮放：當關鍵幀上的對象大小不同時，勾選此選項，可使對象在動畫中產(chǎn)生縮放效果。

③緩動：調(diào)整動作補間動畫的變化速度。默認值為0，表示動畫勻速變化；值為負，表示加速，即先慢后快；值為正，表示減速，即先快后慢；絕對值越大，變化的強度越大。

④編輯：在制作自定義緩入/緩出動畫時使用。(5.3.5節(jié)中將詳細介紹自定義緩入/緩出動畫。)

⑤旋轉(zhuǎn)：選擇在動畫中是否旋轉(zhuǎn)對象。其中，“無”表示禁止旋轉(zhuǎn)；“自動”表示由手工設置旋轉(zhuǎn)；“順時針”和“逆時針”表示按順時針或逆時針方向旋轉(zhuǎn)，此時可輸入旋轉(zhuǎn)次數(shù)。⑥調(diào)整到路徑和對齊：在制作引導動畫時使用。(5.3.4節(jié)中將詳細介紹引導動畫。)

⑦同步：使圖形元件實例中的動畫和主時間軸同步。

(10)單擊“車”圖層第43～67幀中的任意一幀，打開“屬性”面板，從“補間”下拉列表中選擇“動畫”選項，設置“緩動”參數(shù)為“70”，即可在第43～68幀之間創(chuàng)建先快后慢的動作補間動畫。

(11)單擊“文字”圖層第1幀，拖入“文字”影片剪輯元件。

(12)選中文字實例，使用“變形”面板把實例的寬度放大4倍(400.0%)，高度保持不變(100.0%)，如圖5-10所示。圖5-10放大文字的寬度

(13)選中文字實例，打開“屬性”面板，設置實例的Alpha=0%，如圖5-11所示；打開“濾鏡”面板，為實例添加30個像素的“模糊”距離和白色的“投影”效果。圖5-11設置文字Alpha屬性

(14)單擊“文字”圖層第65幀，按F6插入關鍵幀，按步驟(12)～(13)的方法恢復實例的原始大小，設置實例的Alpha=100%，并添加0個像素的“模糊”距離和白色的“投影”效果。

(15)單擊“文字”圖層第1～64幀中的任意一幀，在“屬性”面板中選擇“動畫”補間。

(16)單擊“背景”圖層第120幀，按F5插入普通幀。

(17)按步驟(16)的方法在“車”和“文字”圖層的第120幀插入普通幀。

(18)測試動畫效果，玩具車從右邊進場，由小變大，先慢后快到達舞臺左邊，然后又先快后慢退回舞臺右邊；同時，文字由寬變窄，以淡入方式從模糊到清晰逐漸顯示。

(19)動畫制作完成，保存文件。5.3.4引導動畫

如果想讓運動的對象沿著指定的軌跡運動，則可以利用引導動畫來實現(xiàn)。制作引導動畫至少需要2個圖層，一個引導層和一個被引導層，引導層的圖層圖標是，被引導層與普通圖層圖標相同，是。引導層上繪制運動的軌跡，被引導層上創(chuàng)建動作補間動畫。播放動畫時，引導層上的內(nèi)容不會被顯示。

制作引導動畫要特別注意兩個問題，一是運動軌跡必須是一條開啟的路徑，且路徑中間不能有斷點；二是被引導層的起始關鍵幀和結(jié)束關鍵幀上的運動對象必須吸附在運動路徑上。

案例5-4：飄飛的蒲公英

案例展示與任務

使用隨書光盤中“第5章/案例4”文件夾下的圖片素材，制作飄飛的蒲公英，如圖5-12所示，實例最終效果參見隨書光盤中“第5章/案例4/飄飛的蒲公英.fla”。圖5-12飄飛的蒲公英制作分析

本例中蒲公英的運動軌跡是一條曲線，可以使用動作補間動畫中的引導動畫來完成。引導層上繪制蒲公英運動的軌跡線，動畫層上創(chuàng)建運動對象的動作，即蒲公英的動作補間動畫。

操作步驟

(1)新建文件，命名為“飄飛的蒲公英.fla”。

(2)把“圖層1”的名稱重命名為“背景”，執(zhí)行【文件】→【導入】→【導入到舞臺】命令，把背景圖片導入到“背景”層第1幀中的舞臺上。

(3)執(zhí)行【修改】→【文檔】命令，彈出“文檔屬性”對話框，如圖5-13所示。選擇匹配“內(nèi)容”，使舞臺大小與背景圖片的尺寸相同，設置幀頻為24fps。圖5-13“文檔屬性”對話框

(4)新建“蒲公英”圖層，把蒲公英圖片導入到該層第1幀的舞臺上，在蒲公英圖片上單擊鼠標右鍵，執(zhí)行“轉(zhuǎn)換為元件”命令，創(chuàng)建名為“蒲公英1”圖形元件。

(5)利用“變形”面板將蒲公英實例縮小為30%，在第150幀處插入關鍵幀，單擊第

1～149幀中的任意一幀，打開“屬性”面板，創(chuàng)建動作補間動畫，勾選“對齊”復選框，如圖5-14所示。圖5-14“屬性”面板

(6)選中“蒲公英”層為當前圖層，單擊時間軸左邊的“添加運動引導層”按鈕，新建名為“軌跡”的引導層，并在引導層的第1幀中繪制蒲公英飄飛的軌跡線，如圖5-15所示。

(7)單擊“蒲公英”層第1幀，打開“貼緊至對象”吸附功能，拖動“蒲公英”實例的中心點(小圓圈)，使其吸附在軌跡線的起始端點，如圖5-16所示。圖5-15時間軸與運動軌跡線圖5-16實例吸附在起始點

(8)單擊“蒲公英”層第150幀，按步驟(7)的方法把“蒲公英”實例的中心點吸附在軌跡線的結(jié)束端點。

(9)單擊“背景”層的第150幀，按F5功能鍵插入普通幀。

(10)測試動畫效果。

(11)制作完成，保存文件。

默認情況下，動作補間動畫對象沿著軌跡線運動時，對象本身不會隨軌跡線的彎曲而發(fā)生方向的改變。如果希望運動對象隨著軌跡線的彎曲而改變運動方向，可以在“屬性”面板中勾選“調(diào)整到路徑”復選框，如圖5-17所示，實例效果參見隨書光盤中“第5章/案例4/改變方向效果.fla”。圖5-17引導時改變運動方向創(chuàng)建引導層的方法除了使用時間軸上的“添加運動引導層”按鈕，還可以在普通圖層上單擊鼠標右鍵，執(zhí)行“添加引導層”命令，在該圖層的上方即可創(chuàng)建一個與其鏈接的引導層。此外，還可以將現(xiàn)有普通圖層轉(zhuǎn)換為引導層，其操作步驟如下：

(1)在需要轉(zhuǎn)換為引導層的普通圖層上單擊鼠標右鍵，執(zhí)行“引導層”命令，將該圖層轉(zhuǎn)換為引導層。此時引導層的圖標為，表示引導層與被引導層還沒有建立鏈接關系。

(2)用鼠標把被引導層直接拖到引導層的下方，不要釋放鼠標，繼續(xù)向右拖動被引導層，釋放鼠標后即可建立引導層與被引導層的鏈接關系。圖5-18“圖層屬性”對話框5.3.5自定義緩入/緩出動畫

在動作補間動畫制作中，利用Flash8新增的“自定義緩入/緩出”功能，可以實現(xiàn)一個動畫片段中動畫變化的加速或減速，快速制作具有彈性、緩入、緩出的動畫效果，其視覺效果非常逼真。案例5-5：彈跳球

案例展示與任務

使用隨書光盤中“第5章/案例5”文件夾下的圖片素材，制作彈跳球動畫，如圖5-19所示，實例最終效果參見隨書光盤中“第5章/案例5/彈跳球.fla”。圖5-19彈跳球制作分析

本例中需要三個圖層，一個臺面層，一個陰影層和一個彈跳球圖層。彈跳球的上下彈跳、陰影的淡入淡出可以通過“自定義緩入/緩出”對話框中的曲線控制來實現(xiàn)。

操作步驟

(1)新建文件，命名為“彈跳球.fla”。

(2)把“桌球”圖片素材導入到庫中，并轉(zhuǎn)換為“球”圖形元件。

(3)按效果圖所示創(chuàng)建“臺面”和“陰影”圖形元件。

(4)從上到下新建名為“球”、“陰影”和“背景”的三個圖層。

(5)在“臺面”圖層中引用“臺面”元件，把臺面移到舞臺的下方，調(diào)整其位置和大小。

(6)在“球”圖層的第1幀中創(chuàng)建“球”元件的實例，把實例放在舞臺的正上方，調(diào)整其大小，如圖5-20所示。圖5-20球的起始位置

(7)在“球”圖層的第35幀插入關鍵幀，并把“球”實例移到臺面的中心位置，如圖5-21所示。圖5-21球的結(jié)束位置

(8)創(chuàng)建“球”圖層第1～35幀的動作補間動畫。在“屬性”面板中單擊“編輯”按鈕，彈出“自定義緩入/緩出”對話框，如圖5-22所示。a

圖5-22“自定義緩入/緩出”對話框在該對話框中，網(wǎng)格內(nèi)的圖形用來控制隨時間推移動畫運動速度和方向的變化。曲線斜率控制動畫的變化速率，曲線斜率的絕對值越大，動畫的變化速率也越大。當曲線水平時，斜率為零，變化速率為零；當曲線垂直時，斜率為1，變化速率最大，一瞬間完成變化。

水平軸表示幀，垂直軸表示變化的百分比。第一個關鍵幀表示為0%，最后一個關鍵幀表示為100%。例如用圖5-22中的曲線控制對象運動的變化速率，控制點a的橫坐標為20，縱坐標為100%，曲線斜率為1(豎直)，表示對象運動到第20幀時以最快速度到達運動的終點。

(9)單擊曲線上水平坐標為第13幀處的點，添加第一個控制點，把添加的控制點向上拖到垂直坐標為100%的位置。向右拖動控制點的左頂點手柄，直至它觸到控制點；向左拖動右頂點手柄，直至它觸到控制點。這時曲線在控制點處成銳角，如圖5-23所示。

(10)單擊曲線上水平坐標為第18幀處的點，添加第二個控制點，把添加的控制點向下拖到垂直坐標為?76%的位置。調(diào)節(jié)頂點手柄，使控制點處的切線與曲線相切，并且每個手柄與控制點的距離都相等，如圖5-24所示。圖5-23調(diào)整控制點形成銳角圖5-24調(diào)整控制點與曲線相切

(11)單擊曲線上水平坐標為第27幀處的點，添加第三個控制點，把添加的控制點向上拖到垂直坐標為100%的位置。按步驟(9)的方法調(diào)節(jié)頂點手柄，使曲線在控制點處形成銳角。

(12)單擊曲線上水平坐標為第30幀處的點，添加第四個控制點，把添加的控制點向下拖到垂直坐標為95%的位置。按步驟(10)的方法調(diào)節(jié)頂點手柄，使控制點處的切線與曲線相切。

(13)緩動曲線創(chuàng)建完成，曲線圖最終效果如圖5-25所示。圖5-25創(chuàng)建緩動曲線

(13)單擊對話框左下角的“播放”按鈕，在舞臺上實時預覽動畫效果。按Ctrl+C鍵復制緩動曲線，最后單擊“確定”按鈕。

說明：復制緩動曲線，是為了使用它來控制陰影動畫的變化效果。

(14)在“陰影”層的第1幀中創(chuàng)建“陰影”元件的實例，按效果圖所示適當調(diào)整其大小和位置。選中“陰影”實例，在“屬性”面板中設置實例的屬性Alpha=0。

(15)在“陰影”層的第35幀中插入關鍵幀，設置實例屬性Alpha=100。創(chuàng)建“陰影”圖層第1～35幀的動作補間動畫。在“屬性”面板中單擊“編輯”按鈕，彈出“自定義緩入/緩出”對話框，按Ctrl+V鍵粘貼球運動的緩動曲線。

(16)在三個圖層的第45幀處分別插入普通幀。

(17)測試動畫效果。

(18)制作完成，保存文件。

提示：在“自定義緩入/緩出”對話框中，若清除“為所有屬性使用一種設置”復選框中的√，則可以在“屬性”下拉列表中選擇為“位置”、“旋轉(zhuǎn)”、“縮放”、“顏色”或“濾鏡”等屬性單獨自定義緩動曲線。5.3.6簡單形變動畫

形狀補間動畫強調(diào)的是形變效果，即一個形狀變成另外一個形狀，在變化的過程中可以伴隨位置、大小和顏色的變化。一般簡單的形變很容易實現(xiàn)，復雜的形變需要使用形狀提示點來控制形變效果。

案例5-6：圓變五星

案例展示與任務

制作一個藍色的圓變成紅五星的動畫，如圖5-26所示，實例最終效果參見隨書光盤中“第5章/案例6/圓變五星.fla”。圖5-26圓變五星制作分析

本例中有兩個動畫元素，一個是藍色的圓，一個是紅五星。形狀補間動畫要求動畫元素必須是散的形狀圖形。本例動畫較為簡單，所以直接在舞臺上使用合并繪制模式繪制圖形。對于復雜的動畫制作，動畫元素最好還是使用元件。將元件用于形狀補間動畫時，只要把它打散分離即可。操作步驟

(1)新建文件，命名為“圓變五星.fla”。

(2)在圖層1的第1幀上繪制一個無邊框的藍色正圓，并把它放在舞臺的左邊。

(3)在圖層1的第60幀處單擊，按F7功能鍵插入一個空白關鍵幀，繪制一個無邊框的紅五星，并把它放在舞臺的右邊。

(4)在圖層1的第1～59幀之間的任意一幀上單擊，打開“屬性”面板，在“補間”下拉列表中選擇“形狀”，選擇“混合”類型為“分布式”，如圖5-27所示。圖5-27創(chuàng)建形狀補間動畫的屬性面板形狀補間動畫“屬性”面板參數(shù)比較簡單，其中“混合”選項有“分布式”和“角形”兩種變形方式。當形變的對象既有直線又有曲線時，這兩種變形方式才會產(chǎn)生不同的效果。“分布式”形變過程比較柔和，符合人的預想；角形更多的體現(xiàn)出堅硬和僵直的形變過程，給人的感覺是雜亂無章的。

(5)測試動畫效果。

(6)制作完成，保存文件。5.3.7復雜形變動畫

在復雜的形狀補間動畫中，盡管形變的結(jié)果就是最后指定的形狀，但形變的過程卻往往毫無章法，不盡人意。使用“形狀提示”可以較好地解決這一問題?！靶螤钐崾尽蓖ㄟ^給在形變開始的圖形和形變結(jié)束的圖形上標記一些相互對應的、其位置已被固定的點來控制形變。

案例5-7：熊變豹

案例展示與任務

制作熊變豹動畫，如圖5-28所示，實例最終效果參見隨書光盤中“第5章/案例7/熊變豹.fla”。圖5-28熊變豹制作分析

本例中需要兩個圖層，一個用來放背景，一個用來制作變形動畫。首先創(chuàng)建熊和豹的圖形元件，然后把熊放在變形動畫的起始關鍵幀，把豹放在結(jié)束關鍵幀。把實例打散分離，創(chuàng)建形狀補間動畫。為了得到舒展有序的形變效果，需要添加形狀提示點來控制形變。操作步驟

(1)新建文件，命名為“熊變豹.fla”，設置舞臺背景為灰色。

(2)把圖層1重命名為“背景”，再新建一個圖層，命名為“變形”。

(3)創(chuàng)建“熊”、“豹”和“圓”的圖形元件。

(4)在“背景”圖層的第1幀中引用“圓”元件，把圓實例放在舞臺的中心位置，適當調(diào)整其大小，在第60幀插入普通幀。

(5)在“變形”圖層的第1幀中引用“熊”元件，把熊實例放在圓的中心，適當調(diào)整其大小，在第10幀插入關鍵幀；在第50幀插入空白關鍵幀，引用“豹”元件，調(diào)整其大小和位置，在第60幀插入普通幀。

(6)把“熊”和“豹”實例打散分離，在“變形”圖層的第10～50幀之間創(chuàng)建形狀補間動畫。

(7)測試動畫效果，發(fā)現(xiàn)形變過程并不是預期的效果。

(8)打開“貼緊至對象”吸附功能。單擊“變形”圖層的第10幀，執(zhí)行【修改】→【形狀】→【添加形狀提示】命令或按Ctrl+Shift+H鍵，添加形狀提示點a，把提示點a拖到熊的鼻尖上；單擊第50幀，把提示點a也拖到豹的鼻尖上，此時提示點a會變成綠色，這表示鉚定了熊上面的a點位置與豹上面的a點位置的對應關系。

(9)按步驟(8)的方法繼續(xù)添加提示點b和c，形狀提示點的鉚定位置如圖5-29所示。圖5-29添加形狀提示點

(10)測試動畫效果，形變?nèi)〉昧钊藵M意的效果。

(11)制作完成，保存文件。

如果要移除形狀提示點，只要把它拖離圖形，或者執(zhí)行【修改】→【形狀】→【刪除所有提示】命令即可。

注意：Flash允許使用26個形狀提示點，以字母a～z順序標識，用于識別起始形狀和結(jié)束形狀中相對應的點。在添加形狀提示點的過程中，提示點的顏色會發(fā)生變化。起始關鍵幀上的提示點剛添加時是紅色，如果提示點正確貼緊在起始關鍵幀和結(jié)束關鍵幀上，起始關鍵幀上的提示點會變成黃色，結(jié)束關鍵幀上的提示點會變成綠色。 5.4時間軸特效動畫

利用Flash提供的時間軸特效，可以快速創(chuàng)建某些特殊動畫效果。時間軸特效的應用對象可以是形狀圖形、實例、群組、文本、位圖等。

案例5-8：躍現(xiàn)文字

案例展示與任務

利用Flash時間軸特效提供的“變形”特效，制作躍現(xiàn)文字效果，如圖5-30所示，實例最終效果參見隨書光盤中“第5章/案例8/躍現(xiàn)文字.fla”。圖5-30躍現(xiàn)文字制作分析

本例中需要創(chuàng)建6個圖層，其中5個圖層分別放置5個字母躍現(xiàn)效果的影片剪輯，1個圖層放置最后的打字效果。字母躍現(xiàn)效果的影片剪輯利用時間軸“變形”特效制作，打字效果使用逐幀動畫完成。為了使字母逐個躍現(xiàn)，在主場景的時間軸上需要間隔一定數(shù)量的幀來創(chuàng)建每個字母影片剪輯的實例。操作步驟

(1)新建文件，命名為“躍現(xiàn)文字.fla”，設置舞臺背景為淡黃色，幀頻為24fps。

(2)創(chuàng)建“F”、“L”、“A”、“S”、“H”五個字母的圖形元件，并把每個字母的中心點與元件的注冊點對齊重合。

(3)創(chuàng)建名為“F1”的影片剪輯元件。打開“F1”元件編輯窗口，在第1幀中引用“F”元件，把實例的中心點與元件的注冊點對齊重合，并把“F”元件實例放大400%。

(4)選中“F”元件實例，執(zhí)行【插入】→【時間軸特效】→【變形/轉(zhuǎn)換】→【變形】命令，彈出“變形”對話框，如圖5-31所示。

在對話框中把“效果持續(xù)時間”設為“50”幀，更改X位置為“50”像素數(shù)，“縮放比例”為“20%”，“最終的Alpha”為“0%”。

單擊“更新預覽”按鈕，預覽動畫效果，滿意后單擊“確定”按鈕，完成時間軸特效動畫的制作。圖5-31“變形”對話框

(5)按步驟(3)～(4)的方法創(chuàng)建其他字母躍現(xiàn)的影片剪輯，分別命名為“L1”、“A1”、“S1”和“H1”。

(6)創(chuàng)建名為“FLASH”的影片剪輯元件。打開“FLASH”元件編輯窗口，在第1幀中輸入文本“FLASH”，把文本的中心點與元件的注冊點對齊重合。在第4幀插入關鍵幀，把該幀舞臺上“FLASH”中的最后一個字母“H”清除。按同樣的方法，在第7幀、第10幀、第13幀插入關鍵幀，并把這些幀中的最后一個字母清除，在第15幀中插入普通幀。

(7)選中第1～15幀，單擊鼠標右鍵，執(zhí)行“翻轉(zhuǎn)幀”命令，在第40幀上插入普通幀。按Enter鍵預覽打字效果。

(8)單擊時間軸上的“場景”按鈕，返回主時間軸。創(chuàng)建6個圖層，從上到下依次命名為“FLASH”、“H”、“S”、“A”、“L”和“F”。

(9)打開“標尺”，在X坐標為120、200、280、360、440的位置分別拉出5根垂直輔助線，在Y坐標為200的位置拉出1根水平輔助線。

(10)在“F”層的第1幀引用“F1”影片剪輯元件，并把元件實例的注冊點與輔助線左邊的第一個交叉點對齊重合，如圖5-32所示。圖5-32使用輔助線

(11)按步驟(10)的方法在“L”層的第15幀、“A”層的第30幀、“S”層的第45幀、“H”層的第60幀上分別引用“L1”“A1”“S1”和“H1”影片剪輯元件，并把元件實例的注冊點與輔助線左邊的第2、3、4、5個交叉點對齊重合。

(12)在“F”層的第49幀，“L”層的第64幀、“A”層的第79幀、“S”層的第94幀、“H”層的第109幀上插入普通幀。

(13)在“FLASH”層的第115幀上引用“FLASH”影片剪輯元件，并把元件的注冊點與輔助線的第3個交叉點重合。在第154幀上插入普通幀。動畫最終的時間軸布局如圖5-33所示。圖5?33動畫的時間軸布局

(14)測試動畫效果。

(15)制作完成，保存文件。

如果要編輯時間軸特效，則可以在舞臺上選擇應用時間軸特效的動畫對象，執(zhí)行【修改】→【時間軸特效】→【編輯特效】命令，此時會打開特效對話框，重新設置相關參數(shù)即可。如果要刪除特效，則執(zhí)行【修改】→【時間軸特效】→【刪除特效】命令即可。

課堂實踐

(1)使用逐幀動畫制作跳動的愛心，如圖5-34所示，實例最終效果參見隨書光盤中“第5章/案例9/愛心.fla”。圖5-34愛心

(2)使用隨書光盤中“第5章/案例10”文件夾下提供的素材，使用動作補間動畫制作星星兒童玩具城動畫，如圖5-35所示，實例最終效果參見隨書光盤中“第5章/案例10/星星兒童玩具城廣告動畫系列2.fla”。圖5-35星星兒童玩具城動畫系列2

(3)使用形狀補間動畫制作兔變?nèi)藙赢?，如圖5-36所示。制作過程中注意使用形狀提示點使動畫形變更舒展，實例最終效果參見隨書光盤中“第