本章簡介：在使用Animate2020制作動畫的過程中，時間軸和幀起到了關鍵性的作用。本章將介紹動畫中幀和時間軸的使用方法及技巧。讀者通過學習能了解并掌握如何靈活地使用幀和時間軸，并根據設計需要制作出豐富多彩的動畫效果。第5章基本動畫學習目標了解動畫和幀的基本概念掌握逐幀動畫的制作方法掌握形狀補間動畫的制作方法掌握傳統補間動畫的制作方法掌握動畫預設的使用方法5.1幀動畫課堂案例—制作打字效果動畫中幀的概念幀的顯示形式“時間軸”面板繪圖紙（洋蔥皮）功能在“時間軸”面板中設置幀幀動畫逐幀動畫使用“線條工具”繪制光標圖形，使用“文本工具”添加文字，使用“翻轉幀”命令將幀進行翻轉。效果圖5.1.1課堂案例—制作打字效果

在Animate2020中，這一系列靜止的畫面就叫幀，它是Animate2020動畫中最小時間單位里出現的畫面。每秒顯示的幀數叫幀率，如果幀率太慢就會給人帶來視覺上不流暢的感覺。所以，根據人的視覺暫留原理，一般將動畫的幀率設為24幀/秒。在Animate2020中，動畫制作的過程就是決定動畫每一幀顯示什么內容的過程。用戶可以像制作傳統動畫一樣自己繪制動畫的每一幀，即逐幀動畫。但制作逐幀動畫的工作量非常大，因此，Animate2020提供了一種簡單的動畫制作方法，即采用關鍵幀處理技術的插值動畫。插值動畫又分為運動動畫和變形動畫兩種。5.1.2動畫中幀的概念

在Animate2020動畫制作過程中，幀有多種顯示形式1．空白關鍵幀2．關鍵幀3．傳統補間幀4．形狀補間幀5．包含動作語句的幀6．幀標簽5.1.3幀的顯示形式

“時間軸”面板由圖層控制區和時間線控制區組成。5.1.4“時間軸”面板

“時間軸”面板

一般情況下，Animate2020的舞臺只能顯示當前幀中的對象。如果希望在舞臺上出現多幀對象以幫助當前幀對象的定位和編輯，可以使用Animate2020提供的繪圖紙（洋蔥皮）功能。“時間軸”面板頂部的按鈕功能如下：“幀居中”按鈕、“循環”按鈕、“繪圖紙外觀”（選定范圍）按鈕、“所有幀”命令、“錨定標記”命令、高級設置”命令。5.1.5繪圖紙（洋蔥皮）功能

1．插入幀選擇“插入>時間軸>幀”命令，或按F5鍵，可以在時間軸上插入一個普通幀。選擇“插入>時間軸>關鍵幀”命令，或按F6鍵，可以在時間軸上插入一個關鍵幀。選擇“插入>時間軸>空白關鍵幀”命令，可以在時間軸上插入一個空白關鍵幀。5.1.6在“時間軸”面板中設置幀

2．選擇幀選擇“編輯>時間軸>選擇所有幀”命令，可以選中時間軸中的所有幀。3．移動幀選中一個或多個幀，按住鼠標左鍵，移動所選幀到目標位置。在移動過程中，如果按住Alt鍵，會在目標位置上復制出所選的幀。4．刪除幀用鼠標右鍵單擊要刪除的幀，在彈出的快捷菜單中選擇“清除幀”命令。5.1.6在“時間軸”面板中設置幀

選擇“文件>打開”命令，將文件打開，選中“魚”圖層的第5幀，按F6鍵插入關鍵幀。選擇“選擇工具”，在舞臺中將魚圖形向左上方拖曳到適當的位置。選中“魚”圖層的第10幀，按F6鍵插入關鍵幀，將魚圖形向左上方拖曳到適當的位置。選中“魚”圖層的第15幀，按F6鍵插入關鍵幀，將魚圖形向左下方拖曳到適當的位置。按Enter鍵播放，觀看效果。5.1.7幀動畫

幀動畫新建空白文檔，選擇“文本工具”，在第1幀的舞臺中輸入文字“美”。在“時間軸”面板中選中第2幀。按F6鍵插入關鍵幀。在第2幀的舞臺中輸入“好”。在第3幀上插入關鍵幀，在舞臺中輸入“時”。在第4幀上插入關鍵幀，在舞臺中輸入“光”。按Enter鍵播放，觀看效果。5.1.8逐幀動畫

