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

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

在Animate2020動畫制作過程中，幀有多種顯示形式1．空白關(guān)鍵幀2．關(guān)鍵幀3．傳統(tǒng)補(bǔ)間幀4．形狀補(bǔ)間幀5．包含動作語句的幀6．幀標(biāo)簽5.1.3幀的顯示形式

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

“時間軸”面板

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

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

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

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

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

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

逐幀動畫5.2動畫的創(chuàng)建課堂案例—制作文化動態(tài)海報簡單形狀補(bǔ)間動畫應(yīng)用變形提示課堂案例—制作小汽車動畫創(chuàng)建補(bǔ)間動畫創(chuàng)建傳統(tǒng)補(bǔ)間使用“導(dǎo)入到庫”命令導(dǎo)入素材文件，使用“創(chuàng)建補(bǔ)間形狀”命令制作形狀改變動畫。

效果圖5.2.1課堂案例—制作文化動態(tài)海報

5.2.2簡單形狀補(bǔ)間動畫

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

5.2.3使用變形提示

使用變形提示可以讓原圖形上的某一點(diǎn)變換到目標(biāo)圖形的某一點(diǎn)上，還可以制作出各種復(fù)雜的變形效果。

使用“導(dǎo)入到庫”命令導(dǎo)入素材，制作圖形元件；使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令創(chuàng)建傳統(tǒng)補(bǔ)間動畫；使用“屬性”面板改變實例的旋轉(zhuǎn)方向。效果圖5.2.4課堂案例—制作小汽車動畫

5.2.5創(chuàng)建補(bǔ)間動畫

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

創(chuàng)建補(bǔ)間動畫5.2.6創(chuàng)建傳統(tǒng)補(bǔ)間

在“時間軸”面板中創(chuàng)建新圖層并將其命名為“飛機(jī)”。將“庫”面板中的圖形元件“02”拖曳到舞臺中并放置在適當(dāng)?shù)奈恢谩?/p>

創(chuàng)建傳統(tǒng)補(bǔ)間5.3使用動畫預(yù)設(shè)課堂案例—制作小風(fēng)扇主圖動畫預(yù)覽動畫預(yù)設(shè)應(yīng)用動畫預(yù)設(shè)將補(bǔ)間另存為自定義動畫預(yù)設(shè)導(dǎo)入和導(dǎo)出動畫預(yù)設(shè)刪除動畫預(yù)設(shè)使用“創(chuàng)建新元件”對話框制作圖形元件，使用“從左邊飛入”選項、“從頂部飛入”選項、“從右邊飛入”選項、“從底部飛入”選項制作文字動畫，使用“脈搏”選項制作價位動畫。效果圖5.3.1課堂案例—制作小風(fēng)扇主圖動畫

對于Animate2020的每個動畫預(yù)設(shè)，都可在“動畫預(yù)設(shè)”面板中查看其預(yù)覽效果。通過預(yù)覽，用戶可以了解將動畫應(yīng)用于FLA文件中的對象時所獲得的效果。對于用戶創(chuàng)建或?qū)氲淖远x預(yù)設(shè)，可以添加自己的預(yù)覽。選擇“窗口>動畫預(yù)設(shè)”命令，彈出“動畫預(yù)設(shè)”面板。單擊“默認(rèn)預(yù)設(shè)”文件夾前面的圖標(biāo)，展開默認(rèn)預(yù)設(shè)選項，選擇其中一個預(yù)設(shè)選項即可預(yù)覽默認(rèn)動畫預(yù)設(shè)。在“動畫預(yù)設(shè)”面板外單擊即可停止播放預(yù)覽。5.3.2預(yù)覽動畫預(yù)設(shè)

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

如果用戶想將自己創(chuàng)建的補(bǔ)間，或?qū)摹皠赢嬵A(yù)設(shè)”面板應(yīng)用的補(bǔ)間進(jìn)行更改，可將它另存為新的動畫預(yù)設(shè)。新預(yù)設(shè)將顯示在“動畫預(yù)設(shè)”面板的“自定義預(yù)設(shè)”文件夾中。5.3.4將補(bǔ)間另存為自定義動畫預(yù)設(shè)

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

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