多媒體技術(shù)與應(yīng)用立體化教程（微課版）（第3版） 課件 項(xiàng)目三 應(yīng)用Animate制作動畫

多媒體技術(shù)與應(yīng)用立體化教程（微課版）項(xiàng)目三應(yīng)用Animate制作動畫目錄Contents任務(wù)一制作“籃球運(yùn)動”逐幀動畫 任務(wù)二

制作“智慧城市”科普動畫片頭任務(wù)三

制作“人物雙臂揮舞”骨骼動畫綜合實(shí)戰(zhàn)制作生鮮廣告動畫一、任務(wù)描述籃球運(yùn)動”逐幀動畫參考效果二、知識準(zhǔn)備（一）認(rèn)識Animate工作界面籃球運(yùn)動”逐幀動畫參考效果編輯欄的部分選項(xiàng)作用工具箱拖放工具”面板二、知識準(zhǔn)備（二）認(rèn)識“時(shí)間軸”面板1.圖層控制區(qū)“時(shí)間軸”面板是創(chuàng)建動畫和控制動畫播放進(jìn)程的重要區(qū)域，可分為左側(cè)的圖層控制區(qū)和右側(cè)的時(shí)間線控制區(qū)。制作動畫的主要操作都是在圖層上進(jìn)行的，而圖層控制區(qū)便是控制和管理圖層的區(qū)域，按照圖層堆疊順序顯示當(dāng)前文件中所有圖層的名稱、類型和狀態(tài)等。圖層控制區(qū)二、知識準(zhǔn)備2.時(shí)間線控制區(qū)時(shí)間線控制區(qū)用于選擇和播放位于時(shí)間軸的幀圖像畫面，以及快速創(chuàng)建和編輯幀，由播放頭、幀標(biāo)尺、時(shí)間標(biāo)尺等部分組成。時(shí)間線控制區(qū)二、知識準(zhǔn)備（三）Animate的基本操作1.新建和打開文件Animate的基本操作主要包括新建和打開文件，導(dǎo)入文件，保存和關(guān)閉文件，測試、輸出和發(fā)布文件，以及使用輔助工具。新建文件打開文件啟動Animate后進(jìn)入開始界面，單擊該界面左側(cè)的新建按鈕，或選擇【文件】/【新建】命令，或按【Ctrl+N】組合鍵，都可打開“新建文檔”對話框，在其中設(shè)置參數(shù)后，單擊確定按鈕。啟動Animate后進(jìn)入開始界面，單擊該界面左側(cè)的打開按鈕，或選擇【文件】/【打開】命令，或按【Ctrl+O】組合鍵，都可打開“打開”對話框，在其中選擇要打開的文件后，單擊打開按鈕。二、知識準(zhǔn)備2.導(dǎo)入文件0102030405導(dǎo)入到舞臺導(dǎo)入到庫打開外部庫導(dǎo)入視頻跨文件導(dǎo)入選擇【文件】/【導(dǎo)入】/【導(dǎo)入到舞臺】命令，打開“導(dǎo)入”對話框，選擇文件，單擊打開按鈕，可直接將素材導(dǎo)入到舞臺中。選擇【文件】/【導(dǎo)入】/【導(dǎo)入到庫】命令，打開“導(dǎo)入”對話框，選擇文件，單擊打開按鈕，可將素材導(dǎo)入到“庫”面板中。選擇【文件】/【導(dǎo)入】/【打開外部庫】命令，打開“導(dǎo)入”對話框，選擇FLA格式的文件，單擊打開按鈕，可將其作為庫打開。選擇【文件】/【導(dǎo)入】/【導(dǎo)入視頻】命令，將打開“導(dǎo)入視頻”提示框，根據(jù)提示操作后，可將視頻導(dǎo)入到舞臺中。打開文件，然后選中該文件中的圖像，按【Ctrl＋C】組合鍵復(fù)制圖像，再切換到目標(biāo)文件，按【Ctrl＋V】組合鍵，可將復(fù)制的圖像粘貼在目標(biāo)文件的舞臺中。二、知識準(zhǔn)備3.保存和關(guān)閉文件選擇【文件】/【保存】命令，或按【Ctrl＋S】組合鍵，打開“另存為”對話框，選定存儲位置，單擊確定按鈕。保存文件實(shí)時(shí)流式傳輸選擇【文件】/【關(guān)閉】命令，或按【Ctrl+W】組合鍵，或單擊標(biāo)題欄中文件名稱右側(cè)的“關(guān)閉”按鈕，可關(guān)閉當(dāng)前文件；選擇【文件】/【關(guān)閉全部】命令，或按【Ctrl+Alt＋W】組合鍵，可關(guān)閉當(dāng)前所有文件；選擇【文件】/【退出】命令，或單擊Animate工作界面右上角的

