第3章

廣告動畫制作案例學AIGC+Animate動畫設計（微課版）目錄3.1行業(yè)知識：廣告動畫基礎3.2實戰(zhàn)案例：制作露營地宣傳廣告動畫3.3實戰(zhàn)案例：制作飲品交互廣告動畫3.4拓展訓練3.5AI輔助設計3.1.1廣告動畫的類型1．根據核心內容和目的劃分●

產品廣告動畫。產品廣告動畫主要圍繞某一特定產品，通過動畫的形式生動、直觀地展示產品的外觀、特點、功能、使用場景等。圖

電動牙刷的產品廣告動畫●

品牌廣告動畫。品牌廣告動畫旨在樹立企業(yè)的品牌形象，其內容通常包含品牌名稱、品牌標志、品牌宣傳口號、品牌文化、品牌理念等。圖

商Spotify流媒體音樂平臺的品牌廣告動畫3.1.1廣告動畫的類型1．根據核心內容和目的劃分●

活動廣告動畫。活動廣告動畫旨在詳盡傳達各類活動的具體信息，為觀眾提供全面的活動概覽，幫助觀眾深度了解活動并激發(fā)觀眾參與活動的興趣?！?/p>

公益廣告動畫。公益廣告動畫以傳播公益理念、倡導社會正能量為核心內容，覆蓋環(huán)境保護、動物保護、社會救助、健康教育等多個領域，通過動畫的形式呼吁公眾關注并積極參與公益行動。圖

中國移動的活動廣告動畫圖

《夢娃送吉祥，夢娃送美德》公益廣告動畫3.1.1廣告動畫的類型2．根據傳播渠道劃分●

影視廣告動畫。影視廣告動畫主要通過電視劇、電影等傳統(tǒng)影視媒介進行傳播，常見的有電影播放前的插播廣告動畫、電視臺播放的廣告動畫、電視劇中的視頻貼片廣告動畫等?！?/p>

網絡廣告動畫。網絡廣告動畫依托互聯網技術進行傳播，覆蓋從社交媒體、視頻分享平臺其他各類網站和應用程序的廣泛領域。圖

電視臺播放的廣告動畫圖

圖標廣告動畫、彈出式廣告動畫3.1.2廣告動畫的設計要點掌握廣告動畫的設計要點可以確保動畫作品能夠準確傳達廣告信息，吸引目標觀眾，并實現預期的市場效果。廣告動畫的設計要點具體如下。具有針對性遵守法律法規(guī)保持一致性簡潔明了注重互動性考慮適配性融入情感應

用

新

技

術目錄3.1行業(yè)知識：廣告動畫基礎3.2實戰(zhàn)案例：制作露營地宣傳廣告動畫3.3實戰(zhàn)案例：制作飲品交互廣告動畫3.4拓展訓練3.5AI輔助設計在快節(jié)奏的現代生活中，人們常常日復一日地在繁忙的都市中穿梭，與自然的關系似乎日漸疏遠。為了重新搭建人與自然之間的橋梁，找回那份久違的寧靜與自由，露營活動逐漸興起，并成為熱門的休閑方式。林語露營地為了提升品牌知名度和擴大品牌影響力，準備制作廣告動畫并投放在當地電視臺。具體要求如下。（1）廣告動畫內容應能展示出露營地的美麗景色。（2）廣告動畫尺寸為1280像素×720像素，平臺類型為ActionScript3.0，幀速率為25。（3）廣告動畫時長為10秒左右，要添加醒目的宣傳語、品牌名稱和服務信息。案例背景（1）畫面設計。（2）文字設計。（3）動畫設計。（4）音頻設計。設計思路圖

露營地宣傳廣告動畫參考效果操作要點（1）使用“導入”命令的不同子命令導入文件到不同位置，使用任意變形工具調整畫面內容。（2）通過資源變形工具、傳統(tǒng)補間動畫的“屬性”面板制作動畫效果。（3）設置音頻同步方式和編輯音頻封套，處理音頻素材。場景素材選用AI文件，保證縮放操作不會影響畫面清晰度；宣傳語素材選用PNG文件，PNG格式支持透明背景，使宣傳語素材與場景素材的融合不突兀。不同格式的文件都可以使用“導入”命令導入，其具體操作如下。3.2.1導入AI和PNG文件（1）打開Animate，按【Ctrl＋N】組合鍵打開“新建文檔”對話框，在“預設欄”中選擇“高清”選項，在“詳細信息”欄中修改幀速率為“25”，單擊“創(chuàng)建“按鈕。（2）選擇【文件】/【導入】/【導入到舞臺】命令，打開“導入”對話框，選擇“場景素材.ai”文件，單擊按鈕后，在打開對話框的“將圖層轉換為”下拉列表中選擇“Animate”選項，選中“將對象置于原始位置”復選框，單擊”導入“按鈕。3.2.1導入AI和PNG文件（3）在保持導入素材被全部選中的狀態(tài)下，選擇“任意變形工具”，此時所有素材將被同一個調整框包圍，按住【Shift】鍵不放并拖曳調整框右上角的調整點等比例縮小素材，使素材右下角的部分占據舞臺，如下圖所示。（4）使用【文件】/【導入】/【導入到庫】命令，將“宣傳語.png”文件導入“庫”面板備用。如左圖所示。圖

等比例縮小素材效果圖

導入素材到“庫”面板導入素材后，場景素材位于同一個圖層，不便于制作動畫，此時可以將舞臺中的不同對象分散到不同圖層上，再將其轉換為圖形元件來制作動畫效果所需的關鍵幀。其具體操作如下。3.2.2編輯圖層和幀（1）使用“任意變形工具”選擇汽車對象，按【Ctrl＋Shift＋D】組合鍵將其分散到“圖層_2”圖層上，再單擊圖層名稱，修改名稱為“汽車”，以便識別。（2）按照與步驟（1）相同的方法依次將熱氣球、藍天分散到其他圖層，并調整圖層順序。如右圖所示。圖

調整圖層順序3.2.2編輯圖層和幀（3）使用“選擇工具”選擇“藍天”圖層第1幀，按【F8】鍵打開“轉換為元件”對話框，設置類型為“圖形”，單擊”確定“按鈕。圖

編輯幀后的“時間軸”面板（4）使用“選擇工具”選擇“熱氣球”圖層第1幀，并拖曳至第61幀處。如下圖所示。目前，舞臺展示的對象僅為場景素材的一角，為了豐富視覺效果，可制作場景素材縮放動畫，展示出場景素材的其他部分；制作汽車行駛和熱氣球飛行動畫作為輔助效果，減少場景素材縮放動畫帶來的單調感。其具體操作如下。3.2.3制作場景素材的動畫效果（1）按住【Ctrl】鍵不放，依次單擊“藍天”“圖層_1”圖層的第122幀，按【F6】鍵將所選幀轉換為關鍵幀。如上圖所示。圖

場景素材縮放動畫效果3.2.3制作場景素材的動畫效果（2）按照步驟（1）的方法，將“汽車”圖層第122幀轉換為關鍵幀，并調整該幀中汽車的大小和位置，接著調整第1幀中汽車的大小和位置，創(chuàng)建傳統(tǒng)補間動畫，使其呈現出汽車行駛到帳篷前的視覺效果。如右圖所示。圖

汽車行駛動畫效果圖

熱氣球飛行動畫效果（3）將鼠標指針移至“宣傳語”圖層右側，當出現

按鈕時單擊該按鈕，隱藏該圖層內容。如右圖所示。為增強廣告動畫中宣傳語的可識別性，可為其繪制裝飾框。此外，為了增強視覺效果，可為裝飾框制作出場動畫效果。其具體操作如下。3.2.4制作動態(tài)裝飾框（1）

在“汽

車”圖

層

上

方

新

建

圖

層

并

重

命

名

為“裝

飾

框”，然后選擇“鉛筆工具”，在“屬性”面板的“工具”選項卡中設置筆觸顏色為青色“#33FF99”、筆觸大小為“70”，在該圖層第111幀處插入空白關鍵幀，在舞臺中涂抹繪制裝飾框。圖

控制線（2）選擇“資源變形工具”，單擊裝飾框的任意一處，將顯示右圖所示的控制線，再不斷單擊控制線添加關節(jié)，如右圖所示。圖

