第3章

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

產(chǎn)品廣告動(dòng)畫(huà)。產(chǎn)品廣告動(dòng)畫(huà)主要圍繞某一特定產(chǎn)品，通過(guò)動(dòng)畫(huà)的形式生動(dòng)、直觀地展示產(chǎn)品的外觀、特點(diǎn)、功能、使用場(chǎng)景等。圖

電動(dòng)牙刷的產(chǎn)品廣告動(dòng)畫(huà)●

品牌廣告動(dòng)畫(huà)。品牌廣告動(dòng)畫(huà)旨在樹(shù)立企業(yè)的品牌形象，其內(nèi)容通常包含品牌名稱、品牌標(biāo)志、品牌宣傳口號(hào)、品牌文化、品牌理念等。圖

商Spotify流媒體音樂(lè)平臺(tái)的品牌廣告動(dòng)畫(huà)3.1.1廣告動(dòng)畫(huà)的類型1．根據(jù)核心內(nèi)容和目的劃分●

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

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

中國(guó)移動(dòng)的活動(dòng)廣告動(dòng)畫(huà)圖

《夢(mèng)娃送吉祥，夢(mèng)娃送美德》公益廣告動(dòng)畫(huà)3.1.1廣告動(dòng)畫(huà)的類型2．根據(jù)傳播渠道劃分●

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

網(wǎng)絡(luò)廣告動(dòng)畫(huà)。網(wǎng)絡(luò)廣告動(dòng)畫(huà)依托互聯(lián)網(wǎng)技術(shù)進(jìn)行傳播，覆蓋從社交媒體、視頻分享平臺(tái)其他各類網(wǎng)站和應(yīng)用程序的廣泛領(lǐng)域。圖

電視臺(tái)播放的廣告動(dòng)畫(huà)圖

圖標(biāo)廣告動(dòng)畫(huà)、彈出式廣告動(dòng)畫(huà)3.1.2廣告動(dòng)畫(huà)的設(shè)計(jì)要點(diǎn)掌握廣告動(dòng)畫(huà)的設(shè)計(jì)要點(diǎn)可以確保動(dòng)畫(huà)作品能夠準(zhǔn)確傳達(dá)廣告信息，吸引目標(biāo)觀眾，并實(shí)現(xiàn)預(yù)期的市場(chǎng)效果。廣告動(dòng)畫(huà)的設(shè)計(jì)要點(diǎn)具體如下。具有針對(duì)性遵守法律法規(guī)保持一致性簡(jiǎn)潔明了注重互動(dòng)性考慮適配性融入情感應(yīng)

用

新

技

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

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

等比例縮小素材效果圖

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

調(diào)整圖層順序3.2.2編輯圖層和幀（3）使用“選擇工具”選擇“藍(lán)天”圖層第1幀，按【F8】鍵打開(kāi)“轉(zhuǎn)換為元件”對(duì)話框，設(shè)置類型為“圖形”，單擊”確定“按鈕。圖

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

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

汽車行駛動(dòng)畫(huà)效果圖

熱氣球飛行動(dòng)畫(huà)效果（3）將鼠標(biāo)指針移至“宣傳語(yǔ)”圖層右側(cè)，當(dāng)出現(xiàn)

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

在“汽

車”圖

層

上

方

新

建

圖

層

并

重

命

名

為“裝

飾

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

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

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

向內(nèi)拖曳關(guān)節(jié)點(diǎn)（4）在“裝飾框”圖層的兩處關(guān)鍵幀之間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫(huà)。如右圖所示。圖

裝飾框出場(chǎng)動(dòng)畫(huà)效果圖

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

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

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

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

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

，打開(kāi)“編輯封套”對(duì)話框。單擊“幀”按鈕

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

將配音波形完整顯示在波形窗口中，拖曳右側(cè)滑塊至?xí)r長(zhǎng)線處，在“效果”下拉列表中選擇“淡出”選項(xiàng)，向右拖曳音量控制點(diǎn)縮短淡出時(shí)長(zhǎng)，如上圖所示，單擊”確定“按鈕。圖

編輯音頻封套3.2.6設(shè)置音頻同步方式和編輯音頻封套圖

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

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

形狀時(shí)，單擊該錨點(diǎn)閉合筆觸。如右圖所示。圖

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

，使其轉(zhuǎn)換為獨(dú)立對(duì)象，方便后期組合。圖

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

繪制高光3.3.1繪制產(chǎn)品形象（6）選擇“矩形工具”，在“屬性”面板的“工具”選項(xiàng)卡中單擊“對(duì)象繪制模式”按鈕

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

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

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

控制點(diǎn)，擴(kuò)大漸變范圍；向內(nèi)拖曳

控制點(diǎn)，縮小漸變范圍，如上圖所示。圖

繪制矩形圖

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

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

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

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

繪制俯視的瓶身和瓶蓋圖

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

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

制作產(chǎn)品賣點(diǎn)文字縮放效果圖

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

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

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

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

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

，在打開(kāi)的“代碼片斷”面板中依次展開(kāi)“ActionScript”“時(shí)間軸導(dǎo)航”文件夾，雙擊“單擊以轉(zhuǎn)到幀并播放”選項(xiàng)。圖

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

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

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