本章簡介：

在FlashCS3動畫的制作過程中，時間軸、幀和層起到了關鍵性的作用。讀者通過學習要了解并掌握如何靈活地應用幀、時間軸和不同性質的層，并根據設計需要制作出豐富多彩的動畫效果。本章將介紹動畫中幀、時間軸以及層的使用方法及應用技巧，讀者通過學習要了解并掌握這些的強大功能，為自己的動畫設計作品增光添彩。

第6章掌握FlashCS3強大的動畫制作功能課堂學習目標幀與時間軸幀動畫形狀補間動畫動作補間動畫色彩變化動畫層、引導層與運動引導層的動畫遮罩層與遮罩的動畫制作分散到圖層時間軸特效與場景動畫6.1幀與時間軸幀的概念幀的顯示形式時間軸面板繪圖紙（洋蔥皮）功能在時間軸面板中設置幀

醫學證明，人類具有視覺暫留的特點，即人眼看到物體或畫面后，在1/24秒內不會消失。利用這一原理，在一幅畫沒有消失之前播放下一幅畫，就會給人造成流暢的視覺變化效果。所以，動畫就是通過連續播放一系列靜止畫面，給視覺造成連續變化的效果。在FlashCS3中，這一系列單幅的畫面就叫幀，它是FlashCS3動畫中最小時間單位里出現的畫面。每秒鐘顯示的幀數叫幀率，如果幀率太慢就會給人造成視覺上不流暢的感覺。所以，按照人的視覺原理，一般將動畫的幀率設為24幀/秒。6.1.1

幀的概念

6.1.2

幀的顯示形式

空白關鍵幀在時間軸中，白色背景帶有黑圈的幀為空白關鍵幀。關鍵幀在時間軸中，灰色背景帶有黑點的幀為關鍵幀。動作補間幀在時間軸中，帶有黑色圓點的第1幀和最后1幀為關鍵幀，中間藍色背景帶有黑色箭頭的幀為補間幀。形狀補間幀在時間軸中，帶有黑色圓點的第1幀和最后1幀為關鍵幀，中間綠色背景帶有黑色箭頭的幀為補間幀。包含動作語句的幀在時間軸中，第1幀上出現一個字母“a”，表示這1幀中包含了使用“動作”面板設置的動作語句。幀標簽在時間軸中，第1幀上出現一只紅旗，表示這一幀的標簽類型是名稱；第1幀上出現兩條綠色斜杠，表示這一幀的標簽類型是注釋；第1幀上出現一個金色的錨，表示這一幀的標簽類型是錨記。“時間軸”面板由圖層面板和時間軸組成。“時間軸”面板6.1.3

時間軸面板

一般情況下，FlashCS3的舞臺只能顯示當前幀中的對象。如果希望在舞臺上出現多幀對象以幫助當前幀對象的定位和編輯，FlashCS3提供的繪圖紙（洋蔥皮）功能可以將其實現。在時間軸面板下方的按鈕功能如下。6.1.4

繪圖紙（洋蔥皮）功能

“幀居中”按鈕：單擊此按鈕，播放頭所在幀會顯示在時間軸的中間位置。“繪圖紙外觀”按鈕：單擊此按鈕，時間軸標尺上出現繪圖紙的標記顯示，在標記范圍內的幀上的對象將同時顯示在舞臺中。“繪圖紙外觀輪廓”按鈕：單擊此按鈕，時間軸標尺上出現繪圖紙的標記顯示，在標記范圍內的幀上的對象將以輪廓線的形式同時顯示在舞臺中。“編輯多個幀”按鈕：單擊此按鈕，繪圖紙標記范圍內的幀上的對象將同時顯示在舞臺中，可以同時編輯所有的對象。

“修改繪圖紙標記”按鈕：單擊此按鈕，彈出其下拉菜單。

6.1.5

在時間軸面板中設置幀

插入幀選擇“插入>時間軸>幀”命令，或按F5鍵，可以在時間軸上插入一個普通幀。選擇“插入>時間軸>關鍵幀”命令，或按F6鍵，可以在時間軸上插入一個關鍵幀。選擇“插入>時間軸>空白關鍵幀”命令，可以在時間軸上插入一個空白關鍵幀。選擇幀選擇“編輯>時間軸>選擇所有幀”命令，選中時間軸中的所有幀。單擊要選的幀，幀變為深色。用鼠標選中要選擇的幀，再向前或向后進行拖曳，其間鼠標經過的幀全部被選中。按住Ctrl鍵的同時，用鼠標單擊要選擇的幀，可以選擇多個不連續的幀。按住Shift鍵的同時，用鼠標單擊要選擇的兩個幀，這兩個幀中間的所有幀都被選中。移動幀選中一個或多個幀，按住鼠標，移動所選幀到目標位置。在移動過程中，如果按住Alt鍵，會在目標位置上復制出所選的幀。刪除幀用鼠標右鍵單擊要刪除的幀，在彈出的菜單中選擇“清除幀”命令。選中要刪除的普通幀，按Shift+F5組合鍵，刪除幀。選中要刪除的關鍵幀，按Shift+F6組合鍵，刪除關鍵幀。