添加關節(jié)3.2.4制作動態(tài)裝飾框（3）單擊關節(jié)點并向內拖曳，使裝飾框向內收縮，如下圖所示。接著在第171幀處插入關鍵幀，向外拖曳關節(jié)點，使裝飾框向外擴展，如下圖所示。圖

向內拖曳關節(jié)點（4）在“裝飾框”圖層的兩處關鍵幀之間創(chuàng)建傳統(tǒng)補間動畫。如右圖所示。圖

裝飾框出場動畫效果圖

向外拖曳關節(jié)點制作完宣傳語后，還需在廣告動畫中添加服務信息。為這些文字制作出場動畫，可以豐富該廣告動畫的視覺效果。其具體操作如下。3.2.5制作文字出場動畫（1）選擇“宣傳語”圖層，將第151幀移至第131幀，使用“任意變形工具”旋轉并移動該幀的對象，使其顯示在舞臺外。如下圖所示。圖

宣傳語出場動畫效果3.2.5制作文字出場動畫（2）選擇傳統(tǒng)補間動畫過渡幀中的任意一幀，打開“屬性”面板，在“幀”選項卡的“補間”欄中設置效果為“CubicEase－Out”，旋轉為“逆時針”，旋轉次數為“1”，使宣傳語素材能夠以先快后慢的速度旋轉一周，如下圖所示。圖

編輯宣傳語出場動畫效果（3）在“宣傳語”圖層上新建圖層并重命名為“服務信息”，在第171幀處插入空白關鍵幀，選擇“文本工具”，設置字體為“方正大黑_GBK”，顏色為白色“#FFFFFF”，大小為“35”，輸入“林語露營地”文字，旋轉方向后，將該文字轉換為圖形元件。3.2.5制作文字出場動畫（4）雙擊文字進入元件編輯窗口，分別在第20幀、40幀、60幀處插入關鍵幀，并依次修改內容為“可派車接送”“僅收管理費”“對寵物友好”，在第130幀處按【F5】鍵插入幀。返回主場景，效果如下圖所示。圖

編輯其他文字出場動畫效果由于背景音樂的時長大于動畫時長，為避免動畫播放結束時比較突兀，需編輯音頻封套來調整該素材時長，同時調整結束部分的音量，使其具有淡出效果。其具體操作如下。3.2.6設置音頻同步方式和編輯音頻封套（1）新建圖層并重命名為“背景音樂”，將播放頭移至第1幀，導入“背景音樂.mp3”文件到舞臺。如右圖所示。圖

設置音頻同步方式（2）單擊“編輯聲音封套”按鈕

，打開“編輯封套”對話框。單擊“幀”按鈕

將刻度單位更改為幀，單擊“縮小”按鈕

將配音波形完整顯示在波形窗口中，拖曳右側滑塊至時長線處，在“效果”下拉列表中選擇“淡出”選項，向右拖曳音量控制點縮短淡出時長，如上圖所示，單擊”確定“按鈕。圖

編輯音頻封套3.2.6設置音頻同步方式和編輯音頻封套圖

導入配音素材（3）新建圖層并重命名為“配音”，在第31幀處插入空白關鍵幀，導入“配音.mp3”文件到舞臺，如下圖所示，此時“同步”下拉列表將自動選擇“數據流”選項。按【Ctrl＋Enter】組合鍵測試音頻效果，滿意后按【Ctrl＋S】組合鍵保存文件。如下圖所示。目錄3.1行業(yè)知識：廣告動畫基礎3.2實戰(zhàn)案例：制作露營地宣傳廣告動畫3.3實戰(zhàn)案例：制作飲品交互廣告動畫3.4拓展訓練3.5AI輔助設計果綺是一個飲品品牌，近日隆重推出一款專為夏日打造的夢幻果香飲品——櫻桃味氣泡水。為了迅速提升該產品的知名度和銷量，品牌決定制作廣告動畫并發(fā)布到各大互聯網平臺中。同時品牌計劃在廣告動畫末尾添加交互設計，讓觀眾看完該廣告動畫后，單擊按鈕領取專屬優(yōu)惠券，享受購買櫻桃味氣泡水的特別優(yōu)惠。具體要求如下。（1）氣泡水的廣告動畫形象可在實拍圖的基礎上進行藝術性處理，保留標志性特點。（2）廣告動畫能傳達產品的賣點，如口感清甜、香濃誘人、清爽解渴。（3）廣告動畫尺寸為1280像素×720像素，平臺類型為ActionScript3.0，幀速率為24。（4）廣告動畫時長為11秒左右，視覺沖擊力強，具有交互設計。案例背景（1）產品形象設計。（2）畫面設計。（3）文字設計。（4）動畫設計。（5）音頻設計。設計思路圖

飲品交互廣告動畫參考效果（1）使用鋼筆工具和形狀工具組繪制產品形象。（2）使用“顏色”面板和漸變變形工具制作漸變色背景。（3）使用按鈕元件、“動作”面板和“代碼片斷”面板制作交互動畫。操作要點根據產品形象設計思路，先使用“鋼筆工具”繪制出瓶身的陰影、高光和主體部分，再使用形狀工具組繪制瓶蓋和標簽。其具體操作如下。3.3.1繪制產品形象（1）新建名稱為“飲品交互廣告動畫”、尺寸為“1280像素×720像素”、平臺類型為“ActionScript3.0”、幀速率為“24”的文件。（2）選擇“鋼筆工具”，在“屬性”面板的“工具”選項卡中設置筆觸顏色為黑色“#000000”，單擊舞臺創(chuàng)建第1個錨點，單擊并拖曳鼠標指針創(chuàng)建第2個錨點，此時兩個錨點間會出現曲線筆觸，按照這樣的操作繪制出右圖所示的筆觸，當鼠標指針回到第1個錨點處，并且鼠標指針為

形狀時，單擊該錨點閉合筆觸。如右圖所示。圖

繪制筆觸3.3.1繪制產品形象（3）選擇“顏料桶工具”，在“屬性”面板的“工具”選項卡中設置填充為紅色“#E52553”，單擊輪廓內部填充顏色，效果如右圖所示。（4）選擇填充，依次按【Ctrl+C】和【Ctrl+V】組合鍵將其與筆觸分離，保持選中填充的狀態(tài)，單擊“屬性”面板的“對象”選項卡中的“創(chuàng)建對象”按鈕

，使其轉換為獨立對象，方便后期組合。圖

填充筆觸（5）按照與步驟（2）（3）相同的方法繪制高光，并設置填充為白色“#FFFFFF”，然后刪除高光的所有筆觸，轉換填充為對象，效果如右圖所示。圖

繪制高光3.3.1繪制產品形象（6）選擇“矩形工具”，在“屬性”面板的“工具”選項卡中單擊“對象繪制模式”按鈕

，設置筆觸顏色為灰色“#CCCCCC”，填充為白色“#FFFFFF”，筆觸大小為“3”，矩形左上角和右上角半徑為“40”，在瓶身上方拖曳鼠標指針繪制瓶蓋。（7）按照步驟（6）的方法在瓶身中部先繪制一個略比瓶身寬的淺黃色“#F2E6D6”直角矩形，再繪制一個淺粉色“#F9B7C1”圓角矩形（半徑為“30”），如右圖所示。圖

繪制矩形（8）選擇“橢圓工具”，在淺粉色圓角矩形處繪制兩個紅色“#E52553”圓形；使用“鋼筆工具”繪制深綠色“#006666”曲線筆觸，選擇這些對象，并選擇【修改】/【合并對象】/【聯合】命令使其合并為一個對象，效果如右圖所示。圖

繪制櫻桃產品形象由純色圖形組成，為了強調畫面的反差感，可使用“顏色”面板和“漸變變形工具”為背景制作漸變色效果。其具體操作如下。3.3.2制作漸變色背景（1）新建圖層并將其移至產品形象圖層下方。選擇“矩形工具”，選擇【窗口】/【顏色】命令，打開“顏色”面板，在“填充”右側的下拉列表中選擇“徑向漸變”選項，單擊漸變條左側色標，設置顏色為淺藍色“#29DAFF”；單擊漸變條中間新增色標，設置顏色為白色“#FFFFFF”；單擊漸變條右側色標，設置顏色為藍色“#16CCFF”。（2）使用“矩形工具”繪制一個比舞臺略大的矩形，如下圖所示。3.3.2制作漸變色背景（3）選擇“漸變變形工具”，單擊舞臺中間部分，在出現的漸變編輯器中調整漸變范圍，向外拖曳

