Animate動畫制作立體化教程（Animate 2021）課件全套 項目1-10 走進(jìn)Animate動畫設(shè)計 -商業(yè)設(shè)計案例

項目1走進(jìn)Animate動畫設(shè)計Animate動畫制作立體化教程（Animate2021）（微課版）新形態(tài)立體化精品系列教材2任務(wù)1.1認(rèn)識Animate動畫任務(wù)1.2認(rèn)識Animate2021的工作界面內(nèi)容導(dǎo)航綜合實戰(zhàn)任務(wù)1.3合成“雪花飄落”動畫任務(wù)1.1?認(rèn)識Animate動畫由于老洪的團(tuán)隊常使用Animate制作動畫，為了在后續(xù)工作中能發(fā)揮該軟件的優(yōu)勢以及突出該軟件所制作動畫的特點，米拉決定先查閱動畫的概念與原理、分類等相關(guān)知識，再分析Animate動畫的特點和應(yīng)用領(lǐng)域、平臺類型和文件格式，以及制作流程，挖掘Animate動畫的精髓。任務(wù)1.1?認(rèn)識Animate動畫1．動畫的概念與原理（1）動畫的概念動畫（animation）一詞源自拉丁文字根“anima”，意思為“靈魂”。如右圖所示。（2）動畫的原理視覺暫留是指光信號在視網(wǎng)膜上產(chǎn)生的視覺形象在光消失后，仍在人的視網(wǎng)膜上保留一段時間的現(xiàn)象，而動畫與電影、電視作品都是基于人眼的視覺暫留原理產(chǎn)生的。任務(wù)1.1?認(rèn)識Animate動畫2．動畫的分類（1）按制作形式分類動畫按制作形式可分為以下3種。平面動畫中止動畫計算機(jī)合成動畫任務(wù)1.1?認(rèn)識Animate動畫2．動畫的分類（2）按傳播途徑分類動畫按傳播途徑可分為以下3種。影院動畫。

影院動畫是指在影院上映的動畫，分為短片與長片。電視動畫。

電視動畫是指在電視機(jī)中播放的動畫，常以集的形式呈現(xiàn)，每集長度約為20min。網(wǎng)絡(luò)動畫。

網(wǎng)絡(luò)動畫是指通過互聯(lián)網(wǎng)傳播的動畫。

任務(wù)1.1?認(rèn)識Animate動畫2．動畫的分類（3）按動畫播放效果分類動畫按動畫播放效果可分為順序動畫和交互式動畫。順序動畫。

順序動畫是指依據(jù)某個順序進(jìn)行連續(xù)動作而形成的動畫，這是一種常見的動畫形式，市面上多數(shù)動畫都依據(jù)幀順序播放來呈現(xiàn)動畫內(nèi)容。交互式動畫。

交互式動畫是指在動畫播放時支持事件響應(yīng)和交互功能的一種動畫，如需要在動畫中單擊“下一頁”“上一頁”按鈕才能繼續(xù)展示某些動畫內(nèi)容。任務(wù)1.1?認(rèn)識Animate動畫3．Animate動畫的特點和應(yīng)用領(lǐng)域（1）Animate動畫的特點Animate動畫之所以深受設(shè)計師喜愛，主要得益于以下6個特點。高保真和傳播方便01具有交互性02制作成本低03技術(shù)先進(jìn)04適配性強(qiáng)05互通性強(qiáng)06廣告領(lǐng)域任務(wù)1.1?認(rèn)識Animate動畫3．Animate動畫的特點和應(yīng)用領(lǐng)域（2）Animate動畫的應(yīng)用領(lǐng)域Animate動畫作為一種強(qiáng)大的視覺媒介，具有豐富的表現(xiàn)手段，且應(yīng)用場景也十分廣泛。互聯(lián)網(wǎng)領(lǐng)域影視領(lǐng)域任務(wù)1.1?認(rèn)識Animate動畫3．Animate動畫的特點和應(yīng)用領(lǐng)域（2）Animate動畫的應(yīng)用領(lǐng)域教育領(lǐng)域電子商務(wù)領(lǐng)域任務(wù)1.1?認(rèn)識Animate動畫4．Animate動畫的平臺類型和文件格式（1）Animate動畫的平臺類型Animate動畫的平臺類型包括HTML5Canvas、ActionScript3.0、AIRforDesktop、AIRforAndroid和AIRforiOS5種，各平臺類型的適用環(huán)境和運行環(huán)境如表所示。任務(wù)1.1?認(rèn)識Animate動畫4．Animate動畫的平臺類型和文件格式（2）Animate動畫的文件格式Animate動畫保存后會產(chǎn)生FLA格式的文件；ActionScript3.0平臺類型的動畫文件發(fā)布后，會產(chǎn)生SWF格式的文件；HTML5Canvas平臺類型的動畫文件發(fā)布后，會產(chǎn)生HTML、JS或PNG格式的文件。SWF（*.swf）格式JavaScript（*.js）HTML（*.html）格式PNG（*.png）格式FLA（*.fla）格式任務(wù)1.1?認(rèn)識Animate動畫5．Animate動畫的制作流程Animate動畫的制作流程包括以下6個階段。前期策劃01搜集與編輯素材02制作動畫03后期調(diào)試與優(yōu)化04測試動畫05發(fā)布動畫0614任務(wù)1.1認(rèn)識Animate動畫任務(wù)1.2認(rèn)識Animate2021的工作界面內(nèi)容導(dǎo)航綜合實戰(zhàn)任務(wù)1.3合成“雪花飄落”動畫任務(wù)1.2?認(rèn)識Animate2021的工作界面米拉打開工位上的計算機(jī)，雙擊啟動Animate2021，新建文件后進(jìn)入工作界面，該工作界面主要由菜單欄、工具箱、場景、標(biāo)題欄、“時間軸”面板和常用面板組成，如下圖所示。任務(wù)1.2?認(rèn)識Animate2021的工作界面1．菜單欄菜單欄由11個菜單組成，每個菜單中都包含多個命令。01．“文件”菜單04．“插入”菜單07．“命令”菜單10．“窗口”菜單02．“編輯”菜單05．“修改”菜單08．“控制”菜單03．“視圖”菜單06．“文本”菜單09．“調(diào)試”菜單11．“幫助”菜單任務(wù)1.2?認(rèn)識Animate2021的工作界面2．工具箱工具箱包含制作動畫的常用工具，如下圖所示，右下角有

符號表示該工具處于工具組內(nèi)，將鼠標(biāo)指針移至具有符號的工具上，單擊鼠標(biāo)右鍵可展開工具組，顯示組內(nèi)其他工具。除此之外，單擊工具箱中的“編輯工具箱”按鈕

，可打開工具欄選項板（見右圖）。任務(wù)1.2?認(rèn)識Animate2021的工作界面3．場景（1）編輯欄編輯欄包含編輯場景和元件的常用按鈕，如下圖所示。任務(wù)1.2?認(rèn)識Animate2021的工作界面3．場景（2）舞臺和粘貼板在場景中，舞臺相當(dāng)于實際表演中的舞臺，舞臺四周的黑色輪廓線是視圖輪廓線，也是與粘貼板的分界線，如下圖所示。舞臺的大小便是動畫文件的尺寸，只有在舞臺中的內(nèi)容才能在最終輸出的動畫文件中顯示，如下圖所示。任務(wù)1.2?認(rèn)識Animate2021的工作界面4．“時間軸”面板（1）圖層控制區(qū)制作動畫的主要操作都是在圖層上進(jìn)行的，而圖層控制區(qū)便是控制和管理圖層的區(qū)域，按照堆疊順序顯示當(dāng)前文件中所有圖層的名稱、類型和狀態(tài)等，如下圖所示。任務(wù)1.2?認(rèn)識Animate2021的工作界面4．“時間軸”面板（2）時間線控制區(qū)時間線控制區(qū)用于選擇和播放位于時間軸中的幀畫面，由幀、播放頭、幀標(biāo)尺、時間標(biāo)尺等部分組成，如下圖所示。任務(wù)1.2?認(rèn)識Animate2021的工作界面5．常用面板常用面板有以下7種，這些面板只需在“窗口”菜單中選擇相應(yīng)命令，即可顯示在工作界面中。01．“幀選擇器”面板04．“屬性”面板07．“歷史記錄”面板02．“輸出”面板05．“變形”面板03．“編譯器錯誤”面板06．“信息”面板23任務(wù)1.1認(rèn)識Animate動畫任務(wù)1.2認(rèn)識Animate2021的工作界面內(nèi)容導(dǎo)航綜合實戰(zhàn)任務(wù)1.3合成“雪花飄落”動畫任務(wù)1.3?合成“雪花飄落”動畫米拉熟悉了Animate2021的工作界面后，便收到了老洪發(fā)來的合成“雪花飄落”動畫的任務(wù)。老洪告訴米拉，該動畫所需的素材被放置在不同文件中，其他圖形素材則需要米拉自行搜集和導(dǎo)入，并將所有素材統(tǒng)一添加到一個文件中，用于合成動畫。這需要米拉熟練掌握Animate的基本操作。【任務(wù)描述】任務(wù)背景某民宿需要設(shè)計以四季交替為主題的田園場景動畫，用于在店鋪中播放，以營造閑適的氛圍感。米拉負(fù)責(zé)的是在秋冬過渡時期，某個鄉(xiāng)間小屋外雪花紛飛的動畫，需要讓白色的雪花在棕色調(diào)的深秋場景中飛舞，營造出寧靜感。任務(wù)目標(biāo)①

合成尺寸為1280像素×720像素，幀速率為24幀/秒，時長為3s，平臺類型為ActionScript3.0的動畫文件。②

調(diào)整動畫文件的幀速率，將多個素材匯總到同一個文件中。③