6.2幀動畫幀動畫逐幀動畫課堂案例——制作逐幀動畫第1幀6.2.1

幀動畫

第5幀第9幀第12幀時間軸面板中設置關鍵幀的狀態

第1幀6.2.2

逐幀動畫第2幀第3幀第4幀時間軸面板中設置關鍵幀的狀態

第5幀使用添加關鍵幀命令和創建補間動畫命令制作動畫。使用變形面板改變圖形大小。效果圖

6.2.3

課堂案例——制作逐幀動畫6.3形狀補間動畫

簡單形狀補間動畫

應用變形提示課堂案例——制作下載條

如果舞臺上的對象是組件實例、多個圖形的組合、文字、導入的素材對象，必須先分離或取消組合，將其打散成圖形，才能制作形狀補間動畫。利用這種動畫，也可以實現上述對象的大小、位置、旋轉、顏色及透明度等變化。6.3.1

簡單形狀補間動畫形狀補間動畫變化過程

使用變形提示，可以讓原圖形上的某一點變換到目標圖形的某一點上。應

用變形提示可以制作出各種復雜的變形效果。

系統自動生成的圖形變化過程

6.3.2

應用變形提示在提示點的作用下生成的圖形變化過程

使用矩形工具繪制下載條圖形，使用任意變形工具改變下載條的長度，使用創建形狀補間命令制作動畫效果。效果圖

6.3.3

課堂案例——制作下載條6.4動作補間動畫動作補間動畫課堂案例——制作旋轉的地球第1幀中圖形效果

6.4.1

動作補間動畫在時間軸面板中設置動作補間動畫

最后1幀中圖形效果

每幀中的圖形變化效果

使用逆時針旋轉90度命令旋轉地球的角度。使用文本工具添加文字效果。使用任意變形工具旋轉文字的角度效果圖

6.4.2

課堂案例——制作旋轉地球6.5色彩變化動畫色彩變化動畫測試動畫“影片瀏覽器”面板的功能課堂案例——制作變色標志在不同的關鍵幀中，玫瑰花的顏色變化效果6.5.1

色彩變化動畫時間軸面板中的設置

在制作完成動畫后，要對其進行測試。可以通過多種方法來測試動畫。6.5.2

測試動畫應用控制器面板選擇“窗口>工具欄>控制器”命令，彈出“控制器”面板。應用播放命令選擇“控制>播放”命令，或按Enter鍵，可以對當前舞臺中的動畫進行瀏覽。在“時間軸”面板中，可以看見播放頭在運動，隨著播放頭的運動，舞臺中顯示出播放頭所經過的幀上的內容。

應用測試影片命令選擇“控制>測試影片”命令，或按Ctrl+Enter組合鍵，可以進入動畫測試窗口，對動畫作品的多個場景進行連續的測試。應用測試場景命令

選擇“控制>測試場景”命令，或按Ctrl+Alt+Enter組合鍵，可以進入動畫測試窗口，測試當前舞臺窗口中顯示的場景或元件中的動畫。“影片瀏覽器”面板，可以將FlashCS3文件組成樹型關系圖。方便用戶進行動畫分析、管理或修改。在其中可以查看每一個元件，熟悉幀與幀之間的關系，查看動作腳本等，也可快速查找需要的對象。選擇“窗口>影片瀏覽器”命令，彈出“影片瀏覽器”面板。“影片瀏覽器”面板6.5.3

“影片瀏覽器”面板的功能

使用改變幀數命令制作標志圖形的變色效果。使用對齊面板將所有的標志圖形進行對齊。使用變形面板調整圖形的大小效果圖

6.5.4

課堂案例——制作變色標志

6.6層、引導層與運動引導層的動畫層的設置圖層文件夾普通引導層運動引導層課堂案例——制作下雪效果6.6.1

層的設置

層的彈出式菜單創建圖層選取圖層排列圖層復制、粘貼圖層刪除圖層隱藏、鎖定圖層和圖層的線框顯示模式重命名圖層6.6.2

圖層文件夾

創建圖層文件夾選擇“插入>時間軸>圖層文件夾”命令，在“時間軸”面板中創建圖層文件夾。還可單擊“時間軸”面板下方的“插入圖層文件夾”按鈕，在“時間軸”面板中創建圖層文件夾。

