本章簡介：

在FlashCS3動畫的制作過程中，時間軸和幀起到了關鍵性的作用。本章將介紹動畫中幀和時間軸的使用方法及應用技巧。讀者通過學習要了解并掌握如何靈活地應用幀和時間軸，并根據(jù)設計需要制作出豐富多彩的動畫效果。

第7章基本動畫的制作課堂學習目標幀與時間軸幀動畫形狀補間動畫動作補間動畫色彩變化動畫使用刷子工具繪制光標圖形，使用文本工具添加文字，使用翻轉幀命令將幀進行翻轉。效果圖

7.1.1

課堂案例——制作打字效果

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

7.1.3

幀的顯示形式

空白關鍵幀

在時間軸中，白色背景帶有黑圈的幀為空白關鍵幀。

關鍵幀在時間軸中，灰色背景帶有黑點的幀為關鍵幀。

動作補間幀在時間軸中，帶有黑色圓點的第1幀和最后1幀為關鍵幀，中間藍色背景帶有黑色箭頭的幀為補間幀。形狀補間幀在時間軸中，帶有黑色圓點的第1幀和最后1幀為關鍵幀，中間綠色背景帶有黑色箭頭的幀為補間幀。包含動作語句的幀在時間軸中，第1幀上出現(xiàn)一個字母“a”，表示這1幀中包含了使用“動作”面板設置的動作語句。幀標簽在時間軸中，第1幀上出現(xiàn)一只紅旗，表示這一幀的標簽類型是名稱；第1幀上出現(xiàn)兩條綠色斜杠，表示這一幀的標簽類型是注釋；第1幀上出現(xiàn)一個金色的錨，表示這一幀的標簽類型是錨記。一般情況下，F(xiàn)lashCS3的舞臺只能顯示當前幀中的對象。如果希望在舞臺上出現(xiàn)多幀對象以幫助當前幀對象的定位和編輯，F(xiàn)lashCS3提供的繪圖紙（洋蔥皮）功能可以將其實現(xiàn)。在時間軸面板下方的按鈕功能如下。7.1.5繪圖紙（洋蔥皮）功能

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

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

7.1.6

在時間軸面板中設置幀

插入幀選擇“插入>時間軸>幀”命令，或按F5鍵，可以在時間軸上插入一個普通幀。選擇“插入>時間軸>關鍵幀”命令，或按F6鍵，可以在時間軸上插入一個關鍵幀。選擇“插入>時間軸>空白關鍵幀”命令，可以在時間軸上插入一個空白關鍵幀。

選擇幀選擇“編輯>時間軸>選擇所有幀”命令，選中時間軸中的所有幀。單擊要選的幀，幀變?yōu)樯钌?。用鼠標選中要選擇的幀，再向前或向后進行拖曳，其間鼠標經(jīng)過的幀全部被選中。按住Ctrl鍵的同時，用鼠標單擊要選擇的幀，可以選擇多個不連續(xù)的幀。按住Shift鍵的同時，用鼠標單擊要選擇的兩個幀，這兩個幀中間的所有幀都被選中。移動幀選中一個或多個幀，按住鼠標，移動所選幀到目標位置。在移動過程中，如果按住Alt鍵，會在目標位置上復制出所選的幀。

刪除幀用鼠標右鍵單擊要刪除的幀，在彈出的菜單中選擇“清除幀”命令。選中要刪除的普通幀，按Shift+F5組合鍵，刪除幀。選中要刪除的關鍵幀，按Shift+F6組合鍵，刪除關鍵幀。

7.2幀動畫課堂案例——制作逐幀動畫幀動畫逐幀動畫第1幀7.2.2

幀動畫

第5幀第9幀第12幀時間軸面板中設置關鍵幀的狀態(tài)

第1幀7.2.3逐幀動畫第2幀第3幀第4幀時間軸面板中設置關鍵幀的狀態(tài)

第5幀7.3形狀補間動畫

課堂案例——制作流淌的奶油簡單形狀補間動畫

應用變形提示如果舞臺上的對象是組件實例、多個圖形的組合、文字、導入的素材對象，必須先分離或取消組合，將其打散成圖形，才能制作形狀補間動畫。利用這種動畫，也可以實現(xiàn)上述對象的大小、位置、旋轉、顏色及透明度等變化。7.3.2簡單形狀補間動畫形狀補間動畫變化過程使用變形提示，可以讓原圖形上的某一點變換到目標圖形的某一點上。應用變形提示可以制作出各種復雜的變形效果。

系統(tǒng)自動生成的圖形變化過程

7.3.3

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

7.4動作補間動畫課堂案例——制作情人節(jié)賀卡動作補間動畫第1幀中圖形效果

7.4.2

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

最后1幀中圖形效果

每幀中的圖形變化效果

7.5色彩變化動畫課堂案例——制作變色文字色彩變化動畫測試動畫“影片瀏覽器”面板的功能使用文本工具、對齊面板、任意變形工具來完成效果的制作。效果圖

7.5.1課堂案例——制作變色文字

在制作完成動畫后，要對其進行測試?？梢酝ㄟ^多種方法來測試動畫。7.5.3測試動畫應用控制器面板選擇“窗口>工具欄>控制器”命令，彈出“控制器”面板。應用播放命令選擇“控制>播放”命令，或按Enter鍵，可以對當前舞臺中的動畫進行瀏覽。在“時間軸”面板中，可以看見播放頭在運動，隨著播放頭的運動，舞臺中顯示出播放頭所經(jīng)過的幀上的內(nèi)容。

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

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