控制點，擴大漸變范圍；向內拖曳

控制點，縮小漸變范圍，如上圖所示。圖

繪制矩形圖

調整漸變范圍3.3.3添加與編輯產品介紹文字目前，產品形象和漸變色背景都已繪制和制作完畢，下面利用漸變色背景中間的白色光圈區(qū)域制作產品從中鉆出的動畫效果，然后使用文本工具和“屬性”面板添加與編輯產品介紹文字。其具體操作如下。（1）全選產品形象圖層的所有對象，按【F8】鍵轉換為圖形元件。延長所有圖層的幀至240幀處，在產品形象圖層上方新建圖層，再將其轉換為遮罩層，使用“橢圓工具”繪制任意顏色、能夠完整遮蓋圖形元件的遮罩。（2）在被遮罩層（即產品形象圖層）第25幀處插入關鍵幀，并調整圖形元件的大小、位置和角度；調整第1幀圖形元件的大小、位置和角度，接著在兩個關鍵幀之間創(chuàng)建傳統(tǒng)補間動畫，制作出斜向移動、逐漸變大的動態(tài)效果。3.3.3添加與編輯產品介紹文字（3）在遮罩層第25幀處按【F7】鍵將幀轉換為空白關鍵幀。如下圖所示。（4）新建圖層，在第50幀處按【F7】鍵將幀轉換為空白關鍵幀。選擇“文本工具”，設置字體為“方正漢真廣標簡體”，顏色為淡黃色“#FFFF99”，大小為“130”，輸入“櫻桃味氣泡水”產品名稱文字，將文字轉換為圖形元件。圖

搖擺著逐漸豎立的動態(tài)效果3.3.3添加與編輯產品介紹文字（5）單擊鼠標右鍵，在彈出的快捷菜單中選擇“創(chuàng)建補間動畫”命令，縮小第50幀元件，設置Alpha為“0”；在第65幀處插入關鍵幀，放大元件，設置Alpha為“100”；在第85和95幀處插入關鍵幀，縮小第95幀元件，設置Alpha為“0”，如下圖所示。圖

制作產品名稱文字出場動畫3.3.3添加與編輯產品介紹文字（6）按照步驟（4）（5）中的方法添加“口感清甜”產品賣點1文字，并制作補間動畫，其中第95幀為第1幀，需縮小元件，設置Alpha為“0”；在第110幀處放大元件，設置Alpha為“100”；在第130幀處略微放大元件；在第140幀處縮小元件，設置Alpha為“0”，如下圖所示。圖

制作產品賣點1文字出場動畫3.3.4制作產品賣點轉場動畫產品賣點2是“香濃誘人”，為了充分展現這一賣點，可制作打開瓶蓋后產品散發(fā)出濃郁香氣的場景。此外，還可以巧妙地利用香氣作為轉場元素，為該場景與產品賣點3場景的切換作鋪墊。其具體操作如下。（1）在被遮罩層的第130幀、140幀處插入關鍵幀，制作產品躺下動態(tài)效果。如右圖所示。（2）將繪制的瓶身和瓶蓋都分別轉換為圖形元件，在各自圖層的第150幀、156幀、159幀、165幀處插入關鍵幀，并調整元件的大小和位置，制作出不斷縮放的傳統(tǒng)補間動畫。如右圖所示。圖

繪制俯視的瓶身和瓶蓋圖

制作瓶身和瓶蓋的動態(tài)效果3.3.4制作產品賣點轉場動畫（3）在瓶蓋圖層下方新建圖層，將第166幀轉換為空白關鍵幀，導入“香氣.ai”文件到舞臺，將其轉換為元件。如下圖所示。（4）新建圖層，將第2幀轉換為空白關鍵幀，導入“框.png”文件到舞臺。圖

制作香氣噴發(fā)的動態(tài)效果3.3.4制作產品賣點轉場動畫（5）將框和兩個文字一同轉換為圖形元件，在第10幀和第15幀處插入關鍵幀，并調整元件的大小，制作產品賣點文字縮放效果，如下圖所示。（6）新建圖層，將第15幀轉換為空白關鍵幀。如右圖所示。圖

制作產品賣點文字縮放效果圖

制作強調香氣來源于櫻桃的動態(tài)效果3.3.5繪制室內場景和靜物產品賣點3為“清爽解渴”，可以設計在夏日室內開空調、喝飲品的愜意場景來表現該賣點，通過導入新素材、繪制新場景和靜物、添加產品形象的方式來構建畫面。具體操作如下。（1）單擊按鈕返回主場景，在漸變色背景圖層第212幀處插入關鍵幀，在“顏色”面板中修改填充為“純色”，顏色為米黃色“#FFFDE9”。圖

制作切換到室內場景的效果（2）在香氣元件圖層第212幀和第219幀處插入關鍵幀，調整第219幀元件的大小，設置Alpha為“0”，創(chuàng)建傳統(tǒng)補間動畫，制作切換到室內場景的效果。如上圖所示。3.3.5繪制室內場景和靜物（3）使用“矩形工具”在場景圖層第212幀繪制一個與舞臺等寬的褐色“#993300”矩形，充當桌子。如下圖所示。圖

布局室內畫面（4）顯示所有圖層，在香氣元件圖層第220幀處插入空白關鍵幀，將元件9從“庫”面板中拖曳到舞臺上，調整大小和位置；選擇“文本工具”，保持字體不變，設置顏色為蔚藍色“#40478A”，大小為“135”，輸入“清爽解渴”產品賣點3文字，如上圖所示。圖

添加櫻桃元件和文字3.3.5繪制室內場景和靜物（5）將文字轉換為圖形元件，使用“任意變形工具”調整該元件中心點至左側調整框上，然后在第233幀處插入關鍵幀，縮放第220幀元件并調整文字，制作文字逐漸展開的動態(tài)效果，如下圖所示。圖

制作文字逐漸展開的動態(tài)效果3.3.6制作按鈕元件交互動畫此時廣告動畫還需添加交互性設計，可先制作出按鈕元件，編輯按鈕元件狀態(tài)，設置實例名稱后添加代碼，以響應觀眾單擊按鈕元件的操作。然后添加優(yōu)惠劵動畫，通過代碼控制只有觀眾單擊按鈕元件才會跳轉到優(yōu)惠券畫面中，否則將會在室內場景停止播放。其具體操作如下。（1）新建圖層，在第233幀處將幀轉換為空白關鍵幀，使用“矩形工具”在產品賣點文字下方繪制蔚藍色“#40478A”矩形。選擇“文本工具”，設置字體為“方正黑體_GBK”，顏色為白色“#FFFFFF”，大小為“40”，在矩形處輸入“單擊領取優(yōu)惠券》”提示文字。3.3.6制作按鈕元件交互動畫（2）將矩形和提示文字一同轉換為按鈕元件，進入元件內部，分別在鼠標指針經過、按下、單擊狀態(tài)提示詞下插入關鍵幀，依次修改矩形顏色為“#40669D”“#FF0000”“#990000”。如下圖所示。（3）在場景圖層第233幀處插入關鍵幀，按【F9】鍵打開“動作”面板，輸入“stop();//暫停播放”代碼，選擇按鈕元件，單擊“動作”面板中的“代碼片斷”按鈕

，在打開的“代碼片斷”面板中依次展開“ActionScript”“時間軸導航”文件夾，雙擊“單擊以轉到幀并播放”選項。圖

編輯按鈕元件3.3.6制作按鈕元件交互動畫（4）此時將切換到“動作”面板，將“gotoAndPlay(5)”代碼中的“5”修改為“241”，如右圖所示。（5）調整粘貼的優(yōu)惠券對象的大小和位置，在場景圖層的第265幀處插入關鍵幀，在“動作”面板中輸入“stop();//暫停播放”代碼。圖

修改代碼（6）新建圖層，將播放頭移至第1幀，導入“背景音樂.mp3”文件，設置音頻同步方式并編輯音頻封套，音頻在按鈕元件出現便已播放完畢。如下圖所示。圖

