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

影院動(dòng)畫(huà)是指在影院上映的動(dòng)畫(huà)，分為短片與長(zhǎng)片。電視動(dòng)畫(huà)。

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

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

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

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

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

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

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

合成尺寸為1280像素×720像素，幀速率為24幀/秒，時(shí)長(zhǎng)為3s，平臺(tái)類(lèi)型為ActionScript3.0的動(dòng)畫(huà)文件。②

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

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

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

合成尺寸為1280像素×720像素，幀速率為24幀/秒，時(shí)長(zhǎng)為3s，平臺(tái)類(lèi)型為ActionScript3.0的動(dòng)畫(huà)文件。②

調(diào)整舞臺(tái)屬性制作動(dòng)畫(huà)場(chǎng)景，然后在場(chǎng)景中添加其他素材，布局動(dòng)畫(huà)畫(huà)面，突出宇宙飛船繞小行星運(yùn)動(dòng)的動(dòng)畫(huà)效果。③

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

制作尺寸為1280像素×720像素，平臺(tái)類(lèi)型為ActionScript3.0的動(dòng)畫(huà)文件。②

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

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

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

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

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

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

相比，鉛筆工具

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

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

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

一致，該工具“屬性”面板的“工具”選項(xiàng)卡如右圖所示?！局R(shí)準(zhǔn)備】4．鋼筆工具組（1）鋼筆工具鋼筆工具

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

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

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

、刪除錨點(diǎn)工具

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

來(lái)調(diào)整路徑。添加錨點(diǎn)工具

：用于在路徑上添加錨點(diǎn)。刪除錨點(diǎn)工具

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

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

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

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

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

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

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

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

制作尺寸為300像素×300像素，平臺(tái)類(lèi)型為ActionScript3.0的動(dòng)畫(huà)文件。②

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

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

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

或基本矩形工具

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

和基本矩形工具

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

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

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

和基本橢圓工具

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

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

用于繪制幾何多邊形和星形，通過(guò)該工具“屬性”面板中的“工具選項(xiàng)”欄（見(jiàn)下圖）可以設(shè)置圖形的邊數(shù)及星形頂點(diǎn)的大小?！局R(shí)準(zhǔn)備】2．傳統(tǒng)畫(huà)筆工具和流暢畫(huà)筆工具選擇傳統(tǒng)畫(huà)筆工具

或流暢畫(huà)筆工具

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

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

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

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

按鈕，在彈出的下拉列表中選擇“添加顏色”選項(xiàng)，打開(kāi)“導(dǎo)入到庫(kù)”對(duì)話框，將外置的色板文件以文件夾的形式添加到該面板中?！局R(shí)準(zhǔn)備】5．漸變變形工具（1）調(diào)整線性漸變使用漸變變形工具

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

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

01繪制第1層樹(shù)冠

02繪制第2層樹(shù)冠04繪制樹(shù)干

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

01繪制陰影

02擦除陰影04陰影效果

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

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

01設(shè)置徑向漸變

02繪制圓形04繪制橢圓

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

制作尺寸為1280像素×720像素，平臺(tái)類(lèi)型為ActionScript3.0的動(dòng)畫(huà)文件。②

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

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

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

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

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

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

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

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

對(duì)齊分布匹配大小

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

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

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

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

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

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

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

制作尺寸為300像素×300像素，平臺(tái)類(lèi)型為ActionScript3.0的動(dòng)畫(huà)文件。②

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

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

制作尺寸為900像素×252像素，時(shí)長(zhǎng)為3s，平臺(tái)類(lèi)型為HTML5Canvas的動(dòng)畫(huà)文件。②

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

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

輸入點(diǎn)文本：選擇文本工具

，直接在舞臺(tái)上單擊以插入文本定位點(diǎn)，此時(shí)出現(xiàn)一個(gè)文本框，輸入的文本將出現(xiàn)在文本定位點(diǎn)左側(cè)，該文本框會(huì)隨輸入文本的增加而自動(dòng)變寬如下圖所示?！?/p>

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

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

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

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

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

格

式。WAV格

式

是

微

軟

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

和“停止”按鈕

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

制作尺寸為2548像素×1536像素，時(shí)長(zhǎng)為6s，幀速率為25幀/秒，平臺(tái)類(lèi)型為ActionScript3.0的動(dòng)畫(huà)文件。②

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

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

制作尺寸為2548像素×1536像素，時(shí)長(zhǎng)為6s，幀速率為25幀/秒，平臺(tái)類(lèi)型為ActionScript3.0的動(dòng)畫(huà)文件。②②

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

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

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

制作尺寸為1280像素×720像素，時(shí)長(zhǎng)為3s，幀速率為24幀/秒，平臺(tái)類(lèi)型為ActionScript3.0的動(dòng)畫(huà)文件。②

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

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

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

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

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

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

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

03復(fù)制與粘貼幀

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

制作尺寸為800像素×800像素，時(shí)長(zhǎng)為3s，幀速率為24幀/秒，平臺(tái)類(lèi)型為HTML5Canvas的動(dòng)畫(huà)文件。②

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

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

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