本章簡介：

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

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

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

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

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

層在AnimateCC2019中有著舉足輕重的作用，只有掌握了層的概念并熟練應(yīng)用不同性質(zhì)的層，才有可能真正成為Animate的高手。本章主要講解了層的應(yīng)用技巧及如何使用不同性質(zhì)的層來制作高級動畫。通過學(xué)習(xí)這些內(nèi)容，讀者可以了解并掌握層的強(qiáng)大功能，并能充分利用好層來為動畫作品增光添彩。第8章層與高級動畫課堂學(xué)習(xí)目標(biāo)掌握層的基本操作掌握引導(dǎo)層與運(yùn)動引導(dǎo)層動畫的制作方法掌握遮罩層的使用方法和應(yīng)用技巧運(yùn)用分散到圖層功能編輯對象

素養(yǎng)目標(biāo)培養(yǎng)不懼困難、勇于挑戰(zhàn)的學(xué)習(xí)精神培養(yǎng)精益求精的工作態(tài)度8.1層層的基本操作圖層文件夾8.1.1層的基本操作1．層的彈出式菜單2．創(chuàng)建圖層3．選取圖層4．排列圖層5．復(fù)制、粘貼圖層6．刪除圖層7．隱藏、鎖定圖層和圖層的線框顯示模式8．重命名圖層8.1.2圖層文件夾1.創(chuàng)建圖層文件夾2.刪除圖層文件夾8.2引導(dǎo)層的動畫制作普通引導(dǎo)層運(yùn)動引導(dǎo)層 課堂案例—制作飄落的葉子動畫1.創(chuàng)建普通引導(dǎo)層用鼠標(biāo)右鍵單擊“時間軸”面板中的某個圖層，在彈出的快捷菜單中選擇“遮罩層”命令。選中的圖層轉(zhuǎn)換為遮罩層。

2.將引導(dǎo)層轉(zhuǎn)換為普通圖層用鼠標(biāo)右鍵單擊“時間軸”面板中的引導(dǎo)層，在彈出的菜單中選擇“遮罩層”命令。8.2.1普通引導(dǎo)層8.2.2運(yùn)動引導(dǎo)層1.創(chuàng)建運(yùn)動引導(dǎo)層選中要添加運(yùn)動引導(dǎo)層的圖層，單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“添加傳統(tǒng)運(yùn)動引導(dǎo)層”命令，為圖層添加運(yùn)動引導(dǎo)層。

2.將運(yùn)動引導(dǎo)層轉(zhuǎn)換為普通圖層將運(yùn)動引導(dǎo)層轉(zhuǎn)換為普通圖層的方法與普通引導(dǎo)層轉(zhuǎn)換的方法一樣，這里不再贅述。8.2.3課堂案例—制作飄落的葉子動畫使用“添加傳統(tǒng)運(yùn)動引導(dǎo)層”命令，添加引導(dǎo)層；使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，制作傳統(tǒng)補(bǔ)間動畫；使用“鉛筆”工具，繪制運(yùn)動路線。效果圖8.3遮罩層1．創(chuàng)建遮罩層在“時間軸”面板中，用鼠標(biāo)右鍵單擊要轉(zhuǎn)換遮罩層的圖層，在彈出的菜單中選擇“遮罩層”命令。選中的圖層轉(zhuǎn)換為遮罩層，其下方的圖層自動轉(zhuǎn)換為被遮罩層，并且它們都自動被鎖定。

