項(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à)的概念與原理、分類等相關(guān)知識(shí)，再分析Animate動(dòng)畫(huà)的特點(diǎn)和應(yīng)用領(lǐng)域、平臺(tá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à)的分類（1）按制作形式分類動(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à)的分類（2）按傳播途徑分類動(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à)的分類（3）按動(dòng)畫(huà)播放效果分類動(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)類型和文件格式（1）Animate動(dòng)畫(huà)的平臺(tái)類型Animate動(dòng)畫(huà)的平臺(tái)類型包括HTML5Canvas、ActionScript3.0、AIRforDesktop、AIRforAndroid和AIRforiOS5種，各平臺(tái)類型的適用環(huán)境和運(yùn)行環(huán)境如表所示。任務(wù)1.1?認(rèn)識(shí)Animate動(dòng)畫(huà)4．Animate動(dòng)畫(huà)的平臺(tái)類型和文件格式（2）Animate動(dòng)畫(huà)的文件格式Animate動(dòng)畫(huà)保存后會(huì)產(chǎn)生FLA格式的文件；ActionScript3.0平臺(tái)類型的動(dòng)畫(huà)文件發(fā)布后，會(huì)產(chǎn)生SWF格式的文件；HTML5Canvas平臺(tá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)前文件中所有圖層的名稱、類型和狀態(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)類型為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ì)話框，如右圖所示。先選擇所需的文件類型和預(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ì)話框，選擇模板類別、模板選項(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)并使用其中的元素?！局R(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)格類似，是一種橫豎交錯(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à)老洪