第7章

綜合案例案例學AIGC+Animate動畫設計（微課版）目錄7.1電動汽車品牌項目設計7.2航空企業(yè)項目設計7.3環(huán)保項目設計7.4傳統(tǒng)文化宣傳項目設計為了充分展示電動汽車，“綠馳未來”品牌計劃將產品演示動畫分為三大章節(jié)，分別為汽車外部構造產品演示動畫、汽車內置系統(tǒng)產品演示動畫、汽車零件亮點產品演示動畫，現先制作汽車外部構造產品演示動畫。（1）汽車外部構造產品演示動畫需要清晰地展示電動汽車的主要構造，如汽車的前臉、尾部、側面3種視角的特點，以及充電口和車燈組。（2）汽車外部構造產品演示動畫畫面布局合理，元素易于識別，添加曲調歡樂的背景音樂。（3）汽車外部構造產品演示動畫尺寸為1280像素×720像素，平臺類型為ActionScript3.0，幀速率為25。設計要求7.1.1制作汽車外部構造產品演示動畫設計思路(1）使用素材文件中的場景素材和充電口關閉的汽車素材，利用圖形元件和傳統(tǒng)補間動畫原理，制作汽車行駛在道路上的動態(tài)效果。（2）使用形狀工具組繪制氣泡框，結合濾鏡功能制作投影效果，使其與場景圖在視覺上分離，以便突出氣泡框中的內容。（3）繪制圓形遮罩和圓環(huán)，為汽車構造圖形元素制作元件，通過直接復制并修改該元件中的內容，制作出6個演示汽車構造的圖形元件。（4）利用補間動畫原理制作相同的汽車3種視角的圖示和解說文字出場動畫，可利用自定義預設進行制作，以提升效率。（5）為充分展示車燈效果，可利用“亮度”色彩效果設置場景為低亮度，模擬黑夜場景，然后為兩處車燈繪制燈光效果并添加濾鏡，最后添加音頻素材。7.1.1制作汽車外部構造產品演示動畫圖

汽車外部構造產品演示動畫7.1.1制作汽車外部構造產品演示動畫設計思路為了在互聯(lián)網中大力宣傳品牌旗下熱銷的電動汽車，“綠馳未來”品牌計劃以“一起自駕游”為主題制作網絡廣告動畫，并投放在各大主流App中。（1）網絡廣告動畫需突出主題，電動汽車元素明顯。（2）網絡廣告動畫具有輕松愉快的氛圍，視覺效果美觀，布局合理、大氣。（3）網絡廣告動畫尺寸為720像素×1280像素，平臺類型為HTML5Canvas，幀速率為24。設計要求7.1.2制作汽車宣傳網絡廣告動畫設計思路(1）使用素材文件中的場景素材分批次制作場景動效，如云彩和太陽的位移動效、植物葉片的搖動動效。（2）繪制2個圓角矩形充當文本框，制作逐漸展開的視覺效果。（3）使用素材文件中的汽車素材制作汽車從畫面外行駛到畫面內的效果；利用音符素材，制作音符從車窗內漂浮到車窗外的效果。（4）添加主題文字，將其分離為單個字符，刪除“一”字符，使用“矩形工具”繪制矩形充當文字，調整單個字符的顏色、字號和位置后，將其一同轉換為圖形元件。7.1.2制作汽車宣傳網絡廣告動畫圖

汽車宣傳網絡廣告動畫7.1.2制作汽車宣傳網絡廣告動畫設計思路為了配合品牌的宣傳策略，并為觀眾提供更好的消費體驗，“綠馳未來”品牌準備在官方網站中新增加載動效。（1）加載動效需要以電動汽車為主要元素，以汽車功能為核心設計其他元素。（2）加載動效配色和諧，視覺效果大氣，動態(tài)效果生動有趣，具有科技感。（3）加載動效尺寸為1280像素×720像素，平臺類型為HTML5Canvas，幀速率為24。設計要求7.1.3制作品牌官網加載動效設計思路（1）先繪制青紫色漸變背景，增強科技感；再繪制無填充的圓角矩形充當進度條邊框，隨后復制兩次圓角矩形所在圖層，并將它們分別轉換為遮罩層和被遮罩層，制作出進度條的讀取進度變化的動態(tài)效果。（2）在圓角矩形右側繪制帶有筆觸和填充的橢圓形，在上方添加方向盤素材，然后為該素材制作方向盤轉動的視覺效果。（3）添加汽車素材繪制陰影，再制作汽車行駛的動態(tài)效果，然后跟隨進度條的讀取進度制作汽車的位移動效，需要讓汽車始終領先于進度條，并且汽車從舞臺左側漸顯進入。（4）添加“LOADING”文字和“...”標點符號，為標點符號制作逐幀動畫，使3個圓點逐漸顯示。7.1.3制作品牌官網加載動效圖

品牌官網加載動效7.1.3制作品牌官網加載動效設計思路目錄7.1電動汽車品牌項目設計7.2航空企業(yè)項目設計7.3環(huán)保項目設計7.4傳統(tǒng)文化宣傳項目設計企業(yè)在淡季期間推出了優(yōu)惠活動，此需要以該活動為主題制作活動廣告動畫，投放到人流量較大的商圈中進行宣傳。（1）活動廣告動畫畫面具有創(chuàng)意性，視覺效果美觀、新穎。（2）活動廣告動畫需要展示具體的時間和內容等活動信息，且具有高識別度。（3）活動廣告動畫尺寸為1280像素×720像素，平臺類型為ActionScript3.0，幀速率為24。設計要求7.2.1制作優(yōu)惠活動廣告動畫設計思路（1）打開場景和飛機素材，先創(chuàng)建新圖層，添加喇叭素材，并且添加文字，制作使用喇叭通知觀眾參與活動的視覺效果，并且通過復制喇叭素材、調整填充色，制作出厚度，增強立體感。（2）為云朵素材制作漂浮動態(tài)效果，同時添加投影濾鏡，增強畫面空間感。（3）為不同圖層上的場景素材制作出場動畫，使其由底部逐漸展開至顯示全貌。（4）為飛機制作出從左側粘貼板飛入舞臺的動態(tài)效果，再新建圖層，添加活動信息文字，制作出飛機飛行過程中文字不斷躍動展示的視覺效果。（5）依次添加背景音樂和配音素材，調整背景音樂開始處的音量，避免配音被干擾，以一聲“出門旅行啦”的配音吸引觀眾的注意力，提升其觀看廣告后續(xù)內容的興趣。7.2.1制作優(yōu)惠活動廣告動畫圖

優(yōu)惠活動廣告動畫7.2.1制作優(yōu)惠活動廣告動畫設計思路為了確保乘客在乘機過程中的安全，該企業(yè)準備制作安全演示動畫講解安全知識，該動畫將在機場內和飛機上的所有LED屏幕中循環(huán)播放。（1）安全演示動畫要包含安檢、登機時和登機后的安全知識演示。（2）安全演示動畫的畫面豐富，與演示內容相對應，添加字幕和配音，方便乘客觀看。（3）安全演示動畫的畫面布局美觀，合理安排與安全相關的知識內容。（4）安全演示動畫尺寸為1280像素×720像素，平臺類型為ActionScript3.0，幀速率為25。設計要求7.2.2制作乘機安全演示動設計思路（1）利用畫面素材文件中第1幀的內容，并添加標題文字，制作出演示動畫的標題動畫。（2）新增場景，利用畫面素材文件中第2幀的內容制作安檢場景，再在底部添加文本框和相應字幕。（3）新增場景，利用畫面素材文件中第3幀的內容制作登機場景，再在底部添加文本框和相應字幕，并制作乘客正在登機的動畫。（4）新增場景，利用畫面素材文件中第4幀的內容制作飛機內部場景，再在底部添加文本框和相應字幕。（5）分別在不同場景中添加對應的音頻素材，并根據時長調整幀位置，使音畫同步。7.2.2制作乘機安全演示動圖

本例的參考效果7.2.2制作乘機安全演示動設計思路為提升官網的吸引力和觀眾使用體驗，“世紀飛越航空”企業(yè)計劃為官網添加啟動動效。（1）啟動動效的畫面設計要與企業(yè)定位相關，充分體現航空業(yè)務。（2）啟動動效色彩搭配和諧、美觀，整體布局大氣，元素簡潔。（3）啟動動效尺寸為1280像素×720像素，平臺類型為HTML5Canvas，幀速率為25。設計要求7.2.3制作企業(yè)官網啟動動效設計思路（1）繪制寬于舞臺的藍色矩形充當天空，分別將素材文件中的素材添加到不同圖層中，調整寬度和位置，制作出寬于舞臺的場景畫面。（2）將太陽圖形轉換為元件，在其內部通過遮罩添加質感素材和光效素材，制作出特殊效果。（3）使用補間動畫原理為當前舞臺中位于天空以外的元素制作位移動畫，如太陽升起、云朵飄動、飛機飛行的位移動畫，同時三者在舞臺中形成重疊效果。（4）利用攝像頭功能調整畫面景別，形成飛機沖出云層后平穩(wěn)飛行的視覺效果。（5）添加企業(yè)名稱文字和歡迎文字，分離文字圖元后制作變形效果，添加投影濾鏡強調文字。7.2.3制作企業(yè)官網啟動動效圖

企業(yè)官網啟動動效7.2.3制作企業(yè)官網啟動動效設計思路為提升“世紀飛越航空”企業(yè)的知名度，該企業(yè)自費與當地電視臺合作制作了《航空驛站》特別節(jié)目，以現場采訪的形式全面展示企業(yè)入駐的機場、各種配套服務等，現需要制作該特別節(jié)目片頭動畫。（1）片頭動畫的場景設定為機場，需展示機場環(huán)境優(yōu)美、交通方便的特點。（2）片頭動畫的動態(tài)效果流暢，畫面內容豐富。（3）片頭動畫需要重點展示節(jié)目名稱，且節(jié)目名稱的展示效果具有創(chuàng)意性。（4）片頭動畫尺寸為1280像素×720像素，平臺類型為ActionScript3.0，幀速率為25。設計要求7.2.4制作《航空驛站》特別節(jié)目片頭動畫設計思路（1）打開機場素材文件，利用其中的元素制作機場正在運作的動態(tài)效果。（2）為云朵制作位移動畫，再添加攝像組文件中的素材，為手持麥克風的人物元素制作動態(tài)效果。（3）使用攝像機功能制作畫面景別切換的動態(tài)效果，充分展示地面攝像組正在準備工作、機場正常運作的景象，同時為后續(xù)節(jié)目名稱的出場調整合適的畫面。（4）使用“圖層深度”面板為天空中的元素，如飛機、云朵等制作深度效果，加強畫面的立體感。（5）添加節(jié)目名稱文字，繪制文字的裝飾圖形，再制作縮放和旋轉并行的出場動畫。（6）依次添加背景音樂和配音素材，調整背景音樂音量，淡入淡出效果，避免配音被干擾。7.2.4制作《航空驛站》特別節(jié)目片頭動畫圖

《航空驛站》特別節(jié)目片頭動畫7.2.4制作《航空驛站》特別節(jié)目片頭動畫設計思路目錄7.1電動汽車品牌項目設計7.2航空企業(yè)項目設計7.3環(huán)保項目設計7.4傳統(tǒng)文化宣傳項目設計為了提升公眾對環(huán)保問題的關注度，該環(huán)保組織決定制作一個以環(huán)保為主題的公益廣告動畫，并通過新媒體平臺進行投放。（1）公益廣告動畫的畫面能深刻展示環(huán)境污染帶來的嚴重生態(tài)問題，視覺沖擊力強。（2）公益廣告動畫的視聽體驗感較強，畫面清晰、美觀。（3）公益廣告動畫的尺寸為1280像素×720像素，平臺類型為ActionScript3.0，幀速率為24。設計要求7.3.1制作環(huán)保公益廣告動畫設計思路（1）添加圖像素材和塑料袋圖形素材，以塑料袋圖形素材作為遮罩，透過塑料袋圖形素材展示圖像素材內容，繪制矩形遮罩，通過補間動畫完整展示出舞臺的內容。（2）使用攝像頭功能切換畫面景別，以特寫、近景、中景、遠景和全景逐漸展示環(huán)境污染帶來的嚴重生態(tài)問題。（3）添加宣傳語，并繪制文本框，強化宣傳語的識別度，并通過綠葉裝飾反襯公益廣告動畫的主題。（4）添加音頻素材，調整宣傳語位置的背景音樂音量，使效果和諧。7.3.1制作環(huán)保公益廣告動畫圖

環(huán)保公益廣告動畫7.3.1制作環(huán)保公益廣告動畫設計思路為了增強學生的環(huán)保意識，該環(huán)保組織計劃制作一部以海洋污染為主題的教育演示動畫，并通過學校安排的專題課程向學生展示這部動畫。（1）教育演示動畫的內容豐富，包括海洋污染的歷程、現狀和對策。（2）教育演示動畫具有交互設計，可由觀眾自行選擇播放的內容。（3）教育演示動畫尺寸為1280像素×720像素，平臺類型為ActionScript3.0，幀速率為24。設計要求7.3.2制作海洋污染教育演示動畫設計思路（1）將素材文件中的場景素材添加到演示動畫文件圖層的第1幀，充當整個文件的背景圖。（2）創(chuàng)建鼠標指針圖層，添加素材文件中的螃蟹圖形，將其制作成影片剪輯元件。（3）創(chuàng)建動畫圖層，動畫圖層第1幀內容為空白，第2幀內容為歷程文字和文本框，其需統(tǒng)一放置在影片剪輯元件中。（4）使用遮罩制作出歷程文字逐行展示的視覺效果。對策圖示分為3個，需要先逐一展示文字內容，再展示對應的圖示，在第3個圖示消失后，再展示一個問題文字。（5）創(chuàng)建按鈕圖層，先制作一個按鈕，通過直接復制和修改內容制作出剩余3個按鈕。（6）為4個按鈕設置實例名稱，然后依次為背景圖的第1幀、各個幀上的按鈕和鼠標指針圖層第1幀上的元件添加代碼。7.3.2制作海洋污染教育演示動畫圖

海洋污染教育演示動畫7.3.2制作海洋污染教育演示動畫設計思路為了提升公眾對環(huán)境保護的重視，該環(huán)保組織受當地電視臺邀請，在某檔節(jié)目上作為嘉賓介紹環(huán)保的相關內容，現需要制作該節(jié)目的影視包裝動畫——花字動畫。（1）花字動畫的外形設計以植物為主要元素，視覺效果美觀，動態(tài)效果流暢。（2）花字動畫需要分為背景層和文字層，可以讓節(jié)目組自行替換其中的文字內容。（3）花字動畫包含段落文字花字（用于添加小提示）和詞語文字花字（用于添加短語）。（4）花字動畫尺寸為800像素×720像素，平臺類型為ActionScript3.0，幀速率為24。設計要求7.3.3制作環(huán)保節(jié)目花字動畫設計思路（1）使用矩形工具在對象繪制模式下繪制2個大圓角矩形框和1個虛線裝飾，以便組合使用，然后在新圖層中繪制2個小圓角矩形。（2）在小圓角矩形所在圖層中添加素材文件中的植物素材，將其統(tǒng)一轉換為同一個元件，并在內部制作葉片搖動和花朵旋轉的動態(tài)效果。（3）新建圖層，在新圖層中添加段落文字花字，并在內部制作逐句顯示的動態(tài)效果。（4）復制植物元件，將其粘貼到新場景中，制作縮放出場動畫；在新圖層中繪制展示詞語文字花字的圓角矩形，制作變形出場動畫；通過直接復制得到新提示文字，添加到新圖層中，修改其中的內容，再為該圖層創(chuàng)建遮罩層，制作逐字出場動畫。（5）按照與出場動畫相反的視覺效果制作所有內容的退場動畫。7.3.3制作環(huán)保節(jié)目花字動畫圖

環(huán)保節(jié)目花字動畫設計思路7.3.3制作環(huán)保節(jié)目花字動畫目錄7.1電動汽車品牌項目設計7.2航空企業(yè)項目設計7.3環(huán)保項目設計7.4傳統(tǒng)文化宣傳項目設計為了營造新年的氛圍和宣傳春節(jié)習俗，宣傳部門計劃在該市所有政府網頁中嵌入春節(jié)主題的網頁橫幅廣告動畫，使市民在瀏覽網頁時能夠感受到濃厚的年味。（1）網頁橫幅廣告動畫畫面元素應與春節(jié)習俗相關，布局美觀簡潔，動態(tài)效果流暢。（2）網頁橫幅廣告動畫尺寸為728像素×90像素，平臺類型為HTML5Canvas，幀速率為24。設計要求7.4.1制作春節(jié)主題的網頁橫幅廣告動畫設計思路（1）在不同圖層上添加背景和紋理素材，使其填滿舞臺，然后調整紋理素材的不透明度。（2）在新圖層上添加所有燈籠素材，并分別在內部制作搖動的動態(tài)效果。

（3）在新圖層的舞臺中間位置添加文字，并在內部為每個字符制作依次放大的動態(tài)效果。（4）在新圖層上添加多角形裝飾素材，通過復制、粘貼和移動等操作使其覆蓋整個舞臺，制作上下位移的動態(tài)效果，同時調整素材的亮度，增強空間感。7.4.1制作春節(jié)主題的網頁橫幅廣告動畫圖

春節(jié)主題的網頁橫幅廣告動畫設計思路7.4.1制作春節(jié)主題的網頁橫幅廣告動畫為了增添新年氛圍和發(fā)揚新年文化，宣傳部門計劃在該市所有政府網頁中融入春節(jié)主題的視覺反饋動效，這些動效將在市民停止操作網頁時自動呈現，以增強頁面的互動性。（1）視覺反饋動效的構成元素能展示春節(jié)文化，美觀且具有親和力。（2）視覺反饋動效的動態(tài)效果簡潔、大氣、流暢。（3）視覺反饋動效尺寸為1000像素×500像素，平臺類型為HTML5Canvas，幀速率