2．將遮罩層轉(zhuǎn)換為普通圖層在“時間軸”面板中，用鼠標(biāo)右鍵單擊要轉(zhuǎn)換的遮罩層，在彈出的菜單中選擇“遮罩層”命令，遮罩層轉(zhuǎn)換為普通圖層。8.4分散到圖層應(yīng)用分散到圖層命令，可以將同一圖層上的多個對象分配到不同的圖層中并為圖層命名。如果對象是元件或位圖，那么新圖層的名字將按其原有的名字命名。新建空白文檔，選擇“文本”工具，在“圖層1”的舞臺窗口中輸入英文“Animate”。選擇“選擇”工具，選中文字，按Ctrl+B組合鍵，將英文打散。選擇“修改>時間軸>分散到圖層”命令，或按Ctrl+Shift+D組合鍵，將“圖層1”中的英文分散到不同的圖層中并按文字設(shè)定圖層名。分散到圖層的過程課堂練習(xí)—制作秋分節(jié)氣宣傳海報(bào)使用“導(dǎo)入到庫”命令，導(dǎo)入素材制作圖形元件；使用“鋼筆”工具，繪制動畫運(yùn)動路徑；使用“添加傳統(tǒng)運(yùn)動引導(dǎo)層”命令，制作引導(dǎo)動畫。效果圖課后習(xí)題—制作電飯煲主圖動畫使用“橢圓”工具，繪制橢圓；使用“創(chuàng)建補(bǔ)間形狀”命令和“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，制作動畫效果；使用“遮罩層”命令，制作遮罩動畫效果。效果圖本章簡介：

在AnimateCC2019可以導(dǎo)入外部的聲音素材作為動畫的背景音樂或音效。本章主要講解了聲音素材的多種格式，以及導(dǎo)入聲音和編輯聲音的方法。通過學(xué)習(xí)這些內(nèi)容，讀者可以了解并掌握如何導(dǎo)入聲音、編輯聲音，從而使制作的動畫音效更加生動。第9章聲音的導(dǎo)入和編輯課堂學(xué)習(xí)目標(biāo)掌握導(dǎo)入聲音素材的方法掌握編輯聲音素材的方法素養(yǎng)目標(biāo)培養(yǎng)素材收集能力培養(yǎng)版權(quán)保護(hù)意識9.1音頻的基本知識及聲音素材的格式音頻的基本知識聲音素材的格式9.1.1音頻的基本知識1、取樣率取樣率是指在進(jìn)行數(shù)字錄音時，單位時間內(nèi)對模擬的音頻信號進(jìn)行提取樣本的次數(shù)。取樣率越高，聲音越好。Flash經(jīng)常使用44kHz、22kHz或11kHz的取樣率對聲音進(jìn)行取樣。例如：使用22kHz取樣率取樣的聲音，每秒鐘要對聲音進(jìn)行22000次分析，并記錄每兩次分析之間的差值。2、位分辨率位分辨率是指描述每個音頻取樣點(diǎn)的比特位數(shù)。例如：8位的聲音取樣表示2的8次方或256級?？梢詫⑤^高位分辨率的聲音轉(zhuǎn)換為較低位分辨率的聲音。3、壓縮率壓縮率是指文件壓縮前后大小的比率，用于描述數(shù)字聲音的壓縮效率。9.1.2聲音素材的格式AnimateCC2019提供了許多使用聲音的方式。它可以使聲音獨(dú)立于時間軸連續(xù)播放，或使動畫和一個音軌同步播放；可以向按鈕添加聲音，使按鈕具有更強(qiáng)的互動性；還可以通過聲音淡入淡出產(chǎn)生更優(yōu)美的聲音效果。下面介紹可導(dǎo)入Flash中的常見的聲音文件格式。

1.WAV格式

2.MP3格式

3.AIFF格式

4.AU格式9.2導(dǎo)入并編輯聲音素材添加聲音屬性面板課堂案例—添加圖片按鈕音效1.為動畫添加聲音9.2.1添加聲音添加聲音文件后的“庫”面板添加聲音文件后“時間軸”面板9.2.1添加聲音2.為按鈕添加音效添加聲音文件后的“庫”面板添加聲音文件后“時間軸”面板9.2.2屬性面板