調(diào)整圖層堆疊順序來布局動畫中的元素，使畫面簡潔美觀，動畫效果流暢，整體觀看體驗較佳。知識要點新建文件、打開文件、導(dǎo)入文件、復(fù)制與粘貼圖層、調(diào)整圖層堆疊順序、輔助線、調(diào)整文件屬性、保存文件。【任務(wù)描述】本任務(wù)的參考效果如上圖所示【知識準(zhǔn)備】1．新建文件（1）新建空白動畫文件選擇【文件】/【新建】命令，或按【Ctrl＋N】組合鍵，打開“新建文檔”對話框，如右圖所示。先選擇所需的文件類型和預(yù)設(shè)尺寸，然后在詳細(xì)信息區(qū)域中設(shè)置除寬、高以外的參數(shù)，單擊“創(chuàng)建”按鈕可創(chuàng)建空白動畫文件。【知識準(zhǔn)備】1．新建文件（2）新建模板文件選擇【文件】/【從模板新建】命令，或按【Ctrl＋Shift＋N】組合鍵，打開“從模板新建”對話框，選擇模板類別、模板選項后，在右側(cè)可預(yù)覽效果，單擊“確定”按鈕可基于模板新建一個文件，舞臺左下方會出現(xiàn)紅色提示文字，紅色提示文字主要展示該模版的一些使用說明，如下圖所示。【知識準(zhǔn)備】2．打開和導(dǎo)入文件（1）打開文件常用的打開文件的方法有以下兩種。選擇【文件】/【打開】命令，或按【Ctrl＋O】組合鍵，打開“打開”對話框，選擇單個文件，單擊“打開”按鈕，將打開該文件。在“打開”對話框中，按住【Ctrl】鍵，依次單擊要打開的文件，單擊“打開”按鈕，將逐個打開選擇的多個文件。選擇【文件】/【打開最近的文件】命令，在右側(cè)的列表中選擇需要打開的文件，可以快速打開最近打開過的文件。【知識準(zhǔn)備】2．打開和導(dǎo)入文件（2）導(dǎo)入文件導(dǎo)入文件的常用方法有以下3種。導(dǎo)入舞臺：選擇【文件】/【導(dǎo)入】/【導(dǎo)入到舞臺】命令，打開“導(dǎo)入”對話框，選擇素材文件，單擊”打開“按鈕，可直接將素材文件中的內(nèi)容導(dǎo)入舞臺顯示。導(dǎo)入庫：選擇【文件】/【導(dǎo)入】/【導(dǎo)入到庫】命令，打開“導(dǎo)入”對話框，選擇素材文件，單擊”打開“按鈕，可將素材文件導(dǎo)入“庫”面板，而不在舞臺中顯示。打開外部庫：選擇【文件】/【導(dǎo)入】/【打開外部庫】命令，打開“導(dǎo)入”對話框，選擇FLA格式的文件，單擊”打開“按鈕，可將其作為庫打開并使用其中的元素。【知識準(zhǔn)備】3．調(diào)整文件屬性（1）調(diào)整舞臺大小修改“寬”“高”數(shù)值可調(diào)整舞臺的寬度和高度。單擊按鈕，或選擇【修改】/【文檔】命令，可打開“文檔設(shè)置”對話框，如右圖所示，在該對話框中可更細(xì)致地調(diào)整文件。【知識準(zhǔn)備】3．調(diào)整文件屬性（2）調(diào)整舞臺顏色調(diào)整舞臺顏色時，可使用Animate預(yù)設(shè)的顏色，也可使用自定義顏色。色板“顏色選擇器”對話框【知識準(zhǔn)備】3．調(diào)整文件屬性（3）調(diào)整幀速率在“文檔設(shè)置”欄的“FPS”數(shù)值框中修改數(shù)值可以調(diào)整幀速率。由于幀速率決定了每秒播放圖像的數(shù)量，因此調(diào)整幀速率會導(dǎo)致當(dāng)前文件的持續(xù)時間發(fā)生變化，從而影響動畫效果。若勾選“縮放間距”復(fù)選框，可按照更改比例（設(shè)置的“FPS”數(shù)值/當(dāng)前幀數(shù)）來縮放幀，以免動畫效果受到影響。【知識準(zhǔn)備】4．使用輔助工具（1）標(biāo)尺默認(rèn)情況下，標(biāo)尺處于隱藏狀態(tài)，啟用標(biāo)尺后，標(biāo)尺會顯示在場景的左側(cè)和上方，以測量場景中指定對象的高度和寬度。啟用標(biāo)尺的具體方法：選擇【視圖】/【標(biāo)尺】命令，或按【Ctrl＋Alt＋Shift＋R】組合鍵。再次選擇該命令，或按【Ctrl＋Alt＋Shift＋R】組合鍵，將隱藏標(biāo)尺。【知識準(zhǔn)備】4．使用輔助工具（2）網(wǎng)格網(wǎng)格是指舞臺上橫豎交錯的網(wǎng)狀圖案，在制作動畫時，網(wǎng)格能幫助設(shè)計師定位對象位置。若需要調(diào)整網(wǎng)格，可選擇【視圖】/【網(wǎng)格】/【編輯網(wǎng)格】命令，打開“網(wǎng)格”對話框，如右圖所示，在其中自行設(shè)置后，單擊“確定”按鈕。【知識準(zhǔn)備】4．使用輔助工具（3）輔助線輔助線與網(wǎng)格類似，是一種橫豎交錯的線條，不僅可以在舞臺中輔助定位元素的位置，還可以根據(jù)需要設(shè)置顯示的數(shù)量及位置。移動輔助線刪除和清除輔助線鎖定輔助線編輯輔助線添加輔助線【知識準(zhǔn)備】5．使用圖層（1）圖層的基本操作圖層的基本操作包括以下幾種。選擇圖層重命名圖層復(fù)制圖層剪切與粘貼圖層調(diào)整圖層的堆疊順序?qū)D層放入文件夾展開或折疊文件夾將圖層移出文件夾【知識準(zhǔn)備】5．使用圖層（2）修改圖層的屬性選擇圖層，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“屬性”命令，打開“圖層屬性”對話框，如右圖所示，在其中設(shè)置參數(shù)后，單擊“確定”按鈕。【任務(wù)實施】米拉準(zhǔn)備先創(chuàng)建符合設(shè)計要求的文件，再將場景文件中的圖像素材添加到新文件，接著調(diào)整新文件的舞臺顏色，以構(gòu)成棕色調(diào)的場景畫面，具體操作如下。1．新建文件并調(diào)整舞臺顏色01新建文檔02打開“場景素材.fla”文件【任務(wù)實施】1．新建文件并調(diào)整舞臺顏色03復(fù)制與粘貼舞臺顏色值04調(diào)整舞臺顏色的前后對比效果【任務(wù)實施】調(diào)整完新文件的舞臺顏色后，米拉準(zhǔn)備通過復(fù)制與粘貼圖層的方式，將場景文件中的圖像素材添加到新文件中，再導(dǎo)入自行搜集的圖像素材，后續(xù)布局畫面做鋪墊，具體操作如下。2．復(fù)制、粘貼圖層并導(dǎo)入素材01復(fù)制與粘貼圖層02復(fù)制與粘貼圖層后的效果03導(dǎo)入素材到舞臺【任務(wù)實施】米拉打算采用剪切圖層的方式，將雪花動畫素材文件中的元素添加到新文件中。但是該動畫文件的幀速率與客戶的要求不符，因此需要先調(diào)整幀速率，具體操作如下。3．調(diào)整幀速率并剪切圖層02剪切圖層01調(diào)整幀速率前后效果對比【任務(wù)實施】合成動畫的所需素材都已添加完畢，但還需要調(diào)整素材的堆疊順序來調(diào)整畫面的顯示效果，具體操作如下。4．調(diào)整圖層的堆疊順序02調(diào)整“圖層_2”的堆疊順序01調(diào)整“圖層_3”的堆疊順序【任務(wù)實施】“雪花飄落”動畫已經(jīng)合成完畢，米拉需要將其保存為同名的文件，并關(guān)閉文件，以便將文件發(fā)送給老洪查看，具體操作如下。5．保存與關(guān)閉文件03主頁界面01合成動畫效果02保存文件45任務(wù)1.1認(rèn)識Animate動畫任務(wù)1.2認(rèn)識Animate2021的工作界面內(nèi)容導(dǎo)航綜合實戰(zhàn)任務(wù)1.3合成“雪花飄落”動畫綜合實戰(zhàn)

合成“宇宙飛船”動畫老洪很滿意米拉合成的“雪花飄落”動畫，便把另一個制作思路相似，但動畫風(fēng)格不同的設(shè)計任務(wù)交給米拉負(fù)責(zé)，讓米拉鞏固Animate的基本操作，同時鍛煉其制作不同風(fēng)格動畫作品的能力。【實戰(zhàn)描述】實戰(zhàn)背景某科研愛好者組織準(zhǔn)備舉辦交流會，需要制作一個以宇宙飛船繞行小行星進(jìn)行勘測為主題的科技風(fēng)格動畫，在會議開始前循環(huán)播放，渲染氣氛。實戰(zhàn)目標(biāo)①

合成尺寸為1280像素×720像素，幀速率為24幀/秒，時長為3s，平臺類型為ActionScript3.0的動畫文件。②

調(diào)整舞臺屬性制作動畫場景，然后在場景中添加其他素材，布局動畫畫面，突出宇宙飛船繞小行星運動的動畫效果。③