按鈕，可關(guān)閉所有文件和軟件。4.測試、導(dǎo)出和發(fā)布文件時(shí)間線控制區(qū)時(shí)間線控制區(qū)時(shí)間線控制區(qū)選擇【文件】/【發(fā)布設(shè)置】命令，或按【Ctrl＋Shift＋F12】組合鍵，在打開的“發(fā)布設(shè)置”對話框中自行設(shè)置后，單擊確定按鈕。發(fā)布文件二、知識準(zhǔn)備5.使用輔助工具標(biāo)尺輔助線“網(wǎng)格”對話框時(shí)間線控制區(qū)用于選擇和播放位于時(shí)間軸的幀圖像畫面，以及快速創(chuàng)建和編輯幀，由播放頭、幀標(biāo)尺、時(shí)間標(biāo)尺等部分組成。選擇【視圖】/【標(biāo)尺】命令，或按【Ctrl+Alt＋Shift＋R】組合鍵，在舞臺頂部和左側(cè)將分別顯示水平和垂直的標(biāo)尺。將鼠標(biāo)指針移至標(biāo)尺上，按住鼠標(biāo)左鍵不放并向舞臺方向拖曳；選擇【視圖】/【輔助線】/【鎖定輔助線】命令，可鎖定已創(chuàng)建的輔助線，防止操作時(shí)移動輔助線的位置。二、知識準(zhǔn)備（四）使用圖層圖層是制作各類動畫效果的基礎(chǔ)，而選擇、復(fù)制圖層等是使用圖層的常用操作。選擇圖層復(fù)制圖層調(diào)整圖層堆疊順序展開或折疊文件夾將圖層移出文件夾將圖層放入文件夾中拷貝、剪貼與粘貼圖層重命名圖層二、知識準(zhǔn)備（五）創(chuàng)建幀1.認(rèn)識幀2.插入幀關(guān)鍵幀的類型通過菜單命令插入通過快捷菜單插入選擇【插入】/【時(shí)間軸】命令，在彈出的子菜單中選擇所需命令。在時(shí)間軸上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇所需命令。二、知識準(zhǔn)備3.編輯幀翻轉(zhuǎn)幀的前后效果選擇幀移動幀復(fù)制和粘貼幀剪切幀轉(zhuǎn)換幀翻轉(zhuǎn)幀刪除幀二、知識準(zhǔn)備（六）認(rèn)識“屬性”面板“屬性”面板在“屬性”面板中有“工具”“對象”“幀”“文檔”四個(gè)選項(xiàng)卡，設(shè)計(jì)師可通過單擊選項(xiàng)卡來切換面板內(nèi)容。另外，即使在同一選項(xiàng)卡中，隨著選擇不同的工具或?qū)ο蟮牟煌x項(xiàng)卡會顯示不同的參數(shù)選項(xiàng)。二、知識準(zhǔn)備（七）逐幀動畫“屬性”面板01020304轉(zhuǎn)換為逐幀動畫逐幀制作導(dǎo)入GIF動畫文件導(dǎo)入具有連續(xù)編號的圖像素材導(dǎo)入具有連續(xù)編號的圖像素材形成逐幀動畫三、任務(wù)實(shí)施（一）導(dǎo)入圖像素材并布局畫面導(dǎo)入場景素材到舞臺導(dǎo)入籃球架素材到舞臺三、任務(wù)實(shí)施舞臺中的圖像布局效果新建與重命名圖層三、任務(wù)實(shí)施（二）插入幀并設(shè)置幀屬性插入普通幀后的“時(shí)間軸”面板三、任務(wù)實(shí)施設(shè)置第1幀屬性設(shè)置第2幀屬性調(diào)整籃球圖像位置第9幀、第18幀和第26幀效果三、任務(wù)實(shí)施（三）測試、優(yōu)化與導(dǎo)出動畫插入普通幀后的“時(shí)間軸”面板查看優(yōu)化后的運(yùn)動軌跡調(diào)整右手圖像的方向調(diào)整手部圖像的效果三、任務(wù)實(shí)施“籃球運(yùn)動”動畫效果保存文件導(dǎo)出文件目錄Contents任務(wù)一制作“籃球運(yùn)動”逐幀動畫 任務(wù)二制作“智慧城市”科普動畫片頭任務(wù)三