在“時間軸”面板中選中聲音文件所在圖層的第1幀，按Ctrl+F3組合鍵，彈出幀“屬性”面板。幀“屬性”面板9.2.3課堂案例—添加圖片按鈕音效使用“導(dǎo)入到庫”命令，導(dǎo)入聲音文件為多個按鈕添加聲音；使用“對齊”面板將按鈕進(jìn)行對齊。效果圖使用“導(dǎo)入”命令，導(dǎo)入素材制作圖形元件；使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，制作文字和汽車動畫；使用“屬性”面板，調(diào)整實(shí)例的不透明度；使用“導(dǎo)入”命令，添加聲音。課堂練習(xí)—制作汽車廣告效果圖使用“導(dǎo)入”命令，導(dǎo)入素材制作元件；使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，制作補(bǔ)間動畫效果；使用“導(dǎo)入”命令，添加聲音文件。課后習(xí)題—制作中秋節(jié)慶海報(bào)效果圖

本章簡介：

在AnimateCC2019中，要實(shí)現(xiàn)一些復(fù)雜多變的動畫效果就要使用動作腳本，可以通過輸入不同的動作腳本來實(shí)現(xiàn)高難度的動畫制作。本章主要講解了動作腳本的基本術(shù)語和使用方法。通過學(xué)習(xí)這些內(nèi)容，讀者可以了解并掌握如何應(yīng)用不同的動作腳本來實(shí)現(xiàn)千變?nèi)f化的動畫效果。第10章動作腳本應(yīng)用基礎(chǔ)課堂學(xué)習(xí)目標(biāo)了解數(shù)據(jù)類型掌握語法規(guī)則掌握變量和函數(shù)掌握表達(dá)式和運(yùn)算符素養(yǎng)目標(biāo)培養(yǎng)基礎(chǔ)的編程能力培養(yǎng)嚴(yán)謹(jǐn)?shù)墓ぷ髯黠L(fēng)10.1動作腳本的使用數(shù)據(jù)類型語法規(guī)則變量函數(shù)表達(dá)式和運(yùn)算符課堂案例—制作鬧鐘詳情頁主圖數(shù)據(jù)類型描述了動作腳本的變量或元素可以包含的信息種類。動作腳本有2種數(shù)據(jù)類型：原始數(shù)據(jù)類型和引用數(shù)據(jù)類型。原始數(shù)據(jù)類型是指String（字符串）、Number（數(shù)字）和Boolean（布爾值），它們是擁有固定類型的值，因此可以包含它們所代表元素的實(shí)際值。引用數(shù)據(jù)類型是指影片剪輯和對象，它們值的類型是不固定的，因此它們包含對該元素實(shí)際值的引用。1．String（字符串）2．Number（數(shù)字型）3．Boolean（布爾型）4．MovieClip（影片剪輯型）5．Object（對象型）6．Null（空值）7．Undefined（未定義）10.1.1數(shù)據(jù)類型10.1.2語法規(guī)則1.點(diǎn)運(yùn)算符2.界定符3.區(qū)分大小寫4.注釋動作腳本擁有自己的一套語法規(guī)則和標(biāo)點(diǎn)符號。

變量是包含信息的容器。容器本身不會改變，但其內(nèi)容可以更改。第一次定義變量時，最好為變量定義一個已知值，這就是初始化變量，通常在SWF文件的第1幀中完成。每一個影片剪輯對象都有自己的變量，而且不同的影片剪輯對象中的變量相互獨(dú)立且互不影響。變量中可以存儲的常見信息類型包括URL、用戶名、數(shù)字運(yùn)算的結(jié)果、事件發(fā)生的次數(shù)等。10.1.3變量

函數(shù)是用來對常量、變量等進(jìn)行某種運(yùn)算的方法，如產(chǎn)生隨機(jī)數(shù)、進(jìn)行數(shù)值運(yùn)算、獲取對象屬性等。函數(shù)是一個動作腳本代碼塊，它可以在影片中的任何位置上重新使用。如果將值作為參數(shù)傳遞給函數(shù)，則函數(shù)將對這些值進(jìn)行操作。函數(shù)也可以返回值。調(diào)用函數(shù)可以用一行代碼來代替一個可執(zhí)行的代碼塊。函數(shù)可以執(zhí)行多個動作，并為它們傳遞可選項(xiàng)。函數(shù)必須要有唯一的名稱，以便在代碼行中可以知道訪問的是哪一個函數(shù)。