制作單擊按鈕元件的交互效果碼目錄3.1行業(yè)知識：廣告動畫基礎3.2實戰(zhàn)案例：制作露營地宣傳廣告動畫3.3實戰(zhàn)案例：制作飲品交互廣告動畫3.4拓展訓練3.5AI輔助設計實訓要求（1）為某影業(yè)官網制作優(yōu)惠活動網頁橫幅廣告動畫，時長為5秒。（2）優(yōu)惠活動網頁橫幅廣告動畫尺寸為728像素×90像素，平臺類型為HTML5Canvas，幀速率為25。（3）優(yōu)惠活動網頁橫幅廣告動畫主題為周末電影促銷，需展示具體的優(yōu)惠信息。實訓1制作優(yōu)惠活動網頁橫幅廣告動畫操作思路實訓1制作優(yōu)惠活動網頁橫幅廣告動畫（1）導入PSD格式的素材到舞臺中，然后通過形狀工具組和“漸變變形工具”繪制漸變色背景和橙色文本框。（2）使用“文本工具”在新建的圖層上輸入優(yōu)惠信息文字，并將橙色文本框及上方文字都轉換為元件，再將除背景以外的元素分別轉換為元件。（3）使用“鋼筆工具”繪制4個梯形并轉換為一個元件，在該元件內部第5幀處插入關鍵幀，使用“任意變形工具”分別變形4個梯形，以形成動態(tài)效果。（4）新建兩個圖層并添加同一個動態(tài)元素素材。圖

優(yōu)惠活動網頁橫幅廣告動畫設計過程實訓1制作優(yōu)惠活動網頁橫幅廣告動畫實訓要求（1）為交通管理部門制作一個《安全上下車》交通安全公益廣告動畫，內容為提示市民在上下公交車時注意來往的電動車和自行車，防止被意外撞倒。（2）交通安全公益廣告動畫尺寸為1280像素×720像素，平臺類型為ActionScript3.0，幀速率為25。（3）交通安全公益廣告動畫展現交通場景，視覺效果現代、美觀，核心內容簡單易懂，時長為10秒。實訓2制作交通安全公益廣告動畫操作思路實訓2制作交通安全公益廣告動畫（1）打開提供的FLA格式的素材，再導入其他素材到“庫”面板。（2）運用圖層和幀布局畫面，將除天空以外的對象轉換為元件。（3）運用傳統(tǒng)補間動畫、“屬性”面板和移動操作制作交通安全公益廣告動畫的前期動畫效果，涵蓋站臺、人物、房子、草地等對象。（4）運用傳統(tǒng)補間動畫、“屬性”面板和縮放操作制作交通安全公益廣告動畫中期動畫效果。（5）運用傳統(tǒng)補間動畫、“屬性”面板和移動操作制作交通安全公益廣告動畫后期動畫效果。（6）依次添加開場音效、警示音效和配音素材到圖層中，并設置音頻的同步方式，豐富動畫的聽覺層次。實訓2制作交通安全公益廣告動畫圖

交通安全公益廣告動畫設計過程目錄3.1行業(yè)知識：廣告動畫基礎3.2實戰(zhàn)案例：制作露營地宣傳廣告動畫3.3實戰(zhàn)案例：制作飲品交互廣告動畫3.4拓展訓練3.5AI輔助設計網易天音——生成電動牙刷廣告曲網易天音是網易推出的一站式AI音樂創(chuàng)作平臺，具有AI編曲、AI一鍵寫歌、AI作詞三大功能。設計人員只需要輸入關鍵詞和隨筆文字，網易天音便可在短時間內智能生成旋律、節(jié)奏、配器等素材，形成協調且富有表現力的編曲，還可以指定AI歌手演唱歌曲?！馎I編曲●AI作詞●AI一鍵寫歌通義萬相——獲取廣告動畫角色設計靈感通義萬相是阿里云推出的通義系列中的AI繪畫創(chuàng)作大模型，旨在通過機器學習、深度學習以及自然語言處理技術，為設計人員提供強大的圖像生成與編輯能力，可輔助進行圖像創(chuàng)作，具備豐富的風格預設、光線預設、材質預設、渲染預設、色彩預設、構圖預設、視角預設等。通義萬相主要包含以下三大核心模式?！裎谋旧蓤D像●

圖像風格遷移●

相似圖像生成感謝觀看Thankyou第4章

演示動畫制作案例學AIGC+Animate動畫設計（微課版）目錄4.1行業(yè)知識：演示動畫基礎4.2實戰(zhàn)案例：制作文具產品演示動畫4.3實戰(zhàn)案例：制作科學現象演示動畫4.4實戰(zhàn)案例：制作生物講解交互演示動畫4.5拓展訓練4.6AI輔助設計4.1.1演示動畫的類型1．產品演示動畫產品演示動畫與產品廣告動畫在內容上有一定的相似性，但二者的側重點不同。圖

產品演示動畫4.1.1演示動畫的類型2．科學演示動畫科學演示動畫基于扎實的科學知識，對某一科學現象、實驗過程或理論模型進行全面且生動的詮釋和解析。圖

科學演示動畫4.1.1演示動畫的類型3．安全演示動畫安全演示動畫的主要目的在于深入教導觀眾嚴格遵守安全規(guī)定、預防事故的發(fā)生，并在緊急情況下能迅速做出正確應對。圖

安全演示動畫4.1.1演示動畫的類型4．教育演示動畫教育演示動畫是一種利用數字技術和多媒體手段制作的，旨在輔助教學的動畫形式。圖

教育演示動畫4.1.2演示動畫的制作流程演示動畫的制作流程是一個綜合性較強和花費精力較多的流程?？蓪⒀菔緞赢嫷闹谱髁鞒谭譃槿齻€階段。腳本是設計人員根據演示動畫的內容精心構思并編寫的，它可以采用純圖或圖文結合的形式來展現。設計好腳本后，設計人員便可以根據畫面展開素材的收集與繪制工作，具體包括收集與繪制所需的角色、靜物和場景，收集所需的視頻和音頻素材，以及收集畫面版式的參考圖，等等。在制作階段，設計人員可先根據腳本排版畫面中的元素，保證腳本中的內容都無遺漏地呈現在動畫畫面中，隨后可根據腳本中初步構思的動態(tài)效果展開相應的制作，最后根據制作流程中的實際情況來調整和優(yōu)化動態(tài)效果。腳本設計階段素材收集與繪制階段制作階段4.1.3演示動畫的設計原則02010304演示動畫的內容呈現順序需要符合邏輯，確保每個步驟的安排都恰當、合理。邏輯性演示動畫中關于知識點、技能、科學原理和專業(yè)術語的呈現必須準確無誤，免誤導觀眾，使其產生錯誤的理解?？茖W性和真實性美觀性在演示動畫設計中至關重要，它體現在演示動畫設計的方方面面。美觀性演示動畫作為一個完整的作品，通常緊密圍繞一個核心內容進行設計。整體性演示動畫由于其內容的獨特性，在設計時應嚴格遵守以下原則。目錄4.1行業(yè)知識：演示動畫基礎4.2實戰(zhàn)案例：制作文具產品演示動畫4.3實戰(zhàn)案例：制作科學現象演示動畫4.4實戰(zhàn)案例：制作生物講解交互演示動畫4.5拓展訓練4.6AI輔助設計智慧墨香企業(yè)新研發(fā)了一款“100常用楷體字”字帖產品，該產品尺寸小巧，可以讓觀眾隨身攜帶，充分利用碎片化時間進行書寫練習。此外，該字帖獨具匠心，每頁僅設計1個字的臨摹，同時頁面底部還添加了二維碼，觀眾可以掃碼查看本頁文字的書寫演示動畫。具體要求如下。（1）演示動畫分為兩部分，第1部分需全面演示該產品的尺寸特點和內頁用法；第2部分以“天”字為例，演示該文字的書寫方法，并對文字筆畫的重點內容做出標注和講解。（2）演示動畫尺寸為1280像素×720像素，平臺類型為ActionScript3.0，幀速率為24。（3）演示動畫視覺效果美觀，布局合理，動態(tài)效果流暢。案例背景（1）畫面設計。（2）文字設計。（3）動畫設計。設計思路圖