刪除圖層文件夾在“時間軸”面板中選中要刪除的圖層文件夾，單擊面板下方的“刪除圖層”按鈕，即可刪除圖層文件夾。還可在“時間軸”面板中選中要刪除的圖層文件夾，按住鼠標不放，將其向下拖曳，這時會出現虛線，將虛線拖曳到“刪除圖層”按鈕上進行刪除。

在“時間軸”面板中可以創建圖層文件夾來組織和管理圖層，這樣“時間

軸”面板中圖層的層次結構將非常清晰。

6.6.3

普通引導層

創建普通引導層

鼠標右鍵單擊“時間軸”面板中的某個圖層，在彈出的菜單中選擇“引導層”命令，該圖層轉換為普通引導層。將普通引導層轉換為普通圖層如果要播放影片時顯示引導層上的對象，還可將引導層轉換為普通圖層。鼠標右鍵單擊“時間軸”面板中的引導層，在彈出的菜單中選擇“引導層”命令，引導層轉換為普通圖層。將普通引導層轉換為普通圖層

普通引導層主要用于為其他圖層提供輔助繪圖和繪圖定位，引導層中的圖

形在播放影片時是不會顯示的。

6.6.4

運動引導層

創建運動引導層

選中要添加運動引導層的圖層，單擊“時間軸”面板下方的“添加運動引導層”按鈕，為圖層添加運動引導層。

將運動引導層轉換為普通圖層將運動引導層轉換為普通圖層的方法與普通引導層轉換的方法一樣。應用運動引導層制作動畫

運動引導層的作用是設置對象運動路徑的導向，使與之相鏈接的被引導層中的對象沿著路徑運動，運動引導層上的路徑在播放動畫時不顯示。在引導層上還可創建多個運動軌跡，以引導被引導層上的多個對象沿不同的路徑運動。要創建按照任意軌跡運動的動畫就需要添加運動引導層，但創建運動引導層動畫時要求是動作補間動畫，形狀補間動畫不可用。使用橢圓工具和柔化填充邊緣命令制作雪花圖形。使用添加運動引導層命令制作下雪效果。效果圖

6.6.5

課堂案例——制作下雪效果6.7遮罩層與遮罩的動畫制作

遮罩層靜態遮罩動畫動態遮罩動畫課堂案例——制作發光效果6.7.1

遮罩層

創建遮罩層要創建遮罩動畫首先要創建遮罩層。在“時間軸”面板中，鼠標右鍵單擊要轉換遮罩層的圖層，在彈出的菜單中選擇“遮罩層”命令。選中的圖層轉換為遮罩層，其下方的圖層自動轉換為被遮罩層，并且它們都自動被鎖定。將遮罩層轉換為普通圖層

在“時間軸”面板中，鼠標右鍵單擊要轉換的遮罩層，在彈出的菜單中選擇“遮罩層”命令，遮罩層轉換為普通圖層。

在時間軸面板中設置靜態遮罩

6.7.2

靜態遮罩動畫“圖層1”中的七彩花圖形“圖層2”中的火炬圖形遮罩后的圖形效果動畫顯示的效果

在時間軸面板中設置動態遮罩

“圖層1”中的五角星圖形“圖層2”中的圓形6.7.3

動態遮罩動畫使用刷子工具繪制線條圖形效果，使用遮罩層命令制作遮罩效果。效果圖

6.7.4

課堂案例——制作發光效果6.7分散到圖層分散到圖層課堂案例——制手繪制帆船動畫

新建空白文檔，選擇“文本”工具，在“圖層1”的舞臺窗口中輸入文字，選中文字，按Ctrl+B組合鍵，將文字打散。選擇“修改>時間軸>分散到圖層”命令，將“圖層1”中的文字分散到不同的圖層中并按文字設定圖層名。分散到圖層的過程6.8.1

分散到圖層使用分散到圖層命令將圖形各部分分散到多個圖層中。使用遮罩層命令將船圖形遮罩。使用水平翻轉命令制作海浪效果效果圖

6.8.2

課堂案例——制作手繪帆船動畫6.9時間軸特效與場景動畫時間軸特效的類型創建時間軸特效

場景動畫課堂案例——制作轉動的文字6.9.1

時間軸特效的類型

“變形/轉換”命令

“變形/轉換”命令中包含兩個特效類型：“變形”和“轉換”。“幫助”命令

“幫助”命令中包含兩個特效類型：“分散式直接復制”和“復制到網格”。

“效果”命令“效果”命令中包含4個特效類型：“分離”、“展開”、“投影”和“模糊”。

選擇“插入>時間軸特效”命令，下面包含3個子菜單命令，分別為“變形/轉換”、“幫助”和“效果”。

選中圖形，選擇“插入>時間軸特效>幫助>分散式直接復制”命令，彈出“分散式直接復制”對話框，設置完成后單擊“更新預覽”按鈕，查看設置的效果，最后，單擊“確定”按鈕，完成分散式重置