Animate具有內(nèi)置的函數(shù)，可以訪問特定的信息或執(zhí)行特定的任務(wù)。例如，獲得Flash播放器的版本號等。屬于對象的函數(shù)叫方法，不屬于對象的函數(shù)叫頂級函數(shù)，可以在“動作”面板的“函數(shù)”類別中找到。10.1.4函數(shù)10.1.5表達(dá)式和運(yùn)算符

表達(dá)式是由常量、變量、函數(shù)和運(yùn)算符按照運(yùn)算法則組成的計(jì)算式。運(yùn)算符是可以提供對數(shù)值、字符串、邏輯值進(jìn)行運(yùn)算的關(guān)系符號。運(yùn)算符有很多種類：數(shù)值運(yùn)算符、字符串運(yùn)算符、比較運(yùn)算符、邏輯運(yùn)算符、位運(yùn)算符和賦值運(yùn)算符等。

1.算術(shù)運(yùn)算符及表達(dá)式算術(shù)表達(dá)式是數(shù)值進(jìn)行運(yùn)算的表達(dá)式。它由數(shù)值、以數(shù)值為結(jié)果的函數(shù)、算術(shù)運(yùn)算符組成，運(yùn)算結(jié)果是數(shù)值或邏輯值。2.字符串表達(dá)式字符串表達(dá)式是對字符串進(jìn)行運(yùn)算的表達(dá)式。它由字符串、以字符串為結(jié)果的函數(shù)、字符串運(yùn)算符組成，運(yùn)算結(jié)果是字符串或邏輯值。

3.邏輯表達(dá)式邏輯表達(dá)式是對正確、錯誤結(jié)果進(jìn)行判斷的表達(dá)式。它由邏輯值、以邏輯值為結(jié)果的函數(shù)、以邏輯值為結(jié)果的算術(shù)或字符串表達(dá)式和邏輯運(yùn)算符組成，運(yùn)算結(jié)果是邏輯值。10.1.5表達(dá)式和運(yùn)算符

4.位運(yùn)算符位運(yùn)算符用于處理浮點(diǎn)數(shù)。運(yùn)算時先將操作數(shù)轉(zhuǎn)化為32位的二進(jìn)制數(shù)，然后對每個操作數(shù)分別按位進(jìn)行運(yùn)算，運(yùn)算后再將二進(jìn)制的結(jié)果按照Flash的數(shù)值類型返回運(yùn)算結(jié)果。5.賦值運(yùn)算符

賦值運(yùn)算符的作用是為變量、數(shù)組元素或?qū)ο蟮膶傩再x值。10.1.5表達(dá)式和運(yùn)算符使用“任意變形”工具和“動作”面板，來完成動畫效果的制作。10.1.6課堂案例—制作鬧鐘詳情頁主圖效果圖課堂練習(xí)—制作漫天飛雪使用“橢圓”工具和“顏色”面板，繪制雪花圖形；使用“動作”面板，添加腳本語言。

效果圖課后習(xí)題—制作箱包類App主頁Banner使用“橢圓”工具和“顏色”面板，繪制鼠標(biāo)跟隨圖形；使用“動作”面板，添加腳本語言。

效果圖本章簡介：