文具產品演示動畫參考效果操作要點（1）使用“場景”面板新增場景，并在新場景中使用“對齊”面板調整場景圖，使用輔助線等輔助工具定位畫面元素。（2）使用文本工具輸入文字，結合“轉換為逐幀動畫”命令、復制和粘貼幀操作分解文字。（3）使用橡皮擦工具擦除不同關鍵幀中的筆畫，制作出拆分筆畫的效果。在場景1（作為演示動畫第1部分）動畫中，為充分演示產品特點，智慧墨香企業(yè)提供了專門繪制的圖形素材，以提升動畫效果和制作效率。制作時，先將這些素材逐一添加在舞臺中，并根據實際需求添加文字、制作動畫。其具體操作如下。4.2.1制作場景1動畫（1）新建尺寸為“1280像素×720像素”，平臺類型為“ActionScript3.0”，幀速率為“24”的文件。（2）選擇“文本工具”，設置字體為“方正大黑_GBK”，顏色為棕色“#993300”，大小為“90”，在舞臺左側輸入“想寫一手好字”文字。（3）新建兩個圖層，分別重名為“外皮”“內頁”。打開“文具素材.fla”文件，將其中的兩個字帖素材分別放置在對應名稱的新圖層中，將素材轉換為圖形元件。如下圖所示。4.2.1制作場景1動畫（4）分別在兩個字帖所在圖層第60幀處插入關鍵幀，在“外皮”圖層第65幀處插入關鍵幀，調整元件大小和位置，在“內頁”圖層第63幀處插入關鍵幀，調整元件大小和位置，在“對象”選項卡中設置Alpha為“0”，創(chuàng)建傳統(tǒng)補間動畫。圖

制作字帖出場動畫（5）在“內頁”圖層第65幀處插入空白關鍵幀，將“文具素材.fla”文件中的書素材移至該幀的舞臺上，將其轉換為圖形元件，在元件編輯窗口中使用“線條工具”，在“工具”選項卡中設置筆觸樣式為“虛線”，筆觸大小為“1”，繪制兩條黑線。4.2.1制作場景1動畫（6）返回主場景，在書素材所在圖層“外皮”圖層第89幀和第93幀處插入關鍵幀，將第93幀上的元件均左移，在“對象”選項卡中設置Alpha為“0”，創(chuàng)建傳統(tǒng)補間動畫。如下圖所示。圖

制作字帖尺寸演示動畫（7）在書素材所在圖層的第94幀處插入空白關鍵幀。將“庫”面板中的內頁字帖元件移至舞臺上。在“外皮”圖層第94幀處插入空白關鍵幀，使用“多角星形工具”和“矩形工具”繪制棕色箭頭圖形，使用“文本工具”輸入“每頁僅摹寫一字”文字，文字字體、顏色和字號皆與“A4書本大小”文字字體、顏色和字號一致。4.2.1制作場景1動畫（8）將文字和棕色箭頭圖形一同轉換為圖形元件。新建“文字”圖層，在“庫”面板中直接復制該元件，修改復制所得的元件，如修改文字內容為“附贈書寫演示動畫”、翻轉棕色箭頭圖形等。再將元件移至新圖層第96幀。在“內頁”“外皮”“文字”圖層第100幀處插入關鍵幀，調整第96幀上所有元件的位置和內頁元件大小，在“對象”選項卡中設置Alpha為“0”，再創(chuàng)建傳統(tǒng)補間動畫。（9）新建“手機”圖層，將第118幀轉換為空白關鍵幀，將“文具素材.fla”文件中的手機和氣泡框素材移至該幀的舞臺上，使用“文本工具”輸入“使用手機掃碼查看”文字，設置字體為“方正大黑_GBK”，顏色為黑色“#000000”，大小為“40”，將該幀上的元素一同轉換為圖形元件，在第124幀處插入關鍵幀，分別調整第118幀和第124幀上元件的位置和大小，再創(chuàng)建傳統(tǒng)補間動畫，如下圖所示。4.2.1制作場景1動畫圖

制作字帖內頁掃碼演示動畫（10）新建“音樂”圖層，將播放頭移至第1幀，導入“背景音樂.mp3”文件到舞臺，單擊“編輯聲音封套”按鈕

，打開“編輯封套”對話框，在其中調整音頻開頭處的波形。“時間軸”面板中調整背景音樂的前后效果如下圖所示。4.2.1制作場景1動畫圖“時間軸”面板中調整背景音樂的前后效果對于“天”字的書寫演示動畫，可新增場景2進行制作，并在其中將靜態(tài)的場景圖導入舞臺作為背景，使用“對齊”面板調整其大小，使其與舞臺大小一致；使用輔助工具定位米字格所在位置，然后使用“線條工具”和“矩形工具”繪制米字格。具體操作如下。4.2.2新增場景2并繪制米字格（1）選擇【窗口】/【場景】命令，打開“場景”面板，單擊“添加場景”按鈕

新建場景2，同時舞臺也將切換到場景2的舞臺。（2）選擇【視圖】/【標尺】命令顯示標尺，通過拖曳上方標尺到左側標尺的90刻度處創(chuàng)建水平輔助線，確定米字格的頂部所在位置；拖曳左側標尺到上方標尺的640刻度處創(chuàng)建垂直輔助線，確定米字格的中心所在位置，如上圖所示。圖

添加輔助線（3）選擇“矩形工具”，在“工具”選項卡中單擊“對象繪制模式”按鈕

，設置填充為黃色“#FFFFCC”，筆觸顏色為暗紅色“#DF0000”，筆觸大小為“5”，邊角半徑為“20”，按住【Shift】鍵不放從左上水平輔助線處拖曳鼠標指針繪制一個正圓角矩形，單擊“對齊”面板中的“水平中齊”按鈕。如下圖所示。4.2.2新增場景2并繪制米字格（4）選擇“線條工具”，在“工具”選項卡中設置筆觸樣式為“虛線”，筆觸大小為“2”，圍繞矩形的對角繪制兩條斜線；在“工具”選項卡設置筆觸樣式為“實線”，參考垂直輔助線位置繪制豎線，參考3條線的匯合點繪制橫線。圖

制正圓角矩形圖

刪除輔助線繪制完米字格后，便可以在其中添加楷體的“天”字，然后通過上網搜索“天”字筆畫相關資料，確定其在米字格中的位置和大小，再通過修改字號和位置，使其位置更加精準。其具體操作如下。4.2.3添加文字并修改字號和位置（1）新建圖層，選擇“文本工具”，設置字體為“楷體”，顏色為黑色“#000000”，大小為“450”，在米字格內輸入“天”字。圖

修改字號和位置（2）瀏覽“天”字筆畫相關資料后，使用“選擇工具”選擇文字，在“屬性”面板的“對象”選項卡中設置大小為“480”，移動文字位置，如右圖所示。4.2.3添加文字并修改字號和位置（3）將文字圖層重命名為“虛色”圖層，復制該圖層，將新圖層重命名為“實色”圖層，以作區(qū)分。如左圖所示。圖

輸入標注文字（4）新建圖層，重命名為“標注”。選擇“文本工具”，設置字體為“方正大黑_GBK”，顏色為黑色“#000000”，大小為“50”，在米字格右側輸入“兩橫平行”標注文字，其樣式將作為后續(xù)標注文字的參考樣式，如上圖所示。圖

更改文字不透明度書寫演示動畫需要在“虛色”圖層的文字內部填充顏色，達到書寫的演示效果，為此需要將已輸入的“實色”圖層文字分離成圖元，再擦除每個關鍵幀中的部分內容。其具體操作如下。4.2.4分離與擦除文字（1）鎖定“虛色”圖層。解鎖并顯示“實色”圖層，選擇該圖層，按【Ctrl＋B】組合鍵分離文字。如右圖所示。圖

分離文字圖

分離筆畫（2）選擇“線條工具”，在“屬性”面板的“工具”選項卡中設置筆觸大小為“0.1”，在筆畫連接處繪制線條，通過線條分離筆畫，如上圖所示。此時選擇文字可發(fā)現其已被分為5部分。如上圖所示。（3）框選所有圖層的第215幀，按【F5】鍵插入幀，選擇“實色”圖層的第1幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【轉換為逐幀動畫】/【每三幀設為關鍵幀】命令，使每個關鍵幀上的文字形態(tài)都為圖元。4.2.4分離與擦除文字（4）將播放頭移至實色圖層的第1幀位置，依次選擇除短黑色橫筆畫外的其他部分并按【Delete】鍵將其刪除，再按【Ctrl＋Alt＋C】組合鍵復制該幀，依次選擇第2、3、4個關鍵幀，按【Ctrl＋Alt＋V】組合鍵粘貼幀，使前4個關鍵幀中只保留相同的橫筆畫。（5）選擇“橡皮擦工具”，在“屬性”面板的“工具”選項卡中單擊“橡皮擦類型”按鈕