畫面元素豐富，色彩鮮明，動畫效果豐富。知識要點打開文件、調(diào)整文件屬性、導(dǎo)入文件。【實戰(zhàn)描述】本實戰(zhàn)的參考效果如左圖所示。【思路及步驟】由于搜集到的場景圖像位于FLA格式的文件中，但是該文件的舞臺大小不符合要求，因此需要調(diào)整后，再將圖像素材、動畫素材分別添加到場景圖像中，其中動畫素材的幀速率與場景圖像的幀速率不一致，需要調(diào)整一致后再添加。制作思路如右圖所示，參考步驟如下。50Thankyou!海量圖書方便查詢免費申請樣書下載配套資源優(yōu)惠購書成為作者更多樣書申請和資源下載需求，請登錄人郵教育社區(qū)（)囊括各大品類，您想要的應(yīng)有盡有教師免費申請樣書，我們將安排快遞迅速送達(dá)教學(xué)視頻、PPT課件、教學(xué)案例、習(xí)題答案、模擬試卷等豐富資源免費下載教師可以申請最低折扣學(xué)生直接優(yōu)惠購買圖書歡迎寫文章／投稿，我們強(qiáng)大的編輯團(tuán)隊將為您提供專業(yè)和高效的編輯出版服務(wù)項目2繪制與編輯圖形Animate動畫制作立體化教程（Animate2021）（微課版）新形態(tài)立體化精品系列教材53任務(wù)2.1繪制卡通動物任務(wù)2.2繪制植物App界面圖標(biāo)內(nèi)容導(dǎo)航綜合實戰(zhàn)任務(wù)2.3制作公園兒童活動區(qū)動畫場景任務(wù)2.1?繪制卡通動物在繪制卡通動物的任務(wù)中，米拉先在紙上設(shè)計了多個卡通動物草圖，選定最終方案后，便準(zhǔn)備在Animate中進(jìn)行繪制，以制作出完整的角色效果圖。米拉向老洪請教如何又快又好地完成設(shè)計任務(wù)，老洪告訴她，可以先分析角色的外形特點，將角色從一個整體轉(zhuǎn)換為各個“零件”，然后選擇合適的工具繪制每個“零件”，將其組合成一個完整的角色。【任務(wù)描述】任務(wù)背景某動物環(huán)保組織準(zhǔn)備制作一部以犬類動物為主角的動畫，并將其發(fā)布在各大社交平臺上，通過角色們的日常生活來展示關(guān)于犬類動物的有趣知識。現(xiàn)委托設(shè)計公司制作該動畫，米拉負(fù)責(zé)繪制一個活潑可愛的棕色小狗形象。任務(wù)目標(biāo)①

制作尺寸為1280像素×720像素，平臺類型為ActionScript3.0的動畫文件。②

使用工具繪制動物輪廓的各個部分，并美化繪制效果，如去除多余的線條、調(diào)整線條寬度等。③

動物的造型具有擬人化特點，模擬人的站姿，姿態(tài)生動，表情可愛。知識要點線條工具、鋼筆工具、鉛筆工具、寬度工具、“屬性”面板、橡皮擦工具、選擇工具、部分選取工具、畫筆工具。【任務(wù)描述】本任務(wù)的參考效果如上圖所示【知識準(zhǔn)備】1．線條工具如果需要繪制不同樣式的直線，可使用線條工具

。具體操作方法：在工具箱中選擇線條工具

，在“屬性”面板的“工具”選項卡中自行設(shè)置參數(shù)，然后在舞臺中單擊以確定起始點，按住鼠標(biāo)左鍵并拖曳，鼠標(biāo)指針將由

狀態(tài)變?yōu)?/p>

狀態(tài)，此時沿著拖曳軌跡將繪制出直線，釋放鼠標(biāo)便結(jié)束繪制。線條工具“屬性”面板中的“工具”選項卡如右圖所示。【知識準(zhǔn)備】2．鉛筆工具與線條工具

相比，鉛筆工具

不僅能夠繪制直線，還能繪制曲線，并且該工具的使用方法與線條工具

基本一致。選擇鉛筆工具后，“屬性”面板的“工具”選項卡如右圖所示。3．畫筆工具畫筆工具

的使用方法和功能與鉛筆工具

一致，該工具“屬性”面板的“工具”選項卡如右圖所示。【知識準(zhǔn)備】4．鋼筆工具組（1）鋼筆工具鋼筆工具

主要用于繪制精確的路徑。具體操作方法：選擇鋼筆工具

，在“屬性”面板“工具”選項卡中自行設(shè)置參數(shù)，然后在舞臺中單擊以確定起始錨點，移動鼠標(biāo)指針，在合適位置單擊可創(chuàng)建直線路徑；單擊后，按住鼠標(biāo)左鍵并拖曳，松開鼠標(biāo)后可創(chuàng)建曲線路徑。當(dāng)鼠標(biāo)指針重回起始錨點并變?yōu)闋顟B(tài)時，單擊該錨點可創(chuàng)建閉合式路徑；也可以在繪制時按【Esc】鍵來創(chuàng)建開放式路徑。【知識準(zhǔn)備】4．鋼筆工具組（2）添加錨點工具、刪除錨點工具和轉(zhuǎn)換錨點工具當(dāng)使用鋼筆工具

繪制出的路徑不符合需求時，除了重新繪制外，還可以使用添加錨點工具

、刪除錨點工具

或轉(zhuǎn)換錨點工具

來調(diào)整路徑。添加錨點工具

：用于在路徑上添加錨點。刪除錨點工具

：用于刪除路徑上的錨點。轉(zhuǎn)換錨點工具

：用于轉(zhuǎn)換錨點的類型。【知識準(zhǔn)備】5．選擇工具組（1）選擇工具選擇工具

用于選擇任意對象，選擇對象后還可以移動對象。具體操作方法：選擇該工具，將鼠標(biāo)指針移到舞臺中需要選擇的對象上，當(dāng)鼠標(biāo)指針變?yōu)?/p>

形狀時，單擊可選擇該對象；按住鼠標(biāo)左鍵并拖曳，可以移動選擇的對象。（2）部分選取工具部分選取工具

常用于選擇路徑、選擇錨點、移動錨點和調(diào)整錨點控制柄。【知識準(zhǔn)備】6．橡皮擦工具繪制線條和路徑時若出現(xiàn)失誤，除了可以按【Ctrl＋Z】組合鍵撤銷操作外，還可以使用橡皮擦工具擦除不需要的部分。具體操作方法：選擇該工具，在“屬性”面板的“工具”選項卡中自行設(shè)置參數(shù)，在需要擦除的區(qū)域單擊，或按住鼠標(biāo)左鍵并拖曳，可擦除移動軌跡下的線條或路徑。在“屬性”面板“工具”選項卡中可設(shè)置橡皮擦的擦除模式、形狀和大小，如下圖所示。【知識準(zhǔn)備】7．寬度工具和墨水瓶工具（1）寬度工具寬度工具

常用于調(diào)整線條和路徑的寬度，從而改變其形狀。具體操作方法：選擇該工具，鼠標(biāo)指針將變?yōu)?/p>

形狀，將鼠標(biāo)指針移至需要修改的線條或路徑上，單擊確定一點后，按住鼠標(biāo)左鍵并拖曳鼠標(biāo)指針，便可調(diào)整其寬度，如下圖所示，并且在拖曳過程中，將顯示調(diào)整后線條的輪廓簡略圖。【知識準(zhǔn)備】7．寬度工具和墨水瓶工具（2）墨水瓶工具墨水瓶工具

用于修改線條和路徑的顏色、粗細(xì)、樣式等屬性。具體操作方法：選擇該工具，在“屬性”面板的“工具”選項卡中設(shè)置筆觸、寬、樣式等屬性，然后在需修改的線條或路徑上單擊，以修改對應(yīng)屬性。【任務(wù)實施】米拉根據(jù)草圖將整個繪制過程分為繪制頭部、繪制身體、調(diào)整繪制效果3部分，由于頭部的線條比較圓潤，因此她準(zhǔn)備運用鋼筆工具繪制，具體操作如下。1．繪制卡通動物的頭部01設(shè)置網(wǎng)格參數(shù)02設(shè)置鋼筆工具參數(shù)03繪制曲線路徑【任務(wù)實施】1．繪制卡通動物的頭部04調(diào)整控制柄05繪制左側(cè)耳朵07頭部繪制效果06繪制右側(cè)耳朵和臉型【任務(wù)實施】由于身體部分的線條以曲線和直線為主，并且手指區(qū)域的關(guān)節(jié)較多，為了保證美觀度，米拉決定使用鋼筆工具、線條工具和鉛筆工具來繪制。具體操作如下。2．繪制卡通動物的身體01設(shè)置線條工具參數(shù)02繪制直線效果03繪制其他直線04繪制效果【任務(wù)實施】2．繪制卡通動物的身體05設(shè)置鉛筆工具參數(shù)06繪制手背07繪制右手、左手效果08身體效果【任務(wù)實施】將繪制好的頭部和身體部分移至同一個圖層，擦除多余的筆觸，使繪制效果簡潔美觀；由于眉毛筆觸過窄，因此需要適當(dāng)加寬；調(diào)整完繪制效果后再填充顏色，具體操作如下。3．調(diào)整卡通動物的繪制效果01調(diào)整線條位置02加寬右邊眉毛03加寬左邊眉毛04設(shè)置橡皮擦工具參數(shù)【任務(wù)實施】3．調(diào)整卡通動物的繪制效果05擦除前后效果對比06多余的線條07填充卡通動物的效果71任務(wù)2.1繪制卡通動物任務(wù)2.2繪制植物App界面圖標(biāo)內(nèi)容導(dǎo)航綜合實戰(zhàn)任務(wù)2.3制作公園兒童活動區(qū)動畫場景任務(wù)2.2?繪制植物App界面圖標(biāo)米拉拿到繪制植物App界面圖標(biāo)的任務(wù)資料后，根據(jù)“植物”這一主題上網(wǎng)瀏覽相關(guān)題材的設(shè)計作品，以尋求靈感。米拉發(fā)現(xiàn)圖標(biāo)多由各種外形規(guī)整、視覺美觀的圖形構(gòu)成，可以簡化為色塊與色塊的疊加，非常適合使用Animate中可以填充內(nèi)容的工具來制作。為豐富視覺效果，米拉還準(zhǔn)備在圖標(biāo)中填充漸變顏色。【任務(wù)描述】任務(wù)背景某互聯(lián)網(wǎng)公司開發(fā)了一款以識別植物種類為主要功能的App，現(xiàn)委托設(shè)計公司為首頁界面設(shè)計獨特、吸引人且與App定位相符合的圖標(biāo)，以增強(qiáng)App的可識別性和差異性。米拉負(fù)責(zé)的是放置在“植物夜間知識”超鏈接板塊的圖標(biāo)，圖標(biāo)應(yīng)能充分體現(xiàn)該板塊對應(yīng)的內(nèi)容。任務(wù)目標(biāo)①

制作尺寸為300像素×300像素，平臺類型為ActionScript3.0的動畫文件。②