在AnimateCC2019中，系統(tǒng)預(yù)先設(shè)定了組件和動畫預(yù)設(shè)命令功能來協(xié)助用戶制作動畫，以提高制作效率。本章主要講解了組件、動畫預(yù)設(shè)的使用方法。通過這些內(nèi)容的學(xué)習(xí)，可以了解并掌握如何應(yīng)用系統(tǒng)自帶的功能，事半功倍地完成動畫制作。第11章組件和動畫預(yù)設(shè)課堂學(xué)習(xí)目標(biāo)了解Animate組件掌握動畫預(yù)設(shè)的應(yīng)用及導(dǎo)入、導(dǎo)出和刪除的方法素養(yǎng)目標(biāo)培養(yǎng)提高效率的工作習(xí)慣11.1組件組件是一些復(fù)雜的帶有可定義參數(shù)的影片剪輯符號。一個組件就是一段影片剪輯，其中所帶的參數(shù)由用戶在創(chuàng)作Animate影片時進(jìn)行設(shè)置，其中所帶的動作腳本API供用戶在運(yùn)行時自定義組件。組件旨在讓開發(fā)人員重用和共享代碼，封裝復(fù)雜功能，讓用戶在沒有“動作腳本”時也能使用和自定義這些功能。11.1組件關(guān)于Animate組件設(shè)置組件11.1.1關(guān)于Animate組件組件可以是單選按鈕、對話框、下拉列表、預(yù)加載欄甚至是根本沒有圖形的某個項(xiàng)，如定時器、服務(wù)器連接實(shí)用程序或自定義XML分析器等。對于編寫ActionScript不熟悉的用戶，可以直接向文檔添加組件。添加的組件可以在“屬性”面板中設(shè)置其參數(shù)，然后可以使用“代碼片段”面板處理其事件。用戶無需編寫任何ActionScript代碼，就可以將“轉(zhuǎn)到Web頁”行為附加到一個Button組件，用戶單擊此按鈕時會在Web瀏覽器中打開一個URL。創(chuàng)建功能更加強(qiáng)大的應(yīng)用程序，可通過動態(tài)方式創(chuàng)建組件，使用ActionScript在運(yùn)行時設(shè)置屬性和調(diào)用方法，還可使用事件偵聽器模型來處理事件。11.1.2設(shè)置組件選擇“窗口>組件”命令，或按Ctrl+F7組合鍵，彈出“組件”面板。“組件”面板11.2使用動畫預(yù)設(shè)預(yù)覽動畫預(yù)設(shè)應(yīng)用動畫預(yù)設(shè)將補(bǔ)間另存為自定義動畫預(yù)設(shè)導(dǎo)入和導(dǎo)出動畫預(yù)設(shè)刪除動畫預(yù)設(shè)課堂案例—制作家用電器類公眾號封面首圖11.2.1預(yù)覽動畫預(yù)設(shè)Animate隨附的每個動畫預(yù)設(shè)都包括預(yù)覽，可在“動畫預(yù)設(shè)”面板中查看其預(yù)覽。通過預(yù)覽，用戶可以了解在將動畫應(yīng)用于FLA文件中的對象時所獲得的結(jié)果。對于用戶創(chuàng)建或?qū)氲淖远x預(yù)設(shè)，用戶可以添加自己的預(yù)覽。

選擇“窗口>動畫預(yù)設(shè)”命令，彈出“動畫預(yù)設(shè)”面板。

“動畫預(yù)設(shè)”面板11.2.2應(yīng)用動畫預(yù)設(shè)

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

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

在AnimateCC

2019中動畫預(yù)設(shè)除了默認(rèn)預(yù)設(shè)和自定義預(yù)設(shè)外，還可以通過導(dǎo)入和導(dǎo)出的方式添加動畫預(yù)設(shè)。1．導(dǎo)出動畫預(yù)設(shè)2．導(dǎo)入動畫預(yù)設(shè)11.2.5刪除動畫預(yù)設(shè)

可從“動畫預(yù)設(shè)”面板中刪除預(yù)設(shè)。在刪除預(yù)設(shè)時，Animate將從磁盤中刪除其XML文件。11.2.6課堂案例—制作家用電器類公眾號封面首圖使用“從右邊飛入”預(yù)設(shè)，制作電飯煲動畫效果；使用“從左邊飛入”預(yù)設(shè)和“從底部飛入”預(yù)設(shè)，制作文字動畫效果。效果圖課堂練習(xí)—制作休閑鞋App主頁Banner使用“導(dǎo)入”命令，導(dǎo)入素材制作圖形元件；使用“從頂部飛入”和“脈搏”預(yù)設(shè)，制作動畫效果；使用“基本矩形”工具、“屬性”面板和“文本”工具，制作動態(tài)按鈕。效果圖課后習(xí)題—制作疾風(fēng)汽車廣告使用“導(dǎo)入到庫”命令，導(dǎo)入素材制作圖形元件；使用“從左邊飛入”命令、“從右邊飛入”命令和“脈搏”命令制作汽車廣告。效果圖本章簡介：