，在彈出列表中選擇“第2個”選項，設置筆觸大小為“0.1”，拖曳鼠標指針擦除筆畫，若擦除不干凈可選擇對應的部分，按【Delete】鍵刪除。如右圖所示。圖

擦除第1個關鍵幀中的筆畫（6）按照與步驟（5）相同的方法擦除第2個和第3個關鍵幀中的筆畫，使第1～4個關鍵幀呈現出逐漸填充顏色的筆畫效果。如右圖所示。4.2.4分離與擦除文字（7）選擇第5個關鍵幀，按照步驟（4）的方法先只保留橫筆畫，復制粘貼該關鍵幀至第6～9個關鍵幀；按照步驟（5）的方法依次擦除第5～8個關鍵幀中的筆畫。如下圖所示。圖

擦除第2個和第3個關鍵幀中的筆畫圖

擦除第5～8個關鍵幀中的筆畫（8）選擇第10個關鍵幀，按照步驟（4）的方法先僅刪除捺筆畫和連接捺、撇筆畫的線條，再復制粘貼該關鍵幀至第11～17個關鍵幀；按照步驟（5）的方法先擦除第10個關鍵幀兩個橫筆畫之間的撇筆畫，再刪除所有紅線條和部分撇筆畫。如下圖所示。4.2.4分離與擦除文字（9）選擇第18個關鍵幀，按照步驟（4）的方法僅刪除連接捺、撇筆畫的線條，再復制粘貼該關鍵幀至第19～23個關鍵幀；按照步驟（5）的方法依次擦除第18～23個關鍵幀中的筆畫。如上圖所示。圖

擦除第10個和11～16個關鍵幀中的筆畫圖

擦除第18～23個關鍵幀中的筆畫4.2.5制作書寫重點標注動畫目前，僅制作出簡單的文字書寫逐幀動畫效果，還需要添加書寫過程中需要重點注意的內容。接下來，將已添加的標注文字轉換為元件，在其內部制作書寫重點標注動畫。其具體操作如下。（1）解鎖“標注”圖層，選擇圖層上的對象，按【F8】鍵將其轉換為名為“標注1”的圖形元件，雙擊該元件進入元件編輯窗口。圖

繪制矩形框（2）新建圖層，選擇“矩形工具”，在“屬性”面板的“工具”選項卡中設置填充為“無”，筆觸顏色為橙色“#FF800F”，大小為“5”，在兩個橫筆畫周圍繪制一個矩形框，如上圖所示。4.2.5制作書寫重點標注動畫（3）框選全圖層第44幀，按【F5】鍵插入幀，選擇矩形框所在圖層的第1幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【轉換為逐幀動畫】/【每四幀設為關鍵幀】命令，再刪除雙數幀上的內容，使其變?yōu)榭瞻钻P鍵幀，如下圖所示，制作矩形框閃爍的效果。圖

作矩形框閃爍的效果（4）單擊

按鈕返回主場景。在“庫”面板中選擇“標注1”圖形元件，單擊鼠標右鍵，在彈出的快捷菜單中選擇“直接復制”命令，打開“直接復制元件”對話框，設置名稱為“標注2”，單擊“確定”按鈕。4.2.5制作書寫重點標注動畫（5）將“筆畫_01.mp3”～“筆畫_04.mp3”文件導入“庫”面板，新建圖層。圖

制作書寫演示動畫結束后出現音頻講解的效果（6）框選“實色”圖層第32幀及后續(xù)的關鍵幀，將其移至第110幀處。如下圖所示。（7）選擇“標注”圖層第32幀，拖曳左側標尺至矩形裝飾左側和米字格左側添加輔助線，以確定位置。如右圖所示。圖

修改“標注2”元件4.2.5制作書寫重點標注動畫圖

修改“標注3”“標注4”元件（8）按照與步驟（7）相同的方法，在“標注”圖層第134幀和第176幀處按【F7】鍵將其轉換為空白關鍵幀，依次將“標注3”“標注4”元件拖曳到舞臺上，然后修改其中的內容，其中“標注3”元件文字內容為“撇不出頭”，“標注4”元件文字內容為“收筆不平行”，效果如右圖所示。（9）清除所有輔助線，在“標注”圖層第110幀和第158幀處按【F7】鍵將其轉換為空白關鍵幀。按【Ctrl＋Enter】組合鍵測試效果，可發(fā)現動畫效果稍顯急促，因此可框選所有圖層的第59幀，按5次【F5】鍵插入幀；重復操作，分別在第137幀、第168幀和第189幀處，同樣按5次【F5】鍵插入幀。分別制作完兩個場景的動畫后，可將文件素材中的轉場動畫元件移至場景1中，通過控制幀位置使其只能播放前半段效果。通過直接復制與編輯操作，只保留轉場動畫的后半段效果，再添加到場景2中，這樣可以減少兩個場景切換的突兀感。其具體操作如下。4.2.6制作場景切換的轉場動畫（1）單擊“編輯場景”按鈕

，在彈出的下拉列表中選擇“場景1”選項，切換到對應場景。新建圖層，將“文具素材.fla”文件中“Layer_1”圖層的第1幀復制到新圖層的第136幀，通過刪除其他圖層的第143～145幀，使場景1動畫時長只有142幀，效果如下圖所示。圖

制作前半段轉場動畫（2）使用步驟（1）的方法切換到場景2。新建圖層，在“庫”面板中找到轉場動畫所在的元件（即“轉場”圖形元件）并直接復制，將復制后的元件拖曳到新圖層第1幀，調整位置，雙擊該元件進入元件編輯窗口，刪除兩個圖層的第1～6幀，此時動畫將只保留后半段效果。（3）返回主場景，此時轉場動畫未播放完，書寫演示動畫便已開始播放，因此需要調整部分幀的位置。在轉場動畫所在圖層第7幀處插入空白關鍵幀，選擇除該圖層以外的所有圖層的第2幀，按5次【F5】鍵插入幀。按【Ctrl＋Enter】組合鍵測試效果，如下圖所示。4.2.6制作場景切換的轉場動畫圖

制作前后段轉場動畫目錄4.1行業(yè)知識：演示動畫基礎4.2實戰(zhàn)案例：制作文具產品演示動畫4.3實戰(zhàn)案例：制作科學現象演示動畫4.4實戰(zhàn)案例：制作生物講解交互演示動畫4.5拓展訓練4.6AI輔助設計某學校計劃為物理課程定制一批演示動畫，降低學生們理解知識的難度。目前，演示動畫的制作已經進入“液體的熱脹冷縮”這一科學現象的制作階段。具體要求如下。（1）演示動畫展示液體受熱或遇冷后發(fā)生的熱脹冷縮科學現象，并添加總結性文字。（2）演示動畫尺寸為1280像素×720像素，平臺類型為ActionScript3.0，幀速率為25。（3）演示動畫視覺效果美觀，科學原理表述簡潔、清晰、易懂。案例背景（1）畫面設計。（2）文字設計。（3）動畫設計。設計思路圖

科學現象演示動畫參考效果操作要點（1）結合補間形狀動畫和“補間”欄中的參數制作液面變化和轉場動態(tài)效果。（2）使用“直接復制”命令復制已有元件，通過修改其中的內容得到新元件。（3）通過導入GIF動圖充當影片剪輯元件，提升動畫制作效率。4.3.1繪制試管試管作為本動畫的唯一角色，其美觀程度將會在很大程度上影響動畫的整體視覺效果。下面將分別使用繪制筆觸和填充的工具，繪制出試管的外形輪廓和玻璃質感。具體操作如下。（1）新建尺寸為“1280像素×720像素”，平臺類型為“ActionScript3.0”，幀速率為“25”的文件。按【Ctrl＋S】組合鍵保存該文件，設置名稱為“科學現象演示動畫”。（2）新建圖層，選擇“矩形工具”，在“屬性”面板的“工具”選項卡中設置填充為“無”，筆觸顏色為黑色“#000000”，筆觸大小為“4”，筆觸樣式為“虛線”，邊角半徑為“10”，在畫面中間繪制1個寬大于高的小矩形，再繪制1個高大于寬的大矩形。4.3.1繪制試管（4）保持選中新圖層的狀態(tài)，分別使用“矩形工具”和“橢圓工具”，在“屬性”面板的“工具”選項卡中設置填充為白色“#FFFFFFF”，不透明度為“40%”，在輪廓左邊緣內側繪制2個圓角矩形和1個橢圓形，制作試管的玻璃質感，如上圖所示。（3）選擇“橢圓工具”，設置與“矩形工具”一樣的參數，在大矩形下方繪制1個橢圓形，通過拼接和刪除這3個圖形的部分筆觸，將它們組合成一個試管輪廓，如下圖所示。圖