使用形狀工具組繪制圖標(biāo)的主體圖形，并在其中繪制陰影和高光部分，塑造主題圖形的立體感，提升視覺效果。③

使用形狀工具組繪制形狀規(guī)整的裝飾圖形和底托圖形，與外形不規(guī)整的主體圖形形成反差，增強(qiáng)視覺沖擊力。④

配色為綠色色系，代表植物為世界增添綠色，同色系的配色加強(qiáng)裝飾圖形和底托圖形與主體圖形之間的整體感，使界面圖標(biāo)設(shè)計既存在反差，又和諧統(tǒng)一。知識要點多角星形工具、傳統(tǒng)畫筆工具、“顏色”面板、矩形工具、橢圓工具、顏料桶工具。【任務(wù)描述】本任務(wù)的參考效果如上圖所示【知識準(zhǔn)備】1．形狀工具組選擇矩形工具

或基本矩形工具

，在“屬性”面板的“工具”選項卡（兩個工具的參數(shù)皆一致）中分別設(shè)置筆觸和填充等參數(shù)，如左圖所示，直接在舞臺中按住鼠標(biāo)左鍵并拖曳，可繪制矩形或圓角矩形。（1）矩形工具和基本矩形工具矩形工具

和基本矩形工具

常用于繪制矩形和圓角矩形。其中，使用矩形工具

繪制的矩形，其邊線和填充內(nèi)容是分離的，可以單獨進(jìn)行編輯，而使用基本矩形工具

繪制的矩形是一個整體，不能分離或單獨進(jìn)行編輯。【知識準(zhǔn)備】1．形狀工具組（2）橢圓工具和基本橢圓工具橢圓工具

和基本橢圓工具

可用于繪制橢圓，使用橢圓工具繪制出的橢圓邊線和填充內(nèi)容是分離的，使用基本橢圓工具

繪制出的橢圓是一個整體。合理設(shè)置“屬性”面板中“橢圓選項”欄的參數(shù)（見左圖）還可以繪制扇形、圓環(huán)、圓弧線。【知識準(zhǔn)備】1．形狀工具組（3）多角星形工具多角星形工具

用于繪制幾何多邊形和星形，通過該工具“屬性”面板中的“工具選項”欄（見下圖）可以設(shè)置圖形的邊數(shù)及星形頂點的大小。【知識準(zhǔn)備】2．傳統(tǒng)畫筆工具和流暢畫筆工具選擇傳統(tǒng)畫筆工具

或流暢畫筆工具

，在“屬性”面板的“對應(yīng)工具名稱＋選項”欄中可以設(shè)置畫筆的大小、形狀等參數(shù)；單擊“顏色與填充”欄上方的“畫筆模式”按鈕

，在彈出的下拉列表中有5種畫筆模式可以選擇，如右圖所示。下圖所示為應(yīng)用不同畫筆模式繪制圖形的效果。【知識準(zhǔn)備】3．填充工具組（1）滴管工具滴管工具

常用于采集圖形邊線的顏色或填充內(nèi)容的顏色，然后復(fù)制到其他圖形的邊線或填充內(nèi)容中，但該工具只負(fù)責(zé)采集顏色，填充顏色時需切換到其他工具進(jìn)行操作。具體操作方法：選擇該工具，單擊某個圖形的邊線或填充內(nèi)容，吸取其顏色，再單擊其他圖形的邊線或填充內(nèi)容，可將吸取的顏色復(fù)制到此處，如下圖所示。【知識準(zhǔn)備】3．填充工具組（2）顏料桶工具顏料桶工具

常用于填充由線條構(gòu)成的圖形的顏色。具體操作方法：選擇該工具，在“屬性”面板的“工具”選項卡（見右圖）中設(shè)置填充，再將鼠標(biāo)指針移至需要填充的區(qū)域，單擊。【知識準(zhǔn)備】4．“顏色”面板和“樣本”面板（1）“顏色”面板“顏色”面板可以用于設(shè)置繪圖工具的筆觸和填充顏色，也可以用于調(diào)整當(dāng)前所選圖形的邊線和填充內(nèi)容的顏色。選擇【窗口】/【顏色】命令，打開“顏色”面板，如左圖所示。顏色類型如下圖所示。【知識準(zhǔn)備】4．“顏色”面板和“樣本”面板（2）“樣本”面板“樣本”面板和“顏色”面板功能類似，都可以設(shè)置純色或漸變填充。選擇【窗口】/【樣本】命令，打開“樣本”面板，“默認(rèn)色板”文件夾中放置了常用的純色和漸變顏色，可以單擊色塊來使用對應(yīng)的顏色，如左圖所示。另外，該面板提供的顏色無法修改，但可以通過單擊面板右上角的

按鈕，在彈出的下拉列表中選擇“添加顏色”選項，打開“導(dǎo)入到庫”對話框，將外置的色板文件以文件夾的形式添加到該面板中。【知識準(zhǔn)備】5．漸變變形工具（1）調(diào)整線性漸變使用漸變變形工具

單擊應(yīng)用線性漸變填充的圖形，該圖形上會顯示兩條細(xì)線（用于顯示線性漸變的范圍）和3個控制點。調(diào)整漸變的范圍調(diào)整漸變的方向調(diào)整漸變的位置【知識準(zhǔn)備】5．漸變變形工具（2）調(diào)整徑向漸變使用漸變變形工具

單擊應(yīng)用徑向漸變填充的圖形，該圖形上會顯示一個圓（用于顯示徑向漸變的范圍）和5個控制點。調(diào)整漸變中心的偏移位置整漸變范圍的中心位置拉伸漸變范圍放大漸變范調(diào)整漸變的方向【任務(wù)實施】基于松樹樹冠類似三角形、樹干類似矩形的特點，米拉決定使用矩形工具繪制樹干，使用多角星形工具繪制樹冠，并通過3個樹冠和一個樹干組合形成一棵完整的樹木，具體操作如下。1．繪制樹木圖形

01繪制第1層樹冠

02繪制第2層樹冠04繪制樹干

03繪制第3層樹冠【任務(wù)實施】樹木圖形已初步繪制完畢，但是樹冠視覺效果比較平面化，缺乏層次感，米拉決定結(jié)合傳統(tǒng)畫筆工具和橡皮擦工具為樹冠繪制陰影和高光，加強(qiáng)樹木的立體感，并提升顏色的多樣性，豐富視覺效果，具體操作如下。2．繪制樹冠的陰影和高光

01繪制陰影

02擦除陰影04陰影效果

03擦除其他陰影【任務(wù)實施】2．繪制樹冠的陰影和高光

05繪制高光點06繪制高光線【任務(wù)實施】由于樹冠圖形看起來不太規(guī)整，為提升圖標(biāo)的精致感，米拉準(zhǔn)備將裝飾圖形和底托圖形繪制成幾何樣式，為此需要使用其他形狀工具，具體操作如下。3．繪制裝飾圖形和底托圖形

01設(shè)置徑向漸變

02繪制圓形04繪制橢圓

03調(diào)整漸變顏色【任務(wù)實施】3．繪制裝飾圖形和底托圖形05繪制大扇形和小扇形06繪制其他云朵圖形08繪制星形07更改云朵顏色90任務(wù)2.1繪制卡通動物任務(wù)2.2繪制植物App界面圖標(biāo)內(nèi)容導(dǎo)航綜合實戰(zhàn)任務(wù)2.3制作公園兒童活動區(qū)動畫場景任務(wù)2.3?制作公園兒童活動區(qū)動畫場景米拉翻閱制作公園兒童活動區(qū)動畫場景的任務(wù)資料后，發(fā)現(xiàn)場景內(nèi)要求添加的設(shè)施和物體較多，逐一繪制比較費時，于是便想通過“搜集圖形素材＋編輯圖形素材”的方式來完成這次任務(wù)。搜集圖形素材可以在互聯(lián)網(wǎng)中實現(xiàn)，而編輯圖形素材可以采用Animate提供的修飾、變形、合并、組合和分離圖形等多種功能來操作。于是米拉在搜集完圖形素材后，開始嘗試用這些功能來編輯圖形素材。【任務(wù)描述】任務(wù)背景某游樂園動畫需要分別展示游樂園各個區(qū)域的功能設(shè)施，因此需要制作對應(yīng)區(qū)域的場景。米拉負(fù)責(zé)制作兒童活動區(qū)場景，展示場景中的常見兒童活動設(shè)施，如蹺蹺板、滑梯、秋千等。任務(wù)目標(biāo)①

制作尺寸為1280像素×720像素，平臺類型為ActionScript3.0的動畫文件。②

通過變形藍(lán)天、草坪、云彩等圖形素材，以及添加基礎(chǔ)設(shè)施圖形素材，搭建大致的場景。③

使用形狀工具組繪制形狀規(guī)整的裝飾圖形和底托圖形，與外形不規(guī)整的主體圖形形③

修飾樹冠圖形，并將其與樹干圖形組合成完整的樹木圖形，再添加到場景中，豐富場景元素。④

美化場景中部分圖形的色彩，使場景的色調(diào)為綠色調(diào)，與設(shè)施圖形中的紅色形成對比，營造出反差感。知識要點變形圖形、組合圖形、排列與對齊圖形、修飾圖形、美化圖形。【任務(wù)描述】本任務(wù)的參考效果如上圖所示【知識準(zhǔn)備】1．修飾圖形（1）平滑線條平滑線條顧名思義是指使繪制的線條變得更加流暢、平滑。具體操作方法：選擇線條，選擇【修改】/【形狀】/【平滑】命令，Animate將自動調(diào)整線條的形狀。（2）將線條轉(zhuǎn)換為填充將線條轉(zhuǎn)換為填充可以更加細(xì)致地調(diào)整線條的色彩范圍，也能避免縮小視圖顯示比例后,線條出現(xiàn)鋸齒現(xiàn)象。具體操作方法：選擇線條，選擇【修改】/【形狀】/【將線條轉(zhuǎn)換為填充】命令，Animate將自動把線條轉(zhuǎn)換為填充內(nèi)容，此時使用部分選取工具