數(shù)字媒體時代的到來，動態(tài)標(biāo)志設(shè)計(jì)有了前所未有的發(fā)展。動態(tài)標(biāo)志將原本靜態(tài)的標(biāo)志通過動畫的形式進(jìn)行展現(xiàn)，其豐富變化的動態(tài)圖形可以為用戶帶來更深刻的印象，并更好的進(jìn)行品牌傳播。本章對動態(tài)標(biāo)志進(jìn)行簡單的介紹，并從實(shí)戰(zhàn)的角度對動態(tài)標(biāo)志的案例分析、案例設(shè)計(jì)以及案例制作進(jìn)行系統(tǒng)講解與演練。通過對本章的學(xué)習(xí)，讀者可以對動態(tài)標(biāo)志設(shè)計(jì)有一個基本的認(rèn)識，并快速掌握設(shè)計(jì)制作常用動態(tài)標(biāo)志的方法。第12章標(biāo)志設(shè)計(jì)課堂學(xué)習(xí)目標(biāo)了解動態(tài)標(biāo)志的概念了解動態(tài)標(biāo)志的功能熟悉動態(tài)標(biāo)志動畫的設(shè)計(jì)思路掌握動態(tài)標(biāo)志動畫的制作方法和技巧素質(zhì)目標(biāo)提高學(xué)以致用的能力培養(yǎng)商業(yè)設(shè)計(jì)思維12.1標(biāo)志設(shè)計(jì)概述動態(tài)標(biāo)志（Dynamicsymbol）指在靜態(tài)標(biāo)志的基礎(chǔ)之上，對標(biāo)志進(jìn)行有目的的動態(tài)變化。優(yōu)秀的動態(tài)標(biāo)志可以將圖形文字與動態(tài)表現(xiàn)很好的融合，進(jìn)而展現(xiàn)品牌內(nèi)涵，令消費(fèi)者對企業(yè)文化進(jìn)行認(rèn)可。。

動態(tài)標(biāo)志的設(shè)計(jì)圖12.2制作影視動態(tài)標(biāo)志本例將使用“新建元件”命令、“矩形”工具和“顏色”面板，制作高光元件；使用“轉(zhuǎn)換為元件”命令，將圖形轉(zhuǎn)換為元件；使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令和“創(chuàng)建補(bǔ)間形狀”命令，制作標(biāo)志動畫；使用“文本”工具，輸入標(biāo)志名稱；使用“遮罩層”命令，制作文字走光效果。效果圖本例將使用“打開”命令，打開素材文件；使用“任意變形”工具和“創(chuàng)建元件”命令，制作葉子動畫效果；使用“屬性”面板，調(diào)整實(shí)例的透明度；使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，制作標(biāo)志動畫效果。12.3制作一品茶緣動態(tài)標(biāo)志效果圖課堂練習(xí)—制作慧心雙語幼兒園動態(tài)標(biāo)志使用“打開”命令，打開素材；使用“轉(zhuǎn)換為元件”命令，將圖形轉(zhuǎn)為圖形元件；使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，制作補(bǔ)間動畫；使用“屬性”面板，調(diào)整實(shí)例的透明度。效果圖課后習(xí)題—制作貓頭鷹音樂動態(tài)標(biāo)志使用“打開”命令，打開素材文件；使用“轉(zhuǎn)換為元件”命令，將圖形轉(zhuǎn)換為元件；使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，制作補(bǔ)間動畫。效果圖本章簡介：