拼接和刪除圖形的部分筆觸圖

制作試管的玻璃質感4.3.2制作試管內液體的熱脹動畫（1）選擇畫面中的試管，按【F8】鍵將其轉換為名為“加熱”的圖形元件，然后雙擊該元件進入元件編輯窗口，新建圖層，依次使用“矩形工具”和“橢圓工具”，在試管內部繪制一個填充為白色“#FFFFFF”的矩形和橢圓形充當液體。試管內液體的熱脹動畫為試管內的液體受熱造成液面上升，可先繪制液體圖形，再利用補間形狀動畫原理制作該效果，同時為了塑造出液體受熱的視覺效果，可使用逐幀動畫制作加熱和溫度上升動畫。其具體操作如下。（2）新建圖層，使用“文本工具”在試管上方輸入字體為“微軟雅黑”，字體樣式為“Regular”，大小為“40”，填充為黑色“#000000”的“30°水溫”文字，然后按【Ctrl＋B】組合鍵將其分離為單個字符。4.3.2制作試管內液體的熱脹動畫（4）雙擊“火”圖形元件進入元件編輯窗口，在第8幀處按【F5】鍵插入幀，依次在第3、5、7幀處按【F6】鍵將幀轉換為關鍵幀。使用“任意變形工具”依次選擇第3、7關鍵幀上的對象，按住【Ctrl】鍵不放，當鼠標指針變?yōu)?/p>

形狀時，按住鼠標左鍵不放并拖曳鼠標指針分別向右、向左扭曲圖形，如上圖所示，返回“加熱”圖形元件內部。（3）調整火焰圖形大小后，按【Ctrl＋B】組合鍵將其分離為圖元，再按【F8】鍵將其轉換為名為“火”的圖形元件?？蜻x所有圖層的第200幀，按【F5】鍵插入幀。圖

編輯關鍵幀內容4.3.2制作試管內液體的熱脹動畫（6）選擇液體圖層第55幀，在“屬性”面板的“幀”選項卡的“效果”下拉列表中選擇“QuadEase－Out”選項。如上圖所示。（5）選擇液體圖層第1幀，在該幀上單擊鼠標右鍵，在彈出的快捷菜單中選擇“創(chuàng)建補間形狀”命令，在第16幀和第56幀處按【F6】鍵將幀轉換為關鍵幀，然后使用“任意變形工具”將第16幀和第56幀中心點移至下方編輯框中點處，拉伸第56幀的液體圖形使其變高，并在“屬性”面板的“對象”選項卡中設置填充為深粉色“#FC5C9C”，使其變色。圖

制作試管加熱的動態(tài)效果4.3.2制作試管內液體的熱脹動畫（8）使用“橢圓工具”繪制一個白色橢圓形，使用“線條工具”白色橢圓形右下角繪制兩條白色實線筆觸，形成夾角，使用“顏料桶工具”將夾角填充為白色。如下圖所示。（7）返回主場景，在全部圖層的第264幀處插入幀。新建圖層，在該圖層第56幀處插入空白關鍵幀，使用“文本工具”輸入“試管內的水受熱后，液面上升”文字，在原文字設置基礎上將字體樣式改為“Bold”，其余不變，將其轉換為“文字1”圖形元件，進入元件內部，新建圖層，將新圖層移至底層。圖

制作熱脹原理講解文字出場動畫4.3.2制作試管內液體的熱脹動畫（9）測試動畫效果可發(fā)現，在水溫文字變化前，試管的動態(tài)效果較弱、不明顯，因此可雙擊試管圖形進入對應的元件內部，將試管圖層轉換為圖形元件再進入元件編輯窗口，在第4幀處插入幀，在第3幀處插入關鍵幀，刪除第3幀部分筆觸，如下圖所示，制作試管輪廓抖動效果（該效果截圖捕捉不明顯，但人眼捕捉明顯，因此不配圖）。圖

刪除第3幀部分筆觸4.3.3制作試管內液體的冷縮動畫（1）顯示標尺，創(chuàng)建水平和垂直輔助線確定試管位置后，將試管和文字圖層的第100幀轉換為空白關鍵幀，在場景圖層第100幀處插入關鍵幀，在“屬性”面板的“對象”選項卡中設置填充為藍色“#A7E3F6”。試管內液體的冷縮動畫與熱脹動畫的構成基本一致，因此可復制“加熱”圖形元件，在其副本元件內通過翻轉幀和編輯幀內容制作出冷縮動畫，冷縮動畫中的講解文字和場景也通過該方式進行制作。其具體操作如下。（2）在“庫”面板中選擇“加熱”圖形元件，單擊鼠標右鍵，在彈出的快捷菜單中選擇“直接復制”命令，打開“直接復制元件”對話框，設置名稱為“遇冷”，單擊

按鈕。選擇試管圖層，將復制所得的“遇冷”圖形元件拖曳到舞臺中，雙擊該元件，進入元件編輯窗口。4.3.3制作試管內液體的冷縮動畫（4）選擇液體圖層的第1～56幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇“翻轉幀”命令，將翻轉后的第41關鍵幀移至第16幀，復制第1幀，將其粘貼到第16幀，修改第56幀的填充為藍色“#0077D7”，選擇第55幀，修改“補間”欄中的效果為“QuintEase－In”。（3）刪除“火”圖形元件，按照與步驟（2）相同的方法，在“庫”面板中通過復制“火”圖形元件得到“冰”圖形元件，再將其拖曳到舞臺中，雙擊該元件進入元件編輯窗口。如下圖所示。圖

制作冰塊遞增動態(tài)效果4.3.3制作試管內液體的冷縮動畫（5）按照與步驟（4）相同的方法翻轉水溫文字的關鍵幀，此時原第16～56關鍵幀的位置發(fā)生變動，需手動將其調整到原位，如下圖所示。測試動畫，效果如下圖所示。圖

翻轉與調整關鍵幀圖

試管遇冷動畫效果4.3.3制作試管內液體的冷縮動畫（6）按照與步驟（2）相同的方法通過“文字1”圖形元件得到“文字2”圖形元件，將其放置在“文字”圖層第155幀，進入該元件編輯窗口，水平翻轉白色圖形，然后修改文字內容為“試管內的水遇冷后，液面下降”。返回主場景，在第160幀處插入關鍵幀，縮小第155幀的元件，在這兩個關鍵幀之間創(chuàng)建傳統(tǒng)補間動畫，制作講解文字出場動畫，如下圖所示。圖

制作冷縮原理講解文字出場動畫4.3.4導入與編輯GIF動圖（1）新建圖層，將該圖層的第196幀和第203幀轉換為空白關鍵幀。在第196幀舞臺頂部使用“橢圓工具”繪制由圓組成的圖形，在第203幀處使用“矩形工具”繪制與舞臺等大的矩形，將它們都填充為橙色“#FFCC00”，在第206幀處插入關鍵幀，移動矩形到舞臺底部，在3個關鍵幀之間創(chuàng)建補間形狀動畫，制作轉場動畫，如上圖所示。此時還需要在轉場動畫的輔助下切換到另一個場景中進行總結。在新場景中需要導入與編輯GIF動圖，將其作為影片剪輯元件，制作總結性文字的動畫效果。其具體操作如下。圖

制作轉場動畫4.3.4導入與編輯GIF動圖（3）在“庫”面板中依次將“加熱”“遇冷”圖形元件添加在舞臺左右兩側，選中兩個元件，在“對齊”面板中單擊“頂對齊”按鈕

，如右圖所示。（2）隱藏轉場動畫層，將試管圖層和文字圖層的第203幀轉換為空白關鍵幀，在場景圖層第203幀處插入關鍵幀，在舞臺中間（即水平標尺的640刻度處）添加垂直輔助線，選中輔助線左側的舞臺部分，在“對象”選項卡中設置填充為淡粉色“#FCCDE2”；選中輔助線右側的舞臺部分，設置填充為淡藍色“#C5E3F6”。圖