單擊填充內(nèi)容，可發(fā)現(xiàn)填充內(nèi)容的內(nèi)外側(cè)都有錨點，拖曳錨點可修改其形狀，如上圖所示。【知識準(zhǔn)備】1．修飾圖形（3）擴(kuò)展填充擴(kuò)展填充能將填充內(nèi)容的顏色向內(nèi)收縮或向外擴(kuò)展，增加圖形繪制的便捷性。具體操作方法：選擇填充內(nèi)容，選擇【修改】/【形狀】/【擴(kuò)展填充】命令，打開“擴(kuò)展填充”對話框，在該對話框中設(shè)置距離和方向，單擊“確定”按鈕，如下圖所示。【知識準(zhǔn)備】1．修飾圖形（4）柔化填充邊緣柔化填充邊緣與擴(kuò)展填充類似，柔滑填充邊緣可以在填充內(nèi)容上產(chǎn)生多個透明圖形，使填充內(nèi)容具有朦朧的視覺效果。具體操作方法：選擇填充內(nèi)容，選擇【修改】/【形狀】/【柔化填充邊緣】命令，打開“柔化填充邊緣”對話框，在該對話框中設(shè)置距離、步長數(shù)（用于設(shè)置柔化填充邊緣的曲線數(shù)量，值越大，效果越平滑）和方向，單擊“確定”按鈕，如上圖所示。【知識準(zhǔn)備】1．修飾圖形（5）優(yōu)化圖形優(yōu)化圖形是指改進(jìn)圖形的曲線，通過減少定義曲線的元素數(shù)量來平滑曲線，同時減小FLA文件和導(dǎo)出的SWF文件，以防止文件過大造成動畫的播放出現(xiàn)故障。具體操作方法：選擇要優(yōu)化的圖形，選擇【修改】/【形狀】/【優(yōu)化】命令，或按【Ctrl＋Shift＋Alt＋C】組合鍵，打開“優(yōu)化曲線”對話框，設(shè)置優(yōu)化強(qiáng)度后，單擊“確定”按鈕，將自動打開提示對話框，該對話框中顯示優(yōu)化信息，單擊“確定”按鈕，如上圖所示。【知識準(zhǔn)備】2．變形圖形任意變形工具

是一種用于控制圖形變形的工具，可以實現(xiàn)圖形的傾斜、旋轉(zhuǎn)、縮放、扭曲等效果。使用該工具選擇圖形后，圖形周圍將出現(xiàn)由8個控制點組成的編輯框。使用任意變形工具選擇圖形旋轉(zhuǎn)圖形傾斜圖形【知識準(zhǔn)備】2．變形圖形等比例縮放圖形自由縮放圖形翻轉(zhuǎn)圖形扭曲圖形【知識準(zhǔn)備】3．合并、組合和分離圖形（1）合并圖形合并圖形可將在對象繪制模式下繪制的圖形合并。具體操作方法：選擇兩個或多個圖形（這些圖形需位于同一個圖層），選擇【修改】/【合并對象】命令，其子菜單中包括“聯(lián)合”“交集”“打孔”“裁切”4個命令。聯(lián)合、交集打孔、裁切【知識準(zhǔn)備】3．合并、組合和分離圖形（2）組合和分離圖形組合圖形可將任何繪制模式下繪制的多個圖形組合成一個整體，以便統(tǒng)一編輯。而分離圖形可將組合后的圖形重新分離。組合圖形。

選擇要組合的圖形，選擇【修改】/【組合】命令，或按【Ctrl＋G】組合鍵。組合圖形的重疊部分仍會保留。分離圖形。

選擇圖形，選擇【修改】/【分離】命令，或在圖形上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“分離”命令，或按【Ctrl＋B】組合鍵。【知識準(zhǔn)備】4．排列與對齊圖形（1）排列圖形在Animate中，圖形是依照繪制的順序，或出現(xiàn)在舞臺中的順序來疊加排列的，最后出現(xiàn)在舞臺中的圖形與已有圖形重疊時，將遮擋已有圖形。移至頂層/移至底層。上移一層/下移一層。

對齊分布匹配大小

（2）對齊圖形選擇需要對齊的多個圖形后，選擇【窗口】/【對齊】命令，或按【Ctrl＋K】組合鍵，打開“對齊”面板，通過設(shè)置面板中的參數(shù)可以更快捷地對齊所選圖形。間隔與舞臺對齊【知識準(zhǔn)備】5．美化圖形（1）使用色彩效果美化圖形“色彩效果”下拉列表中提供“無”“亮度”“色調(diào)”“高級”“Alpha”5個選項，選擇除“無”以外的選項后，下拉列表下方將顯示對應(yīng)的參數(shù)設(shè)置，可通過拖曳滑塊或輸入數(shù)值來調(diào)整。（2）使用混合美化圖形使用混合可以改變疊加圖形之間的不透明度和顏色相互關(guān)系，創(chuàng)造出獨特的視覺效果，并且疊加圖形不能位于同一個圖層。如右圖所示。

【知識準(zhǔn)備】5．美化圖形（3）使用濾鏡美化圖形選擇圖形，單擊“濾鏡”欄右側(cè)的“添加濾鏡”按鈕

，在打開的下拉列表中選擇所需的濾鏡模式，該欄下方將出現(xiàn)與所選濾鏡模式對應(yīng)的參數(shù)，設(shè)置參數(shù)后，濾鏡添加完成，如下圖所示。【任務(wù)實施】米拉搜集的藍(lán)天、云彩、草坪等圖形素材尺寸各異，為此她準(zhǔn)備先依次導(dǎo)入這些素材，再適當(dāng)變形圖形來搭建大致場景，具體操作如下。1．變形藍(lán)天、云彩和草坪圖形

01變形藍(lán)天圖形

02變形草坪和云彩圖形【任務(wù)實施】米拉打算根據(jù)“草坪2.png”圖形素材中不同色彩區(qū)域，添加與布局設(shè)施圖形素材，通過錯落有致地擺放圖形素材，塑造空間層次感。但為防止設(shè)施圖形素材位置混亂，米拉打算再使用組合、排列和對齊圖形等功能，調(diào)整它們的相對位置，使視覺效果更加美觀，具體操作如下。2．組合、排列與對齊設(shè)施圖形01添加與變形設(shè)施圖形03組合座椅圖形02排列吊環(huán)和單滑梯圖形【任務(wù)實施】米拉準(zhǔn)備將以前繪制的樹冠和樹干等圖形組合成完整的樹木圖形，再將其添加到場景中。但該圖形的樹冠視覺效果不太美觀，于是她準(zhǔn)備利用修飾圖形功能調(diào)整樹冠，具體操作如下。3．修飾與制作樹木圖形01調(diào)整樹冠陰影02調(diào)整樹冠中間圖形03組合并調(diào)整圖形位置

04復(fù)制、粘貼樹冠圖形05組合樹木圖形【任務(wù)實施】米拉打算在布局完樹木圖形后，使用濾鏡功能和色彩效果功能美化藍(lán)天和云彩圖形，使其由原來的藍(lán)色變成藍(lán)綠色，增強(qiáng)畫面色彩的統(tǒng)一性，具體操作如下。4．美化藍(lán)天和云彩圖形01調(diào)整設(shè)施圖形位置03美化天空圖形的效果02設(shè)置天空圖形的色調(diào)參數(shù)【任務(wù)實施】4．美化藍(lán)天和云彩圖形04設(shè)置云彩圖形的色調(diào)參數(shù)06美化云彩圖形的最終效果05美化云彩圖形的效果110任務(wù)2.1繪制卡通動物任務(wù)2.2繪制植物App界面圖標(biāo)內(nèi)容導(dǎo)航綜合實戰(zhàn)任務(wù)2.3制作公園兒童活動區(qū)動畫場景綜合實戰(zhàn)

繪制原始人益智游戲啟動圖標(biāo)老洪見米拉已經(jīng)熟練掌握了繪制與編輯圖形的方法，便放心地將繪制某益智游戲啟動圖標(biāo)的設(shè)計任務(wù)交給她，要求她盡快給出啟動圖標(biāo)的草圖，以便與客戶溝通確定最終的設(shè)計方案。米拉從該游戲的主角外形設(shè)計得到靈感，決定繪制主角的Q版大頭圖形作為啟動圖標(biāo)的主體圖形，然后添加漸變鏤空底托，增強(qiáng)啟動圖標(biāo)的設(shè)計感。該設(shè)計方案得到了客戶的認(rèn)可，于是米拉便按照該方案來繪制啟動圖標(biāo)。【實戰(zhàn)描述】實戰(zhàn)背景某公司開發(fā)了一個以原始社會為時代背景的益智類小游戲，旨在為用戶帶來一段全新而有趣的體驗，探索古老的智慧和傳統(tǒng)，珍惜發(fā)達(dá)而便捷的當(dāng)代社會生活。現(xiàn)需要為該游戲軟件設(shè)計一個純圖形的啟動圖標(biāo)，要求設(shè)計別致，能在眾多軟件啟動圖標(biāo)中脫穎而出，引起用戶的注意，提高用戶使用該軟件的頻率。實戰(zhàn)目標(biāo)①

制作尺寸為300像素×300像素，平臺類型為ActionScript3.0的動畫文件。②

使用各種工具繪制原始人輪廓，再為輪廓填充顏色，適當(dāng)調(diào)整線條形狀和顏色，使人物輪廓外形平滑、顏色豐富、效果美觀。③