伴隨微信、微博等社交媒體的發(fā)展，其動圖設(shè)計(jì)也有了更豐富的表現(xiàn)，當(dāng)中最為典型的是微信公眾號。在微信公眾號中，動畫表現(xiàn)力強(qiáng)的動圖為用戶帶來更好的視覺體驗(yàn)，達(dá)到了品牌的傳播與維護(hù)的目的。本章對社交媒體動圖進(jìn)行簡單的介紹，并從實(shí)戰(zhàn)的角度對社交媒體動圖設(shè)計(jì)的案例進(jìn)行分析、設(shè)計(jì)以及制作的系統(tǒng)講解與演練。通過對本章的學(xué)習(xí)，讀者可以對社交媒體動圖設(shè)計(jì)有一個基本的認(rèn)識，并快速掌握設(shè)計(jì)制作社交媒體常用動圖的方法。第13章社交媒體動圖設(shè)計(jì)課堂學(xué)習(xí)目標(biāo)了解社交媒體動圖的功能了解社交媒體動圖的類別熟悉社交媒體動圖的設(shè)計(jì)思路掌握社交媒體動圖的制作方法和技巧素養(yǎng)目標(biāo)培養(yǎng)對新事物的探究精神13.1社交媒體動圖設(shè)計(jì)概述

社交媒體動圖即在微信、微博等社交媒體中針對相關(guān)配圖進(jìn)行動態(tài)設(shè)計(jì)。社交媒體圖片的動態(tài)設(shè)計(jì)通常運(yùn)用在引導(dǎo)關(guān)注、文章配圖以及二維碼等需要吸引用戶的配圖上。

社交媒體動圖13.2美食類公眾號橫版海報(bào)本例將使用“文本”工具，輸入文字；使用“新建元件”命令，制作圖形元件和影片剪輯元件；使用“屬性”面板，為影片剪輯元件添加投影效果；使用“鋼筆”工具，繪制裝飾圖形；使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，制作動畫效果；使用“屬性”面板，調(diào)整元件的透明度。效果圖本例將使用“文本”工具，輸入文字；使用“任意變形”工具，改變圖形的大??；使用“轉(zhuǎn)換為元件”命令，制作圖形元件；使用“動作”面板，設(shè)置腳本語言。13.3制作社交媒體類公眾號文章配圖效果圖課堂練習(xí)—制作社交媒體類微信公眾號關(guān)注頁使用“導(dǎo)入到舞臺”命令，導(dǎo)入素材；使用“文本”工具，輸入文字；使用“分離”命令，將文字打散；使用“墨水瓶”工具，為文本添加描邊；使用“顏料桶”工具，為文字填充顏色；使用“時間軸”面板，制作逐幀動畫。效果圖課后習(xí)題—制作社交媒體類微信公眾號日簽使用“導(dǎo)入到舞臺”命令，導(dǎo)入素材；使用“橢圓”工具、“柔化填充邊緣”命令和“創(chuàng)建補(bǔ)間形狀”命令，制作月亮發(fā)光效果。效果圖本章簡介：

動態(tài)海報(bào)的產(chǎn)生得益于新媒體發(fā)展。動態(tài)海報(bào)突破傳統(tǒng)海報(bào)的平面呈現(xiàn)形式，運(yùn)用動態(tài)圖形為用戶提供更為豐富的視覺體驗(yàn)，保證用戶可以在更短的時間內(nèi)接收海報(bào)中的信息。本章對動態(tài)海報(bào)進(jìn)行簡單的介紹，并從實(shí)戰(zhàn)的角度對動態(tài)海報(bào)設(shè)計(jì)的案例進(jìn)行分析，對制作過程進(jìn)行系統(tǒng)講解。通過對本章的學(xué)習(xí)，學(xué)生可以形成對動態(tài)海報(bào)設(shè)計(jì)的基本認(rèn)知，并快速掌握設(shè)計(jì)制作動態(tài)海報(bào)的常用方法。第14章動態(tài)海報(bào)設(shè)計(jì)課堂學(xué)習(xí)目標(biāo)了解動態(tài)海報(bào)的功能了解動態(tài)海報(bào)的特點(diǎn)掌握動態(tài)海報(bào)的設(shè)計(jì)思路掌握動態(tài)海報(bào)的制作方法掌握動態(tài)海報(bào)的應(yīng)用技巧素養(yǎng)目標(biāo)培養(yǎng)商業(yè)設(shè)計(jì)思維培養(yǎng)舉一反三的能力14.1動態(tài)海報(bào)設(shè)計(jì)概述動態(tài)海報(bào)指在靜態(tài)海報(bào)的基礎(chǔ)之上，對海報(bào)進(jìn)行有目的的動態(tài)變化。優(yōu)秀的動態(tài)海報(bào)可以將海報(bào)信息與動態(tài)表現(xiàn)很好的融合，令信息可以在短時間內(nèi)讓用戶接收，并為用戶帶來全新的視覺體驗(yàn)。左側(cè)為華為宣傳動態(tài)海報(bào)，中間為支付寶宣傳動態(tài)海報(bào)，右側(cè)為南安板鴨宣傳動態(tài)海報(bào)。