制作“人物雙臂揮舞”骨骼動畫綜合實(shí)戰(zhàn)制作生鮮廣告動畫一、任務(wù)描述“智慧城市”科普動畫片頭參考效果二、知識準(zhǔn)備在Animate中，可以將一些需要重復(fù)使用的對象創(chuàng)建或轉(zhuǎn)換為不同類型的元件，以便隨時(shí)調(diào)用，而被調(diào)用的元件又稱為實(shí)例。（一）認(rèn)識元件與實(shí)例1.元件的類型圖形元件影片剪輯元件影片剪輯元件按鈕元件的4種狀態(tài)二、知識準(zhǔn)備2.元件的創(chuàng)建與轉(zhuǎn)換創(chuàng)建元件在舞臺中選擇素材后，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“轉(zhuǎn)換為元件”命令，打開“轉(zhuǎn)換為元件”對話框，設(shè)置元件名稱和類型，單擊確定按鈕。在Animate中，可以將一些需要重復(fù)使用的對象創(chuàng)建或轉(zhuǎn)換為不同類型的元件，以便隨時(shí)調(diào)用，而被調(diào)用的元件又稱為實(shí)例。轉(zhuǎn)換元件二、知識準(zhǔn)備3.元件編輯模式在舞臺中運(yùn)用元件后，使用工具箱中的工具和菜單欄中的命令可以編輯元件，以調(diào)整元件的內(nèi)容，使其更貼合設(shè)計(jì)師的實(shí)際需求。在編輯元件時(shí)，需要先進(jìn)入元件編輯窗口，即元件編輯模式，進(jìn)入元件編輯窗口有以下4種方式。在舞臺中選擇需要編輯的元件，然后選擇【編輯】/【編輯元件】命令。在舞臺中的元件上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“編輯元件”命令。雙擊舞臺中的元件。在“庫”面板中雙擊要編輯的元件使用次數(shù)右側(cè)的空白區(qū)域；也可以在元件名稱上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“編輯”命令。二、知識準(zhǔn)備4.元件與實(shí)例的區(qū)別元件的使用范圍只在動畫的幕后區(qū)，在“庫”面板中叫元件，將其從該面板中拖曳到舞臺中，舞臺中顯現(xiàn)的是該元件的實(shí)例。實(shí)例是指在舞臺上或嵌套在另一個(gè)元件內(nèi)的元件副本，可視為元件在舞臺上的具體體現(xiàn)。更改元件的方向更改實(shí)例的形狀二、知識準(zhǔn)備5.實(shí)例的屬性創(chuàng)建元件并將其運(yùn)用到舞臺上后，若需要創(chuàng)建豐富多彩的視覺效果，可修改實(shí)例的屬性。具體操作方法為：選中實(shí)例后，打開“屬性”面板，單擊“對象”選項(xiàng)卡。實(shí)例的“屬性”面板二、知識準(zhǔn)備設(shè)計(jì)師導(dǎo)入素材后，素材都會在“庫”面板中存放，并且元件也會存放在其中。若需要再次使用某素材或元件，可直接從“庫”面板中調(diào)用。選擇【窗口】/【庫】命令，或按【Ctrl+L】組合鍵均可打開“庫”面板。（二）認(rèn)識“庫”面板“庫”面板二、知識準(zhǔn)備補(bǔ)間動畫是一種通過指定起始狀態(tài)和結(jié)束狀態(tài)，Animate自動生成中間狀態(tài)的動畫形式，可分為補(bǔ)間動畫、傳統(tǒng)補(bǔ)間和形狀補(bǔ)間3種類型。（三）補(bǔ)間動畫創(chuàng)建補(bǔ)間動畫1.創(chuàng)建與編輯補(bǔ)間動畫補(bǔ)間動畫的“補(bǔ)間”欄二、知識準(zhǔn)備2.創(chuàng)建與編輯傳統(tǒng)補(bǔ)間動畫傳統(tǒng)補(bǔ)間動畫又稱運(yùn)動漸變動畫，其原理是通過不同性質(zhì)的關(guān)鍵幀，實(shí)現(xiàn)對象產(chǎn)生縮放、不透明度、色彩、旋轉(zhuǎn)等方面的動畫效果。創(chuàng)建傳統(tǒng)補(bǔ)間動畫的方法為：在動畫的開始關(guān)鍵幀和結(jié)束關(guān)鍵幀中放入同一個(gè)元件，在兩個(gè)關(guān)鍵幀之間單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，然后調(diào)整兩個(gè)關(guān)鍵幀中對象的大小和旋轉(zhuǎn)方向等屬性。更改元件的方向創(chuàng)建傳統(tǒng)補(bǔ)間動畫二、知識準(zhǔn)備3.創(chuàng)建與編輯形狀補(bǔ)間動畫形狀補(bǔ)間動畫是通過矢量圖形的形狀變化，實(shí)現(xiàn)從一個(gè)圖形過渡到另一個(gè)圖形的漸變過程。該動畫與補(bǔ)間動畫和傳統(tǒng)補(bǔ)間動畫的區(qū)別在于，形狀補(bǔ)間動畫不需要將素材轉(zhuǎn)換為元件，只需保證素材為矢量圖形。創(chuàng)建形狀補(bǔ)間動畫形狀補(bǔ)間動畫的“補(bǔ)間”欄二、知識準(zhǔn)備引導(dǎo)層動畫是一種常用于制作按特定路線移動的動畫形式，引導(dǎo)層動畫由引導(dǎo)層和動畫層組成，引導(dǎo)層中有引導(dǎo)線，且引導(dǎo)線在最終發(fā)布時(shí)不會顯示出來，動畫層中的動畫形式一般是補(bǔ)間動畫。（四）引導(dǎo)層動畫二、知識準(zhǔn)備1.引導(dǎo)層的形態(tài)01普通引導(dǎo)層02運(yùn)動引導(dǎo)層2.創(chuàng)建引導(dǎo)層將圖層轉(zhuǎn)換成引導(dǎo)層將圖層轉(zhuǎn)換為動畫層為圖層創(chuàng)建引導(dǎo)層二、知識準(zhǔn)備3.繪制引導(dǎo)線的工具鉛筆工具的“顏色和樣式”欄引導(dǎo)層創(chuàng)建完畢后，就需要在舞臺中繪制引導(dǎo)線。繪制引導(dǎo)線的工具有鉛筆工具和線條工具。其中鉛筆工具用于繪制任意形狀的線段，線條工具用于繪制直線段。選擇工具后，在“屬性”面板“工具”選項(xiàng)卡的“顏色和樣式”欄中可設(shè)置引導(dǎo)線的屬性，然后在舞臺中按住鼠標(biāo)左鍵不放并拖曳鼠標(biāo)指針可繪制引導(dǎo)線。鉛筆工具的“顏色和樣式”欄與線條工具的“顏色和樣式”欄中的參數(shù)基本一致。二、知識準(zhǔn)備遮罩動畫是由遮罩層和被遮罩層組成的一種特殊動畫形式。在Animate中,為了得到特殊的顯示效果，可以在遮罩層中創(chuàng)建一個(gè)任意形狀的遮罩，遮罩層下方的對象可以通過該遮罩顯示出來，而遮罩之外的對象將不會顯示，遮罩層下方的圖層就被稱為被遮罩層。（五）遮罩動畫1.認(rèn)識遮罩動畫遮罩動畫二、知識準(zhǔn)備2.繪制遮罩多角星形工具創(chuàng)建遮罩層之前，需要先繪制遮罩的形狀，除了將導(dǎo)入的圖像、矢量圖形作為遮罩外，還可以使用形狀工具組內(nèi)的工具繪制。形狀工具組包含矩形工具、基本矩形工具、橢圓工具、基本橢圓工具和多角星形工具，分別用于繪制矩形、圓角矩形、橢圓、正圓和多邊形。不同頂點(diǎn)大小的多邊星形效果二、知識準(zhǔn)備3.創(chuàng)建遮罩層繪制好遮罩后，就可以開始創(chuàng)建遮罩層。具體操作方法為：選擇作為遮罩的圖層，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“遮罩層”命令，將該圖層轉(zhuǎn)換為遮罩層，下方的圖層自動被轉(zhuǎn)化為被遮罩層，并且兩個(gè)圖層都將被鎖定。創(chuàng)建遮罩層將其他普通圖層作為被遮罩層三、任務(wù)實(shí)施（一）創(chuàng)建圖形和影片編輯元件米拉搜集了較多關(guān)于智慧城市的素材，準(zhǔn)備統(tǒng)一將其導(dǎo)入到“庫”面板中，再創(chuàng)建成不同類型元件，以便調(diào)用，具體操作如下。創(chuàng)建“藍(lán)天”圖形元件“庫”面板中的“藍(lán)天”圖形元件三、任務(wù)實(shí)施（二）制作“風(fēng)力發(fā)電機(jī)”影片剪輯元件的補(bǔ)間動畫米拉準(zhǔn)備直接在元件編輯模式中，為“風(fēng)力發(fā)電機(jī)”影片剪輯元件制作扇葉轉(zhuǎn)動的效果，具體操作如下。選中扇葉圖形設(shè)置旋轉(zhuǎn)方向調(diào)整圖形所在圖層旋轉(zhuǎn)扇葉圖形三、任務(wù)實(shí)施扇葉轉(zhuǎn)動效果三、任務(wù)實(shí)施（三）制作“飛行器”圖形元件的引導(dǎo)動畫米拉預(yù)想在標(biāo)題文本出場時(shí)，搭配飛行器飛到其周圍的動態(tài)效果，于是便想通過引導(dǎo)動畫制作該效果，具體操作如下。繪制引導(dǎo)線三、任務(wù)實(shí)施起始位置結(jié)束位置第14幀效果第27幀效果三、任務(wù)實(shí)施引導(dǎo)動畫效果三、任務(wù)實(shí)施（四）使用“云朵”圖形元件制作遮罩層目前，部分元件的動畫效果已經(jīng)制作完畢，米拉準(zhǔn)備先布局整個(gè)畫面，并運(yùn)用實(shí)例到舞臺中，再通過遮罩動畫為整個(gè)場景制作逐漸顯示的效果，具體操作如下。布局畫面效果繪制引導(dǎo)線三、任務(wù)實(shí)施遮罩動畫效果展示“智慧城市”科普動畫片頭效果制作由下到上的動態(tài)效果制作由下到上的動態(tài)效果目錄Contents任務(wù)一制作“籃球運(yùn)動”逐幀動畫 任務(wù)二制作“智慧城市”科普動畫片頭任務(wù)三制作“人物雙臂揮舞”骨骼動畫綜合實(shí)戰(zhàn)制作生鮮廣告動畫一、任務(wù)描述“人物雙臂揮舞”骨骼動畫參考效果二、知識準(zhǔn)備（一）骨骼動畫骨骼動畫也叫反向運(yùn)動，是使用骨骼關(guān)節(jié)結(jié)構(gòu)對一個(gè)對象或彼此相關(guān)的一組對象進(jìn)行動畫處理，常用于制作人物需要行動的動畫。在骨骼動畫中，骨骼之間的連接點(diǎn)稱為關(guān)節(jié)，當(dāng)一個(gè)骨骼移動時(shí)，通過關(guān)節(jié)與其相連接的骨骼也會進(jìn)行相應(yīng)的移動。骨骼關(guān)節(jié)結(jié)構(gòu)按父子關(guān)系連接形成骨架，源于同一骨骼的骨架分支稱為同級。在元件上添加在圖像上添加將元件（或?qū)嵗┻B接起來，如將軀干、上臂、前臂、手連接起來，使彼此之間更加協(xié)調(diào)，移動的動畫效果也更加逼真。使用圖像作為多塊骨骼的容器，可在圖像中添加骨骼，使其逼真地進(jìn)行運(yùn)動。二、知識準(zhǔn)備（二）骨骼動畫的制作流程骨骼動畫的制作流程包括添加骨骼、編輯骨骼、制作骨骼動畫3個(gè)環(huán)節(jié)，每個(gè)環(huán)節(jié)循環(huán)漸進(jìn)，并為下一個(gè)流程做鋪墊。1.添加骨骼添加一個(gè)骨骼的效果為元件（或?qū)嵗┨砑庸趋罏閳D形添加骨骼二、知識準(zhǔn)備2.編輯骨骼移動骨骼旋轉(zhuǎn)多個(gè)骨骼調(diào)整骨骼長度二、知識準(zhǔn)備3.制作骨骼動畫要制作骨骼動畫，首先需要在骨架圖層中添加幀以改變動畫的長度，然后在不同的幀中調(diào)整舞臺中的骨架。骨架圖層中的關(guān)鍵幀稱為姿勢幀，Animate會在每個(gè)姿勢之間自動創(chuàng)建過渡效果。在“時(shí)間軸”面板中制作骨骼動畫時(shí)，常會用到以下操作。12添加姿勢:在骨架圖層要添加姿勢的幀處單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“插入姿勢”命令，或?qū)⒉シ蓬^移動到要添加姿勢的幀上，然后在舞臺上調(diào)整骨架。3清除姿勢:在骨架圖層的姿勢幀處單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“清除姿勢”命令。4復(fù)制與粘貼姿勢:在骨架圖層的姿勢幀處單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“復(fù)制姿勢”命令，然后在要粘貼姿勢的位置單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“粘貼姿勢”命令。更改動畫的長度:將鼠標(biāo)指針移至骨架圖層的最后一幀，當(dāng)鼠標(biāo)