為主體圖形制作鏤空的漸變底托，并添加濾鏡效果，增添啟動圖標(biāo)的設(shè)計感和立體感。知識要點直線工具、鋼筆工具、橢圓工具、矩形工具、寬度工具、漸變變形工具。【實戰(zhàn)描述】本實戰(zhàn)的參考效果如左圖所示。【思路及步驟】繪制圖標(biāo)時，米拉準(zhǔn)備按照先繪制人物主體圖形，再繪制漸變鏤空底托的思路來制作。在繪制人物輪廓時結(jié)合路徑，以及直線和曲線等不同類型的線條，使人物輪廓流暢、美觀。接著為人物填色并調(diào)整繪制效果，使主體人物的視覺效果更加精致。然后繪制漸變的正圓角矩形底托并制作鏤空效果，增強(qiáng)底托的設(shè)計感。最后利用濾鏡美化主體圖形，增強(qiáng)啟動圖標(biāo)的立體感。本實戰(zhàn)的制作思路如右圖所示，參考步驟如下。115Thankyou!海量圖書方便查詢免費申請樣書下載配套資源優(yōu)惠購書成為作者更多樣書申請和資源下載需求，請登錄人郵教育社區(qū)（)囊括各大品類，您想要的應(yīng)有盡有教師免費申請樣書，我們將安排快遞迅速送達(dá)教學(xué)視頻、PPT課件、教學(xué)案例、習(xí)題答案、模擬試卷等豐富資源免費下載教師可以申請最低折扣學(xué)生直接優(yōu)惠購買圖書歡迎寫文章／投稿，我們強(qiáng)大的編輯團(tuán)隊將為您提供專業(yè)和高效的編輯出版服務(wù)項目3添加文本、聲音和視頻Animate動畫制作立體化教程（Animate2021）（微課版）新形態(tài)立體化精品系列教材118任務(wù)3.1制作“百億補(bǔ)貼”動態(tài)膠囊任務(wù)3.2為購物節(jié)廣告動畫添加聲音內(nèi)容導(dǎo)航綜合實戰(zhàn)任務(wù)3.3為中秋節(jié)電子賀卡添加視頻任務(wù)3.1?制作“百億補(bǔ)貼”動態(tài)膠囊Banner米拉翻看了客戶資料，并上網(wǎng)搜集到一些同題材的動畫作品，發(fā)現(xiàn)動態(tài)膠囊Banner的視覺效果常由圖形和文本組成。圖形的動畫形式豐富，但大多是為文本的展現(xiàn)做鋪墊，將觀眾的視線引導(dǎo)到文本上，突出文本。因此米拉決定著重設(shè)計動態(tài)膠囊Banner的文本效果，使其信息展現(xiàn)直觀，視覺效果美觀。【任務(wù)描述】任務(wù)背景膠囊Banner是一種常見的橫幅廣告形式，其通常表現(xiàn)為一個橫向矩形的橫幅，并且兩側(cè)通常為圓弧形，整體形狀看起來像膠囊。某電商網(wǎng)站準(zhǔn)備舉辦“百億補(bǔ)貼”促銷活動，消費者每消費滿100元可領(lǐng)35元消費紅包。為擴(kuò)大宣傳力度，現(xiàn)需要設(shè)計師制作一個動態(tài)膠囊Banner放置在電商網(wǎng)站和社交媒體平臺上。任務(wù)目標(biāo)①

制作尺寸為900像素×252像素，時長為3s，平臺類型為HTML5Canvas的動畫文件。②

使用文本工具添加文本，并按照文本信息的重要程度依次設(shè)計視覺效果，使信息層級明確。③

膠囊Banner動態(tài)效果流暢，文本突出，易于識別。知識要點文本工具、墨水瓶工具、顏料桶工具、“顏色”面板。【任務(wù)描述】本任務(wù)的參考效果如上圖所示【知識準(zhǔn)備】1．文本工具●

輸入點文本：選擇文本工具

，直接在舞臺上單擊以插入文本定位點，此時出現(xiàn)一個文本框，輸入的文本將出現(xiàn)在文本定位點左側(cè)，該文本框會隨輸入文本的增加而自動變寬如下圖所示。●

輸入段落文本：選擇文本工具

，在舞臺中按住鼠標(biāo)左鍵并拖曳，也會出現(xiàn)一個文本框，確定文本框的寬度后，輸入文本，當(dāng)輸入的文本超過文本框的寬度時，文本會自動進(jìn)行換行，如上圖所示。【知識準(zhǔn)備】2．文本工具的“屬性”面板（1）靜態(tài)文本模式的“屬性”面板靜態(tài)文本模式的“屬性”面板中的參數(shù)如右圖所示。（2）動態(tài)文本模式的“屬性”面板動態(tài)文本模式下“屬性”面板中的參數(shù)與靜態(tài)文本模式大致相同，如右圖所示。【知識準(zhǔn)備】2．文本工具的“屬性”面板（3）輸入文本模式的“屬性”面板輸入文本模式下“屬性”面板中的參數(shù)與動態(tài)文本模式幾乎相同，只是“行為”下拉列表中會新增“密碼”選項，選擇該選項后，選擇已輸入的文本，或者新輸入文本，會形成加密效果，如下圖所示。【知識準(zhǔn)備】3．變形文本變形文本是指為文本制作傾斜、旋轉(zhuǎn)、縮放、扭曲等變形效果，與變形圖形有異曲同工之處。當(dāng)文本的字?jǐn)?shù)超過一個時，變形還可以分為整體變形和局部變形。如下圖所示。【知識準(zhǔn)備】4．填充與描邊文本（1）填充文本若需要為文本填充線性漸變、徑向漸變、位圖，需要先將文本分離為填充圖形，然后使用“顏色”面板設(shè)置填充類型，再使用顏料桶工具單擊文本，如下圖所示。（2）描邊文本在Animate中，文本是沒有線條屬性的，若要為文本添加描邊，需要先將文本分離為填充圖形，然后使用墨水瓶工具

單擊文本的邊緣，為其賦予線條屬性，即描邊，如上圖所示。【任務(wù)實施】膠囊Banner中的裝飾圖形多位于兩側(cè)，中間區(qū)域比較空，于是米拉便想在該區(qū)域中依次輸入活動名稱文本、活動條件文本和活動優(yōu)惠文本，并適當(dāng)布局文本，具體操作如下。1．輸入文本01設(shè)置文本工具參數(shù)02輸入活動名稱文本03輸入活動優(yōu)惠文本【任務(wù)實施】雖然文本已經(jīng)添加完畢，但米拉發(fā)現(xiàn)由于文本的字體、大小、間距等屬性都一致，導(dǎo)致文本信息層級不清晰，于是她決定通過編輯文本的間距、大小等屬性來劃分文本信息層級，具體操作如下。2．編輯文本的屬性01調(diào)整活動條件文本的大小和位置02調(diào)整活動優(yōu)惠文本的大小和間距【任務(wù)實施】通過編輯文本屬性，文本在視覺上已有主次之分，米拉覺得還可以通過添加色彩來突出關(guān)鍵文本，同時豐富視覺效果。經(jīng)過思考，米拉打算為活動名稱文本和活動優(yōu)惠文本制作漸變顏色，由于活動條件文本字號較小，可為其添加描邊來進(jìn)行強(qiáng)調(diào)，具體操作如下。3．制作漸變和描邊文本01分離活動名稱文本02活動名稱文本的漸變效果03分離活動優(yōu)惠文本04調(diào)整漸變文本的漸變方向05分離活動條件文本06為文本添加描邊【任務(wù)實施】為了強(qiáng)調(diào)“百億補(bǔ)貼”的活動主題，米拉打算適當(dāng)變形活動名稱文本，增加活潑感，使其在視覺上與其他兩個文本有所區(qū)別，具體操作如下。4．制作變形文本01拖曳錨點02變形文本效果03預(yù)覽“百億補(bǔ)貼”動態(tài)膠囊Banner動畫效果131任務(wù)3.1制作“百億補(bǔ)貼”動態(tài)膠囊任務(wù)3.2為購物節(jié)廣告動畫添加聲音內(nèi)容導(dǎo)航綜合實戰(zhàn)任務(wù)3.3為中秋節(jié)電子賀卡添加視頻任務(wù)3.2?為購物節(jié)廣告動畫添加聲音同事將制作的購物節(jié)廣告動畫交給客戶后，客戶要求為該動畫添加聲音，以豐富動畫的聽覺效果。由于負(fù)責(zé)該任務(wù)的同事正在出差，老洪便交由米拉來添加聲音。【任務(wù)描述】任務(wù)背景臨近中秋節(jié)，萃易購物中心打算趁此機(jī)會舉辦購物節(jié)，以慶賀雙節(jié)為宣傳契機(jī)進(jìn)行促銷活動。為了讓新老顧客有新鮮感，打算采用動畫的形式制作廣告，并投放在購物中心和媒體平臺。該購物中心提供了一段聲音素材，需要設(shè)計師將其添加到動畫中。任務(wù)目標(biāo)①

為動畫文件添加4s的聲音，內(nèi)容和音量合適。②

為聲音添加淡入、淡出效果，質(zhì)量較佳，能帶給顧客舒適的聽覺感受。知識要點“導(dǎo)入到庫”命令、“編輯聲音封套”按鈕、“聲音屬性”對話框。【任務(wù)描述】本任務(wù)的參考效果如上圖所示【知識準(zhǔn)備】1．聲音的格式●WAV（*.wav）

格

式。WAV格

式

是

微

軟

和IBM（InternationalBusinessMachinesCorporation，國際商業(yè)機(jī)器公司）公司共同開發(fā)的計算機(jī)端標(biāo)準(zhǔn)聲音格式，這種聲音格式直接保存對聲音波形的采樣數(shù)據(jù)。●MP3（*.mp3）格式。MP3格式是一種壓縮過的聲音格式。相比WAV格式，這種格式占用磁盤空間更小，通常5min左右的歌曲只需占用5～10MB的磁盤空間，這是因為它的比特率只有32～320kbit/s（千比特/秒）。【知識準(zhǔn)備】2．添加聲音導(dǎo)入完成后，打開“庫”面板，選擇該聲音文件，可在預(yù)覽框中查看聲音的波形，預(yù)覽框右上角將出現(xiàn)“播放”按鈕

和“停止”按鈕