動態(tài)海報(bào)的設(shè)計(jì)圖

14.2制作節(jié)日類動態(tài)海報(bào)本例將使用“導(dǎo)入到庫”命令，導(dǎo)入素材文件；使用“轉(zhuǎn)換為元件”命令，將圖像轉(zhuǎn)換為圖形元件；使用“變形”面板、“屬性”面板和“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，制作敲鼓動畫。效果圖本例將使用“導(dǎo)入到庫”命令，導(dǎo)入素材并制作圖形元件；使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，制作動畫效果；使用“時間軸”面板，控制動畫的出場時間。14.3制作油潑面動態(tài)海報(bào)效果圖課堂練習(xí)—制作端午節(jié)動態(tài)海報(bào)使用“導(dǎo)入到庫”命令，導(dǎo)入素材；使用“創(chuàng)建元件”命令，制作圖形元件；使用“變形”面板和“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，制作文字動畫；使用“從右邊飛入”預(yù)設(shè)，制作粽子動畫效果；使用“屬性”面板，制作文字閃白效果。效果圖課后習(xí)題—制作浪漫七夕動態(tài)海報(bào)使用“導(dǎo)入到庫”命令和“新建元件”命令，導(dǎo)入素材并制作圖形元件；使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，制作補(bǔ)間動畫效果；使用“時間軸”面板，控制動畫的出場時間。效果圖第15章電商廣告設(shè)計(jì)本章簡介：在淘寶、京東以及亞馬遜等電子商務(wù)網(wǎng)站的發(fā)展助力下，電商廣告得到了空前的發(fā)展。電商廣告是引導(dǎo)用戶購買產(chǎn)品的重要因素之一，因此電商廣告的設(shè)計(jì)直接影響著網(wǎng)店的營銷。本章對電商廣告進(jìn)行簡單的介紹，并從實(shí)戰(zhàn)的角度對電商廣告的案例分析、案例設(shè)計(jì)以及案例制作進(jìn)行系統(tǒng)講解與演練。通過對本章的學(xué)習(xí)，讀者可以對電商廣告設(shè)計(jì)有一個基本的認(rèn)識，并快速掌握設(shè)計(jì)制作常用電商廣告的方法。課堂學(xué)習(xí)目標(biāo)了解電商廣告的概念了解電商廣告的傳播方式了解電商廣告的表現(xiàn)形式掌握電商廣告動畫的設(shè)計(jì)思路掌握電商廣告動畫的制作方法和技巧素養(yǎng)目標(biāo)培養(yǎng)商業(yè)設(shè)計(jì)思維提高廣告審美水平15.1電商廣告設(shè)計(jì)概述電商廣告指是指通過電子商務(wù)網(wǎng)站和App等互聯(lián)網(wǎng)媒介，以圖像、音頻、視頻等形式，推銷商品或者服務(wù)的商業(yè)廣告。電商廣告需要將色彩、文字以及商品等元素進(jìn)行良好的設(shè)計(jì)，用來提升用戶點(diǎn)擊購買的欲望。不同商品的電商廣告。

電商廣告的設(shè)計(jì)圖

15.2制作女包廣告本例將使用“導(dǎo)入到庫”命令，導(dǎo)入素材并制作圖形元件；使用“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，制作補(bǔ)間動畫效果；使用“屬性”面板，設(shè)置實(shí)例的不透明度及動畫的旋轉(zhuǎn)角度；使用“變形”面板，改變實(shí)例的大小及角度；使用“文本”工具，輸入標(biāo)題性文字。效果圖本例將使