對齊元件（4）選擇“文字”圖層第203幀，使用“矩形工具”在舞臺下方繪制一個矩形，設置填充為青藍色“#84DBFF”，不透明度為“80%”，邊角半徑為“10”，再將其轉換為圖形元件，并進入元件內部。4.3.4導入與編輯GIF動圖（6）在所有圖層第75幀處插入幀。如右圖所示。（5）導入“記筆記.gif”文件到“庫”面板，選擇自動創(chuàng)建的同名影片剪輯元件，單擊鼠標右鍵，在彈出的快捷菜單中選擇“屬性”命令，打開“元件屬性”對話框，設置類型為“圖形”，單擊“確定”按鈕，以便在舞臺中查看效果，然后將調整后的元件拖曳到舞臺中。圖

輸入文字（7）返回主場景，手動拖曳播放頭查看動畫效果，如右圖所示，確認效果無誤后保存文件。圖

制作總結性文字的動畫效果目錄4.1行業(yè)知識：演示動畫基礎4.2實戰(zhàn)案例：制作文具產品演示動畫4.3實戰(zhàn)案例：制作科學現象演示動畫4.4實戰(zhàn)案例：制作生物講解交互演示動畫4.5拓展訓練4.6AI輔助設計某動畫公司攜手當地知名高校精心打造一批以生物知識為核心內容的演示動畫，通過美觀的動畫場景與清晰的操作指引，豐富課堂教學模式。該公司準備先針對“種子萌芽的過程”知識進行演示動畫制作，為后續(xù)的批量化制作建立規(guī)范。具體要求如下。（1）演示動畫分為目錄頁、視頻頁、動畫頁和游戲頁4個部分，觀眾可自行選擇進入除目錄頁以外的頁面觀看內容，達到可自行控制播放內容的效果。（2）演示動畫尺寸為1280像素×720像素，平臺類型為ActionScript3.0，幀速率為24。案例背景（1）結構設計。（2）畫面設計。（3）文字設計。（4）動畫設計。設計思路圖

生物講解交互演示動畫參考效果操作要點（1）使用“組件”面板和“組件參數”面板添加和編輯視頻。（2）使用畫筆工具繪制所需的演示圖形。4.4.1制作不同頁面內容（1）新建尺寸為“1280像素×720像素”，平臺類型為“ActionScript3.0”，幀速率為“24”的文件。按【Ctrl＋S】組合鍵保存該文件，設置名稱“生物講解交互演示動畫”。由于生物講解交互演示動畫分為4個部分，每個部分各有不同內容，在制作該動畫時，首先需要制作這些頁面的初始內容。其具體操作如下。（2）打開“顏色”面板，設置填充為“線性漸變”，漸變顏色為“#43C6AC”～“#F8FFAE”。使用“矩形工具”繪制與舞臺等大的矩形，繪制時需要單擊“對象繪制模式”按鈕，然后使用“漸變變形工具”調整漸變方向為從上到下。4.4.1制作不同頁面內容（4）打開“種子生長過程.fla”文件，將舞臺中的所有圖形復制、粘貼到新文件的舞臺上，然后依次調整筆觸和圖形的位置和大小。如右圖所示。（3）選擇“畫筆工具”，保持“屬性”面板的“工具”選項卡中“對象繪制模式”按鈕被選中的狀態(tài)，設置筆觸顏色為深棕色“#341F14”，筆觸大小為“192”，通過拖曳鼠標指針在舞臺底部進行涂抹，繪制筆觸，如右圖所示。圖

目錄頁布局圖

繪制筆觸4.4.1制作不同頁面內容（6）使用“文本工具”輸入“萌芽的三個環(huán)節(jié)”副標題文字，設置字號為“60”，其余參數皆與主標題文字參數一致。如左圖所示。（5）在第2幀處插入關鍵幀，刪除除矩形以外的所有內容，使用“矩形工具”繪制一個填充為深綠色“#006633”，邊角半徑為“30”的圓角矩形，視頻頁布局如左圖所示。圖

動畫頁布局圖

視頻頁布局4.4.1制作不同頁面內容（8）此時，虛線矩形和文字位置不美觀，通過移動文字使其位于虛線矩形中央。接著將目錄頁中的種子萌芽的全過程圖復制到該頁面中，調整排列順序和大小，此時，游戲頁布局如右圖所示。（7）將所有圖層的第4幀轉換為關鍵幀，刪除副標題及文本框后，剪切和粘貼剩余文字到“圖層_1”圖層，如右圖所示。圖

游戲頁布局圖

復制矩形4.4.2制作頁面跳轉效果所需的按鈕元件（1）將播放頭移至第1幀，新建名為“按鈕”的圖層，先復制圖4-49中顯示的文字，再使用“橢圓工具”繪制一個填充為米黃色“#EEF2C5”的橢圓形，按【F8】鍵將橢圓形轉換為名為“控制”的按鈕元件。如右圖所示。要想通過目錄頁跳轉到其他3個頁面，且其他3個頁面之間能互相跳轉，需要制作5個按鈕元件，為提升效率可先制作一個按鈕元件，再通過復制和編輯操作得到其他的按鈕元件。其具體操作如下。圖

彈起狀態(tài)4.4.2制作頁面跳轉效果所需的按鈕元件（2）依次在鼠標指針“經過”、“按下”和“點擊”狀態(tài)下插入關鍵幀，并分別修改這3個關鍵幀上的橢圓形的填充為“#EEE9A4”“#EE935C”“#EE584E”，文字填充為“#BCC3AE”“#BCDDCC”“#FFFFFF”，使橢圓形顏色逐漸加深，文字顏色逐漸變淺，如下圖所示。圖

鼠標指針經過、按下和點擊狀態(tài)4.4.2制作頁面跳轉效果所需的按鈕元件（3）在“庫”面板中選擇“控制”按鈕元件，通過“直接復制”命令復制出4個按鈕元件，雙擊復制所得按鈕元件的圖標進入元件編輯窗口，依次將其中的文字修改為“演示”“練習”“返回”“后續(xù)”，如下圖所示。圖

復制與編輯其他按鈕元件4.4.2制作頁面跳轉效果所需的按鈕元件（4）將“演示”“練習”按鈕元件拖曳到舞臺中，選擇3個按鈕元件，在“屬性”面板的“對象”選項卡的“濾鏡”欄中單擊

按鈕，在彈出的下拉列表中選擇“發(fā)光”選項，打開“發(fā)光”欄，設置模糊X為“10”，模糊Y將自動調整數值，設置顏色為“#003300”，如下圖所示。圖

美化按鈕元件圖

添加與美化按鈕元件（5）將“按鈕”圖層第2幀轉換為空白關鍵幀，按照與步驟（4）相同的方法將“返回”“后續(xù)”按鈕元件拖曳到舞臺中，再進行發(fā)光美化操作如右圖所示。4.4.3添加和編輯視頻組件（1）將“圖層_2”圖層的第2幀轉換為空白關鍵幀，選擇【窗口】/【組件】命令，打開“組件”面板，展開“Video”文件夾，拖曳“FLVPlayback2.5”組件到深綠色矩形上，此時畫面中將出現一個小型播放器，如左圖所示。視頻頁中目前還需添加視頻元素，為盡量減小文件大小，將采用組件的形式添加視頻元素。其具體操作如下。圖

添加視頻組件4.4.3添加和編輯視頻組件（2）播放器下方的控制欄參數較多，可精簡參數，只保留播放和音量鍵，選擇【窗口】/【組件參數】命令，打開“組件參數”面板，單擊“skin”參數右側的按鈕

，打開“選擇外觀”對話框，在“外觀”下拉列表中選擇“SkinUnderPlayMute.swf”選項，單擊“確定”按鈕。圖

放大導入的視頻文件（3）返回“組件參數”面板，單擊“source”參數右側的按鈕

，打開“內容路徑”對話框，單擊按鈕，在打開的“瀏覽源文件”對話框中選擇“種子破土.mp4”文件，單“打開”按鈕，取消選中“匹配源尺寸”復選框，單擊“確定”按鈕。如右圖所示。4.4.4制作演示動態(tài)效果件（1）將“圖層_2”圖層的第3幀內容轉換為影片剪輯元件，再進入元件編輯窗口。在演示頁面中需要制作種子吸水膨脹、萌芽和發(fā)芽3個環(huán)節(jié)的演示效果，并標注其中的關鍵信息。制作操作需要在影片剪輯元件內部進行，以便后續(xù)添加代碼。其具體操作如下。圖