，如右圖所示。添加聲音的具體操作方法：在“庫”面板中選擇所需的聲音并將其拖曳到舞臺中，該聲音將自動添加到“時間軸”面板中位于頂部的圖層（應(yīng)處于未鎖定狀態(tài)）中，并且顯示聲音的波形，如右圖所示。【知識準(zhǔn)備】3．聲音的表現(xiàn)方式（1）事件聲音事件聲音由動畫中發(fā)生的動作觸發(fā)。例如，單擊某個按鈕，或者播放到某個設(shè)置了聲音的關(guān)鍵幀處時，開始播放聲音文件。（2）流式聲音流式聲音隨動畫的播放而載入，通常與動畫內(nèi)容同步播放。在使用流式聲音時，還需要注意以下要點。●流式聲音的時長較長，只下載很小一部分的聲音文件后就可以順利播放。●流式聲音只會在它所在的幀中播放，沒有播放到該幀，或已過該幀，就會停止播放。【知識準(zhǔn)備】4．編輯聲音若添加的聲音不符合心理預(yù)期，可以將其替換或刪除，還可以通過設(shè)置播放效果、聲音同步方式、播放次數(shù)等操作來編輯聲音。（3）設(shè)置聲音同步方式（5）調(diào)整聲音的持續(xù)時間和音量（4）設(shè)置播放次數(shù)（6）設(shè)置聲音屬性（1）替換與刪除聲音（2）設(shè)置播放效果【任務(wù)實施】米拉聆聽客戶提供的聲音素材后，發(fā)現(xiàn)該素材由開場音效和廣告語組成，但開場音效與畫面不太相配，經(jīng)過溝通后，客戶讓米拉自行替換開場音效，于是米拉準(zhǔn)備將自己搜集的聲音素材和客戶提供的聲音素材都添加到動畫文件中，以便進(jìn)行替換，具體操作如下。1．添加背景聲音02查看導(dǎo)入的文件01導(dǎo)入背景聲音03添加背景聲音的效果【任務(wù)實施】米拉預(yù)覽動畫后，發(fā)現(xiàn)“聲音素材.wav”文件中的廣告語并未完全播放，于是她準(zhǔn)備通過調(diào)整聲音持續(xù)時間的方式刪除開場音效，使廣告語能夠完整播放，同時降低音量，使其與“角色登場.wav”文件的音量相適配，具體操作如下。2．調(diào)整背景聲音的持續(xù)時間和音量02調(diào)整聲音的音量01調(diào)整聲音的持續(xù)時間03剪輯聲音并調(diào)整音量后的效果【任務(wù)實施】目前，由于圖層中的聲音位置重疊，導(dǎo)致兩個聲音同時播放，于是米拉準(zhǔn)備調(diào)整聲音的幀位置，并設(shè)置聲音的播放效果和屬性，使聲音效果更加和諧，具體操作如下。3．設(shè)置聲音的淡入、淡出效果和屬性01設(shè)置聲音素材文件的淡出效果02設(shè)置聲音素材文件的屬性03最終效果142任務(wù)3.1制作“百億補(bǔ)貼”動態(tài)膠囊任務(wù)3.2為購物節(jié)廣告動畫添加聲音內(nèi)容導(dǎo)航綜合實戰(zhàn)任務(wù)3.3為中秋節(jié)電子賀卡添加視頻任務(wù)3.3?為中秋節(jié)電子賀卡添加視頻中秋節(jié)快到了，公司為每位員工準(zhǔn)備了中秋禮品，并打算在節(jié)日當(dāng)天向員工郵箱發(fā)送一張電子賀卡，該賀卡需要由設(shè)計部提前設(shè)計并制作。老洪將這一任務(wù)交給了米拉，她打算先為中秋節(jié)電子賀卡繪制美觀的外形，再將視頻添加到其中，并調(diào)整成合適的大小。為快速完成工作，她開始搜集所需的素材。【任務(wù)描述】任務(wù)背景公司為慶祝中秋節(jié)，打算通過郵箱向每位員工發(fā)送一張電子賀卡，表達(dá)對員工的節(jié)日祝福和關(guān)懷。賀卡需要采用卡通動畫的形式進(jìn)行設(shè)計，并包含具有中秋美滿團(tuán)圓之意的視頻和中秋祝福視頻。任務(wù)目標(biāo)①

制作尺寸為2548像素×1536像素，時長為6s，幀速率為25幀/秒，平臺類型為ActionScript3.0的動畫文件。②

使用導(dǎo)入素材和繪制圖形的方式制作電子賀卡的背景，然后導(dǎo)入視頻，美化視頻的外觀，使電子賀卡的背景與視頻融合更加自然。知識要點“導(dǎo)入視頻”命令。【任務(wù)描述】本任務(wù)的參考效果如上圖所示【知識準(zhǔn)備】1．視頻的格式在Animate中，只能導(dǎo)入MP4、WebM和FLV格式的視頻，這3種格式的具體介紹如下。●WebM（*.webm）格式：WebM是一個開放、免費的視頻文件格式，WebM格式的視頻是基于HTML5標(biāo)準(zhǔn)的，包括VP8影片軌和OggVorbis音軌。●FLV（*.flv）格式：FLV（FlashVideo）格式是AdobeSystems開發(fā)的一種將視頻和音頻內(nèi)容傳輸?shù)交ヂ?lián)網(wǎng)上的標(biāo)準(zhǔn)格式。●MP4（*.mp4）格式：MP4是一套用于音頻、視頻信息的壓縮編碼標(biāo)準(zhǔn)，由國際標(biāo)準(zhǔn)化組織和國際電工委員會下屬的動態(tài)圖像專家組制定，主要用于網(wǎng)上視頻、光盤、語音發(fā)送，以及電視廣播等。【知識準(zhǔn)備】2．導(dǎo)入視頻（1）使用播放組件加載外部視頻選中“使用播放組件加載外部視頻”單選項，導(dǎo)入視頻后將創(chuàng)建FLVplayback組件的實例以控制回放，若要在其他計算機(jī)或平臺中查看，需要先下載該視頻，才能正常播放。選中該單選項后，單擊“下一步”按鈕，進(jìn)入“設(shè)定外觀”向?qū)Ы缑妫缱髨D所示。【知識準(zhǔn)備】2．導(dǎo)入視頻（2）在SWF中嵌入FLV并在時間軸中播放選中“在SWF中嵌入FLV并在時間軸中播放”單選項，單擊“下一步”按鈕，進(jìn)入左圖所示的“嵌入”向?qū)Ы缑妗！局R準(zhǔn)備】2．導(dǎo)入視頻（3）將H.264視頻嵌入時間軸（僅用于設(shè)計時間，不能導(dǎo)出視頻）選擇“將H.264視頻嵌入時間軸（僅用于設(shè)計時間，不能導(dǎo)出視頻）”單選項，單擊“下一步”按鈕，也將進(jìn)入“嵌入”向?qū)Ы缑妫菚略觥捌ヅ湮臋nFPS（將根據(jù)需要刪除或重復(fù)視頻中的幀）”復(fù)選框，勾選該復(fù)選框，導(dǎo)入的視頻將根據(jù)當(dāng)前文件的幀速率來調(diào)整幀速率，調(diào)整的方式是刪除某些視頻幀，或重復(fù)某些視頻幀。最終嵌入時間軸的H.264視頻都只能在制作動畫時使用，不能隨動畫一起導(dǎo)出。【任務(wù)實施】米拉準(zhǔn)備先新建與視頻幀速率一致的文件，再繪制視頻的背景，這樣既能明確視頻的位置，又能裝飾視頻，使電子賀卡畫面美觀，具體操作如下。1．制作電子賀卡背景01繪制矩形02添加兔子圖像【任務(wù)實施】確定好視頻在賀卡中的位置后，米拉準(zhǔn)備將視頻素材以嵌入的形式添加到矩形中，再調(diào)整動畫文件的持續(xù)時間，使其與視頻的持續(xù)時間一致，具體操作如下。2．添加中秋節(jié)視頻01選擇視頻文件02設(shè)置“嵌入”向?qū)Ы缑鎱?shù)03導(dǎo)入視頻的效果【任務(wù)實施】2．添加中秋節(jié)視頻04調(diào)整圖層堆疊順序的效果05中秋節(jié)電子賀卡最終效果153任務(wù)3.1制作“百億補(bǔ)貼”動態(tài)膠囊任務(wù)3.2為購物節(jié)廣告動畫添加聲音內(nèi)容導(dǎo)航綜合實戰(zhàn)任務(wù)3.3為中秋節(jié)電子賀卡添加視頻綜合實戰(zhàn)

制作國慶節(jié)促銷廣告動畫臨近國慶節(jié)，與其相關(guān)的設(shè)計委托源源不斷，老洪將制作國慶節(jié)促銷廣告動畫的任務(wù)交給米拉，告訴她客戶要求動畫內(nèi)容豐富，元素多樣。米粒正好可以將近期學(xué)到的添加文本、聲音、視頻的知識用到其中，于是欣然接受，準(zhǔn)備在畫面中和諧融入圖像、動態(tài)效果、文本、聲音和視頻等多種元素。【實戰(zhàn)描述】實戰(zhàn)背景萃易購物中心發(fā)現(xiàn)之前制作的購物節(jié)廣告動畫廣受好評，且在活動期間人流量明顯上升，因此，面對即將到來的國慶節(jié)，該購物中心準(zhǔn)備繼續(xù)采用廣告動畫的方式吸引顧客，并繼續(xù)開展促銷活動。現(xiàn)需要設(shè)計師制作國慶節(jié)促銷廣告動畫，要求能在其中添加慶祝國慶節(jié)的視頻內(nèi)容，以此引出開展促銷活動的目的，并傳遞激情四射的國慶節(jié)氣氛和對祖國的熱愛之情。實戰(zhàn)目標(biāo)①

制作尺寸為2548像素×1536像素，時長為6s，幀速率為25幀/秒，平臺類型為ActionScript3.0的動畫文件。②②

通過添加視頻、圖像、動畫、文本等元素，形成對比強(qiáng)烈的場景，并豐富廣告內(nèi)容，點明廣告主題和目的。③

