本章簡介：

在AnimateCC2019畫的制作過程中，時間軸和幀起到了關(guān)鍵性的作用。本章主要講解了動畫中幀和時間軸的使用方法及應(yīng)用技巧、基礎(chǔ)動畫的制作方法。通過學(xué)習(xí)這些內(nèi)容，讀者可以了解并掌握如何靈活地應(yīng)用幀和時間軸，并根據(jù)設(shè)計需要制作出豐富多彩的動畫效果。第7章制作基本動畫課堂學(xué)習(xí)目標(biāo)了解動畫與幀的基本概念掌握幀的演示形式掌握時間軸的使用掌握形狀補間動畫的制作方法掌握傳統(tǒng)補間動畫的制作方法掌握測試動畫的方法素養(yǎng)目標(biāo)提高動畫審美水平7.1動畫與幀的基本概念 在Animate中，這一系列單幅的畫面就叫幀，它是Animate動畫中最小時間單位里出現(xiàn)的畫面。每秒鐘顯示的幀數(shù)叫幀率，如果幀率太慢就會使人在視覺上感到不流暢。所以，按照人的視覺原理，一般將動畫的幀率設(shè)為24幀/秒。在Animate中，動畫制作的過程就是決定動畫每一幀顯示什么內(nèi)容的過程。用戶可以像制作傳統(tǒng)動畫一樣自己繪制動畫的每一幀，即逐幀動畫。但逐幀動畫所需的工作量非常大，為此，Animate還提供了一種簡單的動畫制作方法，即采用關(guān)鍵幀處理技術(shù)的插值動畫。插值動畫又分為運動動畫和變形動畫兩種。7.2幀的顯示形式在Animate動畫制作過程中，幀包括多種顯示形式：1.空白關(guān)鍵幀2.關(guān)鍵幀3.傳統(tǒng)補間幀4.補間形狀幀5.包含動作語句的幀6.幀標(biāo)簽7.3時間軸的使用時間軸面板繪圖紙（洋蔥皮）功能在時間軸面板中設(shè)置幀7.3.1時間軸面板“時間軸”面板是實現(xiàn)動畫效果最基本的面板，由圖層面板和時間軸組成?！皶r間軸”面板7.3.2繪圖紙（洋蔥皮）功能一般情況下，在Animate舞臺上只能顯示當(dāng)前幀中的對象，如果希望在舞臺上出現(xiàn)多幀對象以幫助當(dāng)前幀對象的定位和編輯，可以通過Flash提供的繪圖紙（洋蔥皮）功能實現(xiàn)。1、“幀居中”按鈕：單擊此按鈕，播放頭所在幀會顯示在時間軸的中間位置。2、“繪圖紙外觀”按鈕：單擊此按鈕，時間軸標(biāo)尺上出現(xiàn)繪圖紙的標(biāo)記顯示，在標(biāo)記范圍內(nèi)的幀上的對象將同時顯示在舞臺中。可以用鼠標(biāo)拖動標(biāo)記點來增加顯示的幀數(shù)。3、“繪圖紙外觀輪廓”按鈕：單擊此按鈕，時間軸標(biāo)尺上出現(xiàn)繪圖紙的標(biāo)記顯示。在標(biāo)記范圍內(nèi)的幀上的對象將以輪廓線的形式同時顯示在舞臺中。4、“編輯多個幀”按鈕：單擊此按鈕，繪圖紙標(biāo)記范圍內(nèi)的幀上的對象將同時顯示在舞臺中，可以同時編輯所有的對象。5、“修改繪圖紙標(biāo)記”按鈕：單擊此按鈕，彈出其下拉菜單。7.3.3在時間軸面板中設(shè)置幀

在時間軸面板中，可以對幀進行一系列的操作。下面進行具體的講解。

1．插入幀

2．選擇幀

3．移動幀

4．刪除幀7.4逐幀動畫新建空白文檔，選擇“文本”工具，在第1幀的舞臺中輸入“開”字。按F6鍵，在第2幀上插入關(guān)鍵幀。在第2幀的舞臺中輸入“心”字，用相同的方法在第3幀上插入關(guān)鍵幀，在舞臺中輸入“一”字，在第4幀上插入關(guān)鍵幀，在舞臺中輸入“刻”字。第3幀第4幀

第1幀時間軸面板中設(shè)置關(guān)鍵幀的狀態(tài)第2幀

7.5形狀補間動畫創(chuàng)建形狀補間動畫課堂案例—制作文化動態(tài)海報形狀補間動畫是使圖形形狀發(fā)生變化的動畫。形狀補間動畫所處理的對象必須是舞臺上的圖形，如果舞臺上的對象是組件實例、多個圖形的組合、文字、導(dǎo)入的素材對象，必須先分離或取消組合，將其打散成圖形，才能制作形狀補間動畫。利用這種動畫，也可以實現(xiàn)上述對象的大小、位置、旋轉(zhuǎn)、顏色及透明度等的變化。7.5.1創(chuàng)建形狀補間動畫形狀補間動畫變化過程

7.5.2課堂案例—制作文化動態(tài)海報使用“橢圓”工具、“矩形”工具和“創(chuàng)建補間形狀”命令，制作形狀演變效果；使用“分散到圖層”命令，將實例分散到獨立層；使用“時間軸”面板，控制每個圖層的出場順序。效果圖7.6傳統(tǒng)補間動畫創(chuàng)建補間動畫創(chuàng)建傳統(tǒng)補間7.6.1創(chuàng)建補間動畫

補間動畫是一種使用元件的動畫，可以對元件進行位移、大小、旋轉(zhuǎn)、透明和顏色等動畫設(shè)置。補間動畫的制作7.6.1創(chuàng)建傳統(tǒng)補間動畫將“庫”面板中的圖形元件拖曳到舞臺的左側(cè)。傳統(tǒng)補間動畫7.6.2課堂案例—制作小汽車動畫使用“導(dǎo)入到庫”命令，導(dǎo)入素材制作圖形元件；使用“創(chuàng)建傳統(tǒng)補間”命令，創(chuàng)建傳統(tǒng)補間動畫；使用“屬性”面板，改變實例的旋轉(zhuǎn)方向。效果圖7.7測試動畫測試動畫有以下幾種方法：（1）應(yīng)用播放菜單命令（2）應(yīng)用測試影片菜單命令（3）應(yīng)用測試場景菜單命令課堂練習(xí)—制作飾品類公眾號封面首圖使用“導(dǎo)入”命令，導(dǎo)入素材制作圖形元件；使用“創(chuàng)建傳統(tǒng)補間”命令，創(chuàng)建傳統(tǒng)補間動畫；使用“屬性”面板，改變實例圖形的不透明度和色調(diào)。效果圖使用“新建元件”命