逐幀動畫選擇“文件>導入>導入到舞臺”命令，彈出“導入”對話框，在對話框中選擇云盤中的“基礎素材>Ch05>逐幀動畫>01”文件，單擊“打開”按鈕，彈出提示對話框，詢問是否將圖像序列中的所有圖像導入。5.1.8逐幀動畫

逐幀動畫5.2動畫的創建課堂案例—制作文化動態海報簡單形狀補間動畫應用變形提示課堂案例—制作小汽車動畫創建補間動畫創建傳統補間使用“導入到庫”命令導入素材文件，使用“創建補間形狀”命令制作形狀改變動畫。

效果圖5.2.1課堂案例—制作文化動態海報

5.2.2簡單形狀補間動畫

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

5.2.3使用變形提示

使用變形提示可以讓原圖形上的某一點變換到目標圖形的某一點上，還可以制作出各種復雜的變形效果。

使用“導入到庫”命令導入素材，制作圖形元件；使用“創建傳統補間”命令創建傳統補間動畫；使用“屬性”面板改變實例的旋轉方向。效果圖5.2.4課堂案例—制作小汽車動畫

5.2.5創建補間動畫

補間動畫是一種使用元件的動畫，可以對元件進行位移、大小、旋轉、透明度和顏色等動畫設置。分別選中“底圖”圖層和“飛機”圖層的第40幀，按F5鍵插入普通幀。用鼠標右鍵單擊“飛機”圖層的第1幀，在彈出的快捷菜單中選擇“創建補間動畫”命令，創建補間動畫。

創建補間動畫5.2.6創建傳統補間

在“時間軸”面板中創建新圖層并將其命名為“飛機”。將“庫”面板中的圖形元件“02”拖曳到舞臺中并放置在適當的位置。

創建傳統補間5.3使用動畫預設課堂案例—制作小風扇主圖動畫預覽動畫預設應用動畫預設將補間另存為自定義動畫預設導入和導出動畫預設刪除動畫預設使用“創建新元件”對話框制作圖形元件，使用“從左邊飛入”選項、“從頂部飛入”選項、“從右邊飛入”選項、“從底部飛入”選項制作文字動畫，使用“脈搏”選項制作價位動畫。效果圖5.3.1課堂案例—制作小風扇主圖動畫

對于Animate2020的每個動畫預設，都可在“動畫預設”面板中查看其預覽效果。通過預覽，用戶可以了解將動畫應用于FLA文件中的對象時所獲得的效果。對于用戶創建或導入的自定義預設，可以添加自己的預覽。選擇“窗口>動畫預設”命令，彈出“動畫預設”面板。單擊“默認預設”文件夾前面的圖標，展開默認預設選項，選擇其中一個預設選項即可預覽默認動畫預設。在“動畫預設”面板外單擊即可停止播放預覽。5.3.2預覽動畫預設

動畫預設面板在舞臺上選中可補間的對象（元件實例或文本）后，可單擊“應用”按鈕來應用預設。每個對象只能應用一個預設。如果將第二個預設應用于相同的對象，則第二個預設將替換第一個預設。5.3.3應用動畫預設

如果用戶想將自己創建的補間，或對從“動畫預設”面板應用的補間進行更改，可將它另存為新的動畫預設。新預設將顯示在“動畫預設”面板的“自定義預設”文件夾中。5.3.4將補間另存為自定義動畫預設

在Animate2020中，除了使用默認預設和自定義預設外，還可以進行導出和導入預設的操作。1．導出動畫預設在Animate2020中，可以將制作好的動畫預設導出為XML文件，以便與其他Animate用戶共享。2．導入動畫預設動畫預設存儲為XML文件，導入XML文件可將其添加到“動畫預設”面板。5.3.5導入和導出動畫預設

可在“動畫預設”面板中刪除預設。在刪除預設時，Animate將從磁盤中刪除其XML文件。如果以后有再次使用這些的預設的可能，建議先導出這些預設的副本。在“動畫預設”面板中選擇需要刪除的預設，單擊面板底部的“刪除項目”按鈕，彈出“刪除預設”對話框，單擊“刪除”按鈕即可將選中的預設刪除。5.3.6刪除動畫預設