在動畫中添加慷慨激昂的背景聲音，通過音畫結(jié)合來引起顧客注意，同時提升顧客的視聽感受。知識要點“導(dǎo)入到舞臺”命令、“導(dǎo)入視頻”命令、“分離”命令、墨水瓶工具。【實戰(zhàn)描述】本實戰(zhàn)的參考效果如左圖所示。【思路及步驟】由于視頻文件的場景顏色主要以青色為主，因此可以將舞臺調(diào)整為相同的顏色，使兩者更加和諧。同時添加以紅色和橙色為主的邊框和文本框，以紅青對比色增強(qiáng)場景的反差感。然后在文本框上添加漸變文本，與純色文本框形成反差，突出文本。最后根據(jù)添加的聲音的節(jié)奏，適當(dāng)調(diào)整文本框和文本的出場時間，使其效果更加自然，如右圖所示，參考步驟如下。158Thankyou!海量圖書方便查詢免費申請樣書下載配套資源優(yōu)惠購書成為作者更多樣書申請和資源下載需求，請登錄人郵教育社區(qū)（)囊括各大品類，您想要的應(yīng)有盡有教師免費申請樣書，我們將安排快遞迅速送達(dá)教學(xué)視頻、PPT課件、教學(xué)案例、習(xí)題答案、模擬試卷等豐富資源免費下載教師可以申請最低折扣學(xué)生直接優(yōu)惠購買圖書歡迎寫文章／投稿，我們強(qiáng)大的編輯團(tuán)隊將為您提供專業(yè)和高效的編輯出版服務(wù)項目4應(yīng)用幀、庫、元件與實例Animate動畫制作立體化教程（Animate2021）（微課版）新形態(tài)立體化精品系列教材

161任務(wù)4.1制作星星閃爍動畫任務(wù)4.2制作“優(yōu)惠券”動態(tài)標(biāo)簽內(nèi)容導(dǎo)航綜合實戰(zhàn)任務(wù)4.1?制作星星閃爍動畫米拉拿到星星閃爍動畫的制作資料后，便開始構(gòu)思動畫效果，她準(zhǔn)備在夜空圖像中放置不同的星星元素，通過編輯星星所在的幀，制作星星閃爍的動態(tài)效果。為防止大量圖像素材直接堆積在舞臺中，她準(zhǔn)備將所有圖像素材統(tǒng)一導(dǎo)入“庫”面板，再分別放置在不同的幀中。【任務(wù)描述】任務(wù)背景某親子星空露營地打算制作一段星星閃爍動畫，用于宣傳和吸引游客。該動畫需要展示在深邃的星空下，營地中的一對父女正觀賞星星閃爍的景象，要求營造出溫馨的氛圍。任務(wù)目標(biāo)①

制作尺寸為1280像素×720像素，時長為3s，幀速率為24幀/秒，平臺類型為ActionScript3.0的動畫文件。②

結(jié)合“導(dǎo)入”命令和“庫”面板來添加素材，通過圖層與幀布局動畫場景，展現(xiàn)父女一同觀賞璀璨星空的溫馨景象。③

通過編輯幀改變星星的數(shù)量，在視覺上形成星星閃爍的動態(tài)效果。知識要點“打開外部庫”命令、“庫”面板、選擇幀、插入幀、轉(zhuǎn)換幀、復(fù)制與粘貼幀、刪除幀、移動幀。【任務(wù)描述】本任務(wù)的參考效果如上圖所示【知識準(zhǔn)備】1．插入和編輯幀（1）插入幀創(chuàng)建新圖層時，新圖層的第1幀將自動被設(shè)置為空白關(guān)鍵幀。若需要插入其他類型的幀，可采用以下兩種方法。通過菜單命令插入：

選擇【插入】/【時間軸】命令，在彈出的子菜單中選擇“插入幀”或“插入關(guān)鍵幀”或“插入空白關(guān)鍵幀”命令。通過快捷菜單插入：

在時間軸上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“插入幀”或“插入關(guān)鍵幀”或“插入空白關(guān)鍵幀”命令。【知識準(zhǔn)備】1．插入和編輯幀（2）選擇與移動幀移動幀時，往往需要先選擇幀。Animate對于選擇不同位置、數(shù)量的幀提供了不同方式，以提升制作效率。（3）復(fù)制、剪切、粘貼與刪除幀選擇單個幀或多個幀后，可以進(jìn)行以下4種操作。選擇單個幀選擇多個連續(xù)的幀復(fù)制幀剪切幀選擇多個不連續(xù)的幀選擇所有幀

粘貼幀刪除幀【知識準(zhǔn)備】1．插入和編輯幀（4）翻轉(zhuǎn)幀翻轉(zhuǎn)幀是指顛倒多個幀的順序，使開頭的幀移至末尾，末尾的幀移至開頭，前后效果對比如下圖所示。（5）轉(zhuǎn)換幀選擇普通幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“轉(zhuǎn)換為關(guān)鍵幀”或“轉(zhuǎn)換為空白關(guān)鍵幀”命令，可將普通幀轉(zhuǎn)化為關(guān)鍵幀或空白關(guān)鍵幀。【知識準(zhǔn)備】2．使用“庫”面板（1）調(diào)用本文件“庫”面板的內(nèi)容導(dǎo)入素材到“庫”面板后，選擇【窗口】/【庫】命令，或按【Ctrl＋L】組合鍵打開“庫”面板，在其中能查看已導(dǎo)入的素材信息，選擇素材后將其拖曳到舞臺中便可使用。右圖所示為“庫”面板。【知識準(zhǔn)備】2．使用“庫”面板（2）調(diào)用其他文件“庫”面板的內(nèi)容調(diào)用其他文件“庫”面板的內(nèi)容，除了可以使用“選擇文件”下拉列表外，還可以直接導(dǎo)入未打開文件的“庫”面板，這種方式可以有效避免打開較多文件帶來的卡頓情況。另外，拖曳其他文件“庫”面板中的內(nèi)容到當(dāng)前文件的舞臺上，該內(nèi)容將自動保存到當(dāng)前文件的“庫”面板中。選擇【文件】/【導(dǎo)入】/【打開外部庫】命令，打開“打開”對話框，選擇需要的文件，單擊”打開“按鈕，可在當(dāng)前文件中打開該文件的“庫”面板，且它會與當(dāng)前文件的“庫”面板同時存在于工作界面中。【任務(wù)實施】米拉搜集了一些圖像素材和動畫素材，準(zhǔn)備將它們導(dǎo)入新建的動畫文件中，以便調(diào)用這些素材來布局動畫場景，具體操作如下。1．導(dǎo)入素材和外部庫01導(dǎo)入素材到“庫”面板02導(dǎo)入外部庫【任務(wù)實施】目前星星閃爍動畫所需的素材都已在新文件中，米拉準(zhǔn)備結(jié)合圖層和幀功能來布局場景，并且為方便后期編輯，她準(zhǔn)備根據(jù)幀內(nèi)容來重命名圖層，具體操作如下。2．創(chuàng)建布局場景所需的關(guān)鍵幀01創(chuàng)建星空背景關(guān)鍵幀并重命名圖層02創(chuàng)建流星關(guān)鍵幀03舞臺中的畫面04舞臺中的畫面【任務(wù)實施】星星閃爍效果可采用保持其他未放置星星的圖層內(nèi)容不變，只編輯“稀疏星星”和“群星”圖層中的幀的方式來制作。米拉準(zhǔn)備通過轉(zhuǎn)換、復(fù)制和粘貼幀的操作，為畫面中的夜空制作星星閃爍效果。由于當(dāng)前動畫的持續(xù)時長少于客戶的要求，因此米拉打算采用統(tǒng)一插入普通幀的方式來增加幀數(shù)量，以延長動畫時長，具體操作如下。3．編輯幀以制作星星閃爍效果

01插入普通幀前后的效果對比【任務(wù)實施】3．編輯幀以制作星星閃爍效果

02將普通幀轉(zhuǎn)換為空白關(guān)鍵幀

03復(fù)制與粘貼幀

04星星閃爍動畫的最終效果174任務(wù)4.1制作星星閃爍動畫任務(wù)4.2制作“優(yōu)惠券”動態(tài)標(biāo)簽內(nèi)容導(dǎo)航綜合實戰(zhàn)任務(wù)4.2?制作“優(yōu)惠券”動態(tài)標(biāo)簽米拉完成星星閃爍動畫的制作后，需要制作某購物網(wǎng)站的“優(yōu)惠券”動態(tài)標(biāo)簽。由于未接觸過該題材，她先調(diào)閱了公司優(yōu)秀的動態(tài)標(biāo)簽案例，通過分析這些動畫，她發(fā)現(xiàn)制作動態(tài)標(biāo)簽需要用到各種各樣的元件和實例，尤其需要在畫面中添加按鈕元件，使其能與觀眾進(jìn)行交互。為此她準(zhǔn)備先研究元件和實例的相關(guān)用法，再展開制作。【任務(wù)描述】任務(wù)背景某購物網(wǎng)站準(zhǔn)備舉行優(yōu)惠活動，為讓更多消費者參與到該活動中，現(xiàn)需要制作一個“優(yōu)惠券”動態(tài)標(biāo)簽，并為其制作交互效果，使其能與消費者展開互動，讓網(wǎng)頁更加生動有趣，從而加深消費者對網(wǎng)站的印象。任務(wù)目標(biāo)①

制作尺寸為800像素×800像素，時長為3s，幀速率為24幀/秒，平臺類型為HTML5Canvas的動畫文件。②

分別創(chuàng)建不同類型的元件，并在其中添加內(nèi)容，再通過創(chuàng)建和編輯對應(yīng)元件的實例來組成完整的動態(tài)標(biāo)簽，使其具有層級性、交互性和視覺美感。知識要點“新建元件”命令、“創(chuàng)建新元件”對話框.【任務(wù)描述】本任務(wù)的參考效果如上圖所示【知識準(zhǔn)備】1．元件的類型在Animate中，元件是由多個獨立的元素和動畫合并而成的整體，每個元件都有單獨的時間軸和舞臺，以及多個圖層。元件有圖形元件、影片剪輯元件和按鈕元件3種類型。圖形元件：

圖形元件是構(gòu)成動畫的基本元素之一，用于創(chuàng)建靜態(tài)圖像，或可重復(fù)利用的、與主場景的時間線控制區(qū)有關(guān)聯(lián)的運動對象。影片剪輯元件：

影片剪輯元件具有獨立的時間線控制區(qū)，不受主場景的時間線控制區(qū)影響，用于創(chuàng)建圖像、聲音或其他影片剪輯實例。按鈕元件：按鈕元件是用于響應(yīng)單擊、鼠標(biāo)指針經(jīng)過和其他動作的交互式按鈕，包含“彈起”“