《數(shù)字媒體技術(shù)應(yīng)用實例教程》中職生數(shù)字媒體技術(shù)課程全套教學(xué)課件

項目一數(shù)字媒體技術(shù)基礎(chǔ)知識項目二初識AnimateCC2020軟件項目三AnimateCC基本工具的使用項目四Animate基本動畫制作項目五Animate高級動畫制作項目六Animate交互動畫設(shè)計項目七綜合項目制作全套可編輯PPT課件項目一數(shù)字媒體技術(shù)基礎(chǔ)知識全套可編輯PPT課件

項目教學(xué)目標(biāo)

知識目標(biāo)1.了解數(shù)字媒體及特征2.知道典型數(shù)字媒體技術(shù)3.了解我國數(shù)字媒體技術(shù)的發(fā)展趨勢4.了解動畫的定義5.知道我國動畫的發(fā)展6.掌握動畫的基本概念技能目標(biāo)1.能開始嘗試使用數(shù)字媒體軟件制作2.會使用動畫軟件的基本功能素養(yǎng)目標(biāo)1.對學(xué)生進(jìn)行職業(yè)引導(dǎo)，樹立學(xué)生職業(yè)意識2.引導(dǎo)學(xué)生充分了解我國動畫的發(fā)展，增強(qiáng)學(xué)生民族與文化自信3.以數(shù)字媒體技術(shù)和動畫，不斷推進(jìn)現(xiàn)代化建設(shè)進(jìn)程4.培養(yǎng)高素質(zhì)技術(shù)技能人才5.培養(yǎng)學(xué)生具有勇于開拓爭創(chuàng)一流的工匠精神全套可編輯PPT課件

任務(wù)1走進(jìn)數(shù)字媒體技術(shù)

任務(wù)描述

小羅是一位動畫愛好者，他的職業(yè)夢想是成為出色的動畫設(shè)計師，現(xiàn)在他正初中畢業(yè)，想選擇一所適合他的中職學(xué)校學(xué)習(xí)相關(guān)專業(yè)。小羅看到了很多中職學(xué)校都開設(shè)有數(shù)字媒體技術(shù)專業(yè)，但并不十分清楚什么是數(shù)字媒體技術(shù)。你能帶他了解什么是數(shù)字媒體技術(shù)嗎？全套可編輯PPT課件

任務(wù)1走進(jìn)數(shù)字媒體技術(shù)

任務(wù)目標(biāo)

●

能在掌握動畫軟件的基礎(chǔ)上，快速地學(xué)會使用數(shù)字媒體技術(shù)軟件?！衲苁褂脭?shù)字媒體技術(shù)的基本原理創(chuàng)作作品。

任務(wù)分析

數(shù)字媒體技術(shù)作為一個新興技術(shù)，對學(xué)習(xí)該專業(yè)的學(xué)生具有技術(shù)、審美等多方面的綜合要求，本任務(wù)將走進(jìn)數(shù)字媒體技術(shù)，對數(shù)字媒體技術(shù)專業(yè)進(jìn)行基本的介紹。全套可編輯PPT課件

任務(wù)1走進(jìn)數(shù)字媒體技術(shù)

任務(wù)實施

一、數(shù)字媒體及特征（一）什么是數(shù)字媒體數(shù)字媒體是指以二進(jìn)制數(shù)的形式記錄、處理、傳播、獲取的信息載體，這些載體包括數(shù)字化的文字、圖形、圖像、聲音、視頻影像和動畫等感覺媒體，和表示這些感覺媒體的表示媒體（編碼）等，通稱為邏輯媒體，以及存儲、傳輸、顯示邏輯媒體的實物媒體。但通常意義下所稱的數(shù)字媒體常常指感覺媒體。（二）媒體的分類1.感覺媒體（PerceptionMedium）直接作用于人的感覺器官，使人產(chǎn)生直接感覺的媒體。如引起聽覺反應(yīng)的聲音，引起視覺反應(yīng)的圖像等。全套可編輯PPT課件

任務(wù)1走進(jìn)數(shù)字媒體技術(shù)

任務(wù)實施

（二）媒體的分類2.表示媒體（RepresentationMedium）表示媒體指傳輸感覺媒體的中介媒體，即用于數(shù)據(jù)交換的編碼。3.表現(xiàn)媒體（PresentationMedium）表現(xiàn)媒體指進(jìn)行信息輸入和輸出的媒體。4.存儲媒體（StorageMedium）存儲媒體指用于存儲表示媒體的物理介質(zhì)。如硬盤、軟盤、磁盤、光盤、ROM及RAM等。5.傳輸媒體（TransmissionMedium）傳輸媒體指傳輸表示媒體的物理介質(zhì)。如電纜、光纜等。全套可編輯PPT課件

任務(wù)1走進(jìn)數(shù)字媒體技術(shù)

任務(wù)實施

（三）數(shù)字媒體的特征數(shù)字媒體的主要特征有：數(shù)字化、交互性、趣味性、集成性、技術(shù)與藝術(shù)的融合。如圖所示的數(shù)字媒體展廳是集各種多媒體數(shù)字展覽展示系統(tǒng)為一體的綜合展示平臺，包括全息投影、數(shù)字沙盤、環(huán)幕/弧幕/球幕、電子翻書、互動地面及觸摸屏、VR/AR互動系統(tǒng)等等，通過對視頻、聲音、動畫等媒體加以組合應(yīng)用，集數(shù)字化、交互性、趣味性、集成性及技術(shù)與藝術(shù)融合等主要特征于一體。數(shù)字媒體展廳全套可編輯PPT課件

任務(wù)1走進(jìn)數(shù)字媒體技術(shù)

任務(wù)實施

二、典型數(shù)字媒體技術(shù)（一）文字處理技術(shù)文字處理是最傳統(tǒng)的媒體表現(xiàn)形式，主要包括文字錄入、文字輸出、文字排版等。手寫錄入語音錄入文字排版全套可編輯PPT課件

任務(wù)1走進(jìn)數(shù)字媒體技術(shù)

任務(wù)實施

（二）數(shù)字音頻處理技術(shù)數(shù)字音頻是指用一連串二進(jìn)制數(shù)據(jù)來保存聲音信號。音頻經(jīng)數(shù)字化處理后會變成離散信號。音頻數(shù)字化一般有三個階段：采樣、量化、編碼。（三）數(shù)字圖像處理技術(shù)數(shù)字圖像處理是通過計算機(jī)對圖像進(jìn)行去除噪聲、增強(qiáng)、復(fù)原、分割、提取特征等處理，將圖像信號轉(zhuǎn)換成數(shù)字信號的過程。按照圖像在計算機(jī)中顯示時不同的生成方式，可分為位圖和矢量圖。矢量圖和位圖

任務(wù)1走進(jìn)數(shù)字媒體技術(shù)

任務(wù)實施

（四）數(shù)字影視技術(shù)當(dāng)前的視頻媒體制作和傳輸越來越多地依賴數(shù)字技術(shù)的支撐。視頻信號經(jīng)數(shù)字化處理后，不管對數(shù)字信號做多少次處理和控制，畫面質(zhì)量幾乎都不會下降，可以多次復(fù)制而不失真。值得一提的是我國的科幻電影是我國的科幻電影《流浪地球》。電影《流浪地球》

任務(wù)1走進(jìn)數(shù)字媒體技術(shù)

任務(wù)實施

（五）數(shù)字動畫技術(shù)動畫是視覺上動態(tài)變化的圖畫，可分為二維動畫和三維動畫，計算機(jī)輔助二維動畫，其產(chǎn)品絕大多數(shù)是電視連續(xù)劇動畫片、電影片、商業(yè)廣告、公益動畫片或者科教演示。數(shù)字三維動畫，簡稱3D動畫，與二維動畫相比，三維動畫能展現(xiàn)前后（縱深）運(yùn)動和視點改變的效果，增加了立體感和空間感。二維動畫三維動畫

任務(wù)1走進(jìn)數(shù)字媒體技術(shù)

任務(wù)實施

（六）游戲設(shè)計技術(shù)游戲是人的天性，計算機(jī)游戲是其中典型的一種。游戲可以分為角色扮演類、益智類、視頻類、模擬類、策略類、動作過關(guān)類、射擊類、冒險類、格斗類、賽車類、體育類、桌面類等。游戲設(shè)計的開發(fā)過程，包含了計算機(jī)軟件開發(fā)技術(shù)、電影技術(shù)、動畫技術(shù)、語言文學(xué)藝術(shù)等多種創(chuàng)作形式，是集成度非常高的電子產(chǎn)品開發(fā)門類。如最受歡迎的手機(jī)網(wǎng)絡(luò)游戲之一的《王者榮耀》近年來推出了不少國風(fēng)背景的原創(chuàng)故事，融入中國水墨風(fēng)的皮膚。游戲《王者榮耀》

任務(wù)1走進(jìn)數(shù)字媒體技術(shù)

任務(wù)實施

（七）網(wǎng)頁開發(fā)技術(shù)網(wǎng)頁也屬于數(shù)字媒體的一種，稱之為超文本文件。網(wǎng)頁（站）可分為動態(tài)的和靜態(tài)的。網(wǎng)站開發(fā)也是一種綜合性的技術(shù)應(yīng)用，一個網(wǎng)頁中會包含HTML、腳本、WEB程序代碼等多種元素。（八）流媒體技術(shù)流媒體技術(shù)主要用于在線視頻、IPTV等領(lǐng)域，其主要特征為使用高壓縮比的數(shù)據(jù)壓縮技術(shù)、結(jié)合P2P、斷點續(xù)傳、云服務(wù)等相關(guān)技術(shù)，實現(xiàn)在線、數(shù)字媒體技術(shù)應(yīng)用實例教程10實時、高清、快速的視頻下載與播放。流媒體具有縮短等待時間、節(jié)省存儲空間、實現(xiàn)實時傳輸和實時播放的優(yōu)點。

任務(wù)1走進(jìn)數(shù)字媒體技術(shù)

任務(wù)實施

三、我國數(shù)字媒體技術(shù)的發(fā)展趨勢數(shù)字媒體包括用數(shù)字化技術(shù)生成、制作、管理、傳播、運(yùn)營和消費(fèi)的文化內(nèi)容產(chǎn)品及服務(wù)，具有高增值、強(qiáng)輻射、低消耗、廣就業(yè)、軟滲透的屬性。“文化為體，科技為酶”是數(shù)字媒體的精髓。在我國，數(shù)字媒體技術(shù)及產(chǎn)業(yè)同樣得到了各級領(lǐng)導(dǎo)部門的高度關(guān)注，國家863計劃率先支持了網(wǎng)絡(luò)游戲引擎、協(xié)同式動畫制作、三維運(yùn)動捕捉、人機(jī)交互等關(guān)鍵技術(shù)研發(fā)以及動漫網(wǎng)游公共服務(wù)平臺的建設(shè)，并分別在北京、上海、湖南長沙和四川成都建設(shè)了四個國家級數(shù)字媒體技術(shù)產(chǎn)業(yè)化基地，對數(shù)字媒體產(chǎn)業(yè)積聚效應(yīng)的形成和數(shù)字媒體技術(shù)的發(fā)展起到了重要的示范和引領(lǐng)作用。

任務(wù)2動畫基本概念

任務(wù)描述

對于想學(xué)習(xí)動畫設(shè)計的小羅，還需要弄清楚關(guān)于動畫的基本概念，為他以后的專業(yè)學(xué)習(xí)打下基礎(chǔ)，你能繼續(xù)幫助他嗎？

任務(wù)2動畫基本概念

任務(wù)目標(biāo)

●能了解動畫的定義。●能知道我國動畫的發(fā)展歷史?！衲苷莆談赢嫷幕靖拍?。

任務(wù)分析

動畫基本概念是學(xué)習(xí)專業(yè)知識的基礎(chǔ)和門檻，本任務(wù)從動畫定義、技術(shù)發(fā)展、基本概念等板塊，一一準(zhǔn)備好動畫的入門學(xué)習(xí)。

任務(wù)2動畫基本概念

任務(wù)實施

一、動畫的定義動畫通常是指通過連續(xù)播放一系列畫面，給視覺造成連續(xù)變化圖畫的錯覺。它的基本原理與電影、電視一樣，都是視覺原理。醫(yī)學(xué)已證明，人類具有“視覺暫留”的特性，就是說人的眼睛看到一幅畫或一個物體后，在1/24秒內(nèi)不會消失。利用這一原理，在一幅畫還沒有消失前播放出下一幅畫，就會給人造成一種流暢的視覺變化效果。如圖所示是一組連續(xù)變化的圖片，只要將其放到連續(xù)的幀上以一定的速度連續(xù)播放，就可以形成一個人物跑步的視覺效果。人物動作序列圖

任務(wù)2動畫基本概念

任務(wù)實施

二、動畫技術(shù)的發(fā)展（一）動畫的雛形1832年由約瑟夫·普拉托發(fā)明的“費(fèi)納奇鏡”，1834年由喬治·霍納發(fā)明的“西洋鏡”都是動畫的雛形，它們都是通過觀察窗來展示旋轉(zhuǎn)的順序圖畫，從而形成動態(tài)畫面。費(fèi)納奇鏡

任務(wù)2動畫基本概念

任務(wù)實施

（二）第一部動畫片隨著科技的發(fā)展，具有現(xiàn)代意義的動畫片逐步出現(xiàn)。在電影發(fā)明之后，1906年，美國人詹姆斯·斯圖爾特·布萊克頓制作出第一部接近現(xiàn)代動畫概念的影片，名為《滑稽面孔的幽默形象》。《滑稽面孔的幽默形象》

任務(wù)2動畫基本概念

任務(wù)實施

（三）我國動畫的發(fā)展1.萌芽（1922—1949年）中國動畫起源于20世紀(jì)20年代，中國動畫片的誕生離不開萬氏兄弟?！洞篝[畫室》《鐵扇公主》

任務(wù)2動畫基本概念

任務(wù)實施

2.發(fā)展（1950—1999年）新中國成立之后，出現(xiàn)一種百花齊放的狀態(tài)，許多優(yōu)秀的動畫相繼問世，創(chuàng)造出了許多嶄新的動畫形式。但在十年動亂時期，中國動畫深受沖擊，逐漸陷入低谷，改革開放后又逐漸發(fā)展起來，迎來復(fù)興期，走向高峰?！敦i八戒吃西瓜》《小蝌蚪找媽媽》《大鬧天宮》《葫蘆兄弟》

任務(wù)2動畫基本概念

任務(wù)實施

3.爆發(fā)（21世紀(jì)至今）21世紀(jì)以來，國產(chǎn)動畫片在內(nèi)容制作、后續(xù)衍生品開發(fā)上更是有了很大的飛躍。近幾年，國漫產(chǎn)業(yè)迎來了爆發(fā)時期，動畫產(chǎn)業(yè)蓬勃發(fā)展，陸續(xù)出現(xiàn)一些備受關(guān)注的片子?！赌倪钢凳馈贰洞篝~海棠》

任務(wù)2動畫基本概念

任務(wù)實施

三、動畫的基本概念（一）幀幀是動畫中衡量時間的基本單位。每一個時間間隔就是一幀。（二）幀率幀率就是每秒播放多少幀。不同格式的節(jié)目會采用不同幀率，電影格式幀率為24幀/秒，游戲為15幀/秒，電視格式又分為NTSC制和PAL制，NTSC制為30幀/秒，PAL制為25幀/秒。（三）時間軸時間軸也叫時間線，在動畫中指動畫的播放走向，如果停止不動的話，就是一幅靜止的畫面。謝謝觀看THANKS項目二初識AnimateCC2020軟件

項目教學(xué)目標(biāo)

知識目標(biāo)1.了解AnimateCC的發(fā)展2.知道Animate動畫的特點3.認(rèn)識AnimateCC2020的工作界面4.掌握AnimateCC2020文檔的基本操作技能目標(biāo)1.會在AnimateCC2020中新建、打開、保存文檔2.會測試影片，導(dǎo)出作品，發(fā)布作品素養(yǎng)目標(biāo)1.培養(yǎng)學(xué)生查找、搜集、整理信息的能力2.通過文檔的基本操作，培養(yǎng)學(xué)生嚴(yán)謹(jǐn)認(rèn)真的做事習(xí)慣

任務(wù)1AnimateCC二維動畫制作概述

任務(wù)描述

小宋想制作一個簡單的二維動畫，但不知道該從何開始。有朋友告訴他需要學(xué)習(xí)AnimateCC軟件，AnimateCC到底是什么呢？讓我們一起來了解吧!

任務(wù)1AnimateCC二維動畫制作概述

任務(wù)目標(biāo)

●能了解AnimateCC的發(fā)展?！駮繟nimate動畫的特點。

任務(wù)分析

AnimateCC軟件是學(xué)習(xí)二維動畫的重要軟件，掌握AnimateCC軟件對學(xué)習(xí)二維動畫具有重要作用，請一一按照下面的步驟學(xué)習(xí)。

任務(wù)1AnimateCC二維動畫制作概述

任務(wù)實施

一、AnimateCC的發(fā)展（一）AnimateCCAnimateCC由原AdobeFlashProfessionalCC更名得來，2015年12月2日，Adobe宣布FlashProfessional更名為AnimateCC，縮寫為An。（二）功能介紹An除維持原有Flash開發(fā)工具支持外，新增HTML5創(chuàng)作工具，為網(wǎng)頁開發(fā)者提供更適應(yīng)現(xiàn)有網(wǎng)頁應(yīng)用的音頻、圖片、視頻、動畫等創(chuàng)作支持。An擁有大量的新特性，特別是在繼續(xù)支持FlashSWF、AIR格式的同時，還會支持HTML5Canvas、WebGL，并能通過可擴(kuò)展架構(gòu)去支持包括SVG在內(nèi)的幾乎任何動畫格式。

任務(wù)1AnimateCC二維動畫制作概述

任務(wù)實施

（三）了解FlashFlash具有適用范圍廣，圖像質(zhì)量高，影片文件容量小，下載時間短，交互性強(qiáng)，集成性強(qiáng)的特點。FutureSplashAnimatorFlash2.0Flash3.0Flash4.0Flash5.0FlashMXFlashMX2004Flash8.0FlashCS3FlashCS4FlashCS5FlashCCAnimate

任務(wù)1AnimateCC二維動畫制作概述

任務(wù)實施

二、An動畫的特點（一）文件的數(shù)據(jù)量小（二）質(zhì)量高（三）交互性好（四）采用流媒體播放技術(shù)（五）視覺效果豐富（六）成本低廉

任務(wù)2AnimateCC2020工作界面

任務(wù)描述

面對全新的An界面，小宋是一頭霧水，請你帶領(lǐng)他認(rèn)識An的工作界面吧！

任務(wù)2AnimateCC2020工作界面

任務(wù)目標(biāo)

●能認(rèn)識An的工作界面。●會基本掌握界面功能?！衲苁煜n快捷鍵的使用。

任務(wù)分析

認(rèn)識An的工作界面是軟件操作的基礎(chǔ)，用戶要正確高效地運(yùn)用An軟件制作動畫，首先需要熟悉An的工作界面以及工作界面中各部分的功能。

任務(wù)2AnimateCC2020工作界面

任務(wù)實施

一、啟動An軟件出現(xiàn)如圖所示的啟動界面。An的啟動界面二、新建文檔An軟件為我們提供了常見的角色動畫、社交、游戲、教育、廣告等各類動畫的預(yù)設(shè)尺寸。我們可以選定其中一種尺寸或在右側(cè)的詳細(xì)信息中輸入寬和高后，單擊右下角“創(chuàng)建”按鈕，即可進(jìn)入到An的工作界面中。

任務(wù)2AnimateCC2020工作界面

任務(wù)實施

三、An的工作界面An的工作頁面主要由菜單欄、工作區(qū)、舞臺、工具箱、屬性面板、時間軸等組成。An的工作界面

任務(wù)3

AnimateCC2020文檔操作

任務(wù)描述

第一次面對An，小宋急不可待地新建了一個空白文檔，師哥告訴他其實事先準(zhǔn)備了一個小動畫，可以在An中打開，但需要保存在另外一個位置，并且要測試影片，導(dǎo)出動畫。讓我們一起來了解吧！

任務(wù)3AnimateCC2020文檔操作

任務(wù)目標(biāo)

●會在An中新建文檔。●能夠打開并保存文檔?！駮y試影片，導(dǎo)出作品，發(fā)布作品。

任務(wù)分析

An動畫制作的流程主要包括新建文檔、編輯動畫、保存影片和發(fā)布作品4個步驟，其中編輯動畫是關(guān)鍵，新建文檔、保存影片和發(fā)布作品是基本操作，以下便是這三個基本操作的具體步驟。

任務(wù)3AnimateCC2020文檔操作

任務(wù)實施

一、新建文檔新建一個An動畫文檔有新建空白文檔和新建模板文檔兩種方式。方法一：新建空白文檔方法二：新建模板文檔

任務(wù)3AnimateCC2020文檔操作

任務(wù)實施

二、打開文檔選擇“文件”菜單—“打開”命令。三、保存文檔選擇“文件”—“圖像”命令，打開“另存為”對話框。注：“fla”為animate動畫的源文件格式四、測試動畫選擇菜單命令“控制”—“測試影片”—“在Animate中”，進(jìn)入動畫測試環(huán)境，將打開新窗口顯示測試結(jié)果?！傲泶鏋椤边x項注：An測試影片的快捷鍵是“Ctrl+Enter”，測試當(dāng)前場景的快捷“Alt+Ctrl+Enter”

任務(wù)3AnimateCC2020文檔操作

任務(wù)實施

五、導(dǎo)出作品導(dǎo)出命令可以將作品導(dǎo)出為影片文件，不同格式的靜止的單個圖像，以及一系列的活動圖像等，其格式包括GIF、JPEG、PNG、BMP、QuickTime或AVI等。1、導(dǎo)出單個圖像2、導(dǎo)出圖像序列3、導(dǎo)出動畫影片六、發(fā)布作品使用發(fā)布命令可以創(chuàng)建SWF格式的文件，并將其插入瀏覽器窗口中的HTML文檔，也可以用其他文件格式（如GIF、JPEG、PNG和QuickTime格式）發(fā)布FLA格式的文件。謝謝觀看THANKS項目三AnimateCC2020基本工具的使用

項目教學(xué)目標(biāo)

知識目標(biāo)1.熟練掌握選擇工具的特點與使用方法；2.熟練掌握直線工具繪制圖形的概念與編輯方法；3.熟練掌握鋼筆工具繪制圖形的概念與編輯方法；4.熟練掌握填充工具的概念與編輯方法；5.熟練掌握變形工具的概念與類型；6.熟練掌握文本工具的制作方法；7.掌握幾何圖型變換卡通圖形的使用。技能目標(biāo)1.會使用常用繪圖工具來繪制圖形；2.能完成動畫場景所需的各類對象的形態(tài)繪制。素養(yǎng)目標(biāo)1.通過親自參與探究任務(wù)過程，在交流、溝通與合作中，培養(yǎng)探究能力和創(chuàng)新能力；2.體驗創(chuàng)作的樂趣，培養(yǎng)動畫繪制的學(xué)習(xí)興趣。3.繪制具有中國特色的創(chuàng)新卡通形象，增加民族自豪感。

任務(wù)1繪制動畫場景

任務(wù)描述

小丁剛到公司的設(shè)計部門實習(xí)，企業(yè)師傅讓小丁先學(xué)習(xí)掌握An軟件的基本繪圖工具的使用，并完成一個田野的動畫場景繪制。

本任務(wù)我們跟著小丁學(xué)習(xí)制作田野的動畫場景。動畫場景效果圖如圖所示。

任務(wù)1繪制動畫場景

任務(wù)目標(biāo)

★能理解選擇工具的概念與特點；★能熟練掌握直線的創(chuàng)建與編輯方法；★能理解基本幾何形的類型，并根據(jù)不同的情況選擇適當(dāng)?shù)膸缀涡瓮瓿蓤D形繪制；★能熟練掌握顏色填充的屬性與編輯方法。

任務(wù)分析

圖形繪制是An動畫制作的基礎(chǔ)，制作動畫需要能根據(jù)需要繪制基本圖形。本任務(wù)通過繪制簡單的動畫場景，來掌握動畫繪制的基本方法，達(dá)到熟悉繪制工具箱的目的。

任務(wù)1繪制動畫場景

任務(wù)1繪制動畫場景

知識鏈接

工具欄常用工具介紹

任務(wù)1繪制動畫場景

任務(wù)實施

1.新建文檔

打開An軟件，在“新建文檔”對話框中選擇“角色動畫”、預(yù)設(shè)“標(biāo)準(zhǔn)（640*480）”“ActionScript3.0”等，然后單擊“創(chuàng)建”按鈕直接進(jìn)入An軟件的工作界面，如圖所示。

任務(wù)1繪制動畫場景

任務(wù)實施

2.制作天空背景。使用工具箱中的矩形工具繪制矩形，大小略大于舞臺背景，效果如圖所示。

任務(wù)1繪制動畫場景

任務(wù)實施

3.編輯天空背景填充色。在矩形的顏色屬性面板中，將填充模式改為線性填充。并調(diào)整填充顏色為白色（#FFFFFF）到淡藍(lán)色（#00DEE9），如圖所示。

任務(wù)1繪制動畫場景

任務(wù)實施

4.使用任意變形工具中的漸變變形工具，調(diào)整漸變填充的方向為垂直方向。效果如圖所示。

任務(wù)1繪制動畫場景

任務(wù)實施

5.制作草原前景。鎖定背景層，在時間軸中單擊“插入圖層按鈕”新建一個圖層，命名為“草原前景”。在新圖層上，使用矩形工具繪制矩形。漸變填充色為綠（#00964E）到黃（#D2E26F）。使用漸變變形工具調(diào)整矩形的填充漸變方向為垂直。效果如圖所示。

任務(wù)1繪制動畫場景

任務(wù)實施

6.使用選擇工具，調(diào)節(jié)草原前景的形狀；在外輪廓線上雙擊，選擇所有外輪廓線后刪除。效果如圖所示。

任務(wù)1繪制動畫場景

任務(wù)實施

7.制作草原遠(yuǎn)景。在草原前景圖層上點擊右鍵，選擇復(fù)制圖層，將草原前景圖層復(fù)制；將復(fù)制圖層名字改為“草原遠(yuǎn)景”。在草原遠(yuǎn)景的圖形上點擊右鍵，選擇水平翻轉(zhuǎn)，完成遠(yuǎn)景的圖形。調(diào)整草原前景與遠(yuǎn)景的圖層順序。并使用選擇工具和漸變變形工具調(diào)節(jié)遠(yuǎn)景圖形的位置、大小與漸變填充效果。效果如圖所示。

任務(wù)1繪制動畫場景

任務(wù)實施

8.制作小路。在時間軸中單擊“插入圖層按鈕”新建圖層，圖層名為“小路”。使用鋼筆工具繪制小路。并用轉(zhuǎn)換錨點工具及部分選擇工具調(diào)整小路的形狀。使用顏料桶工具將小路的填充色為#ECBD75到#F3D6A4的漸變填充，使用漸變變形工具調(diào)整漸變方向與位置。使用選擇工具選擇小路輪廓線并刪除。效果如圖所示。

任務(wù)1繪制動畫場景

任務(wù)實施

9.繪制云朵。在時間軸中單擊“插入圖層按鈕”新建圖層命名為“云朵”，在舞臺的左邊使用橢圓工具繪制多個交叉重疊的橢圓組合圖形，使用選擇工具選擇所有輪廓線并刪除，并使用顏料桶工具填充純色為#D6FFFF。將云朵圖層順序調(diào)整到草原遠(yuǎn)景之下。使用選擇工具選擇云朵圖形復(fù)制一個副本，調(diào)節(jié)副本的位置，并將副本顏色填充為白色，利用顏色差制作出云朵的立體效果。效果如圖所示。

任務(wù)1繪制動畫場景

任務(wù)實施

10.繪制樹木。在時間軸中單擊“插入圖層按鈕”新建圖層命名為“樹木”，在該圖層上使用鋼筆工具繪制樹冠，并用轉(zhuǎn)換錨點工具及部分選擇工具調(diào)整樹冠的形狀。使用顏料桶工具填充顏色為#007B3C；并全選樹冠輪廓線刪除；使用鋼筆工具繪制樹干，用部分選擇工具調(diào)整樹干形狀，刪除輪廓線，使用顏料桶工具填充顏色為#663200。效果如圖所示。

任務(wù)1繪制動畫場景

任務(wù)實施

11.復(fù)制樹木，完成場景制作。使用選擇工具選擇樹木，按F8將樹木圖形轉(zhuǎn)化為元件，使用Ctrl+C復(fù)制樹木，Ctrl+V粘貼樹木，完成樹木的復(fù)制；使用變形工具和選擇工具調(diào)節(jié)樹木的位置和大小，完成場景制作。效果如圖所示。

任務(wù)2繪制卡通形象

任務(wù)描述

公司的設(shè)計部門為成都的防疫宣傳設(shè)計了一個熊貓抗疫卡通形象，由小丁負(fù)責(zé)將設(shè)計部門的手繪稿繪制轉(zhuǎn)化為成電子稿，卡通形象效果圖如圖所示。

任務(wù)2繪制卡通形象

任務(wù)目標(biāo)

能熟練掌握常用繪圖工具繪制卡通形象；能在體驗創(chuàng)作樂趣過程中，提升動畫制作的學(xué)習(xí)興趣。

任務(wù)2繪制卡通形象

任務(wù)分析

本任務(wù)是以手繪稿為藍(lán)本，使用An繪制卡通形象。在繪制卡通形象的過程中，要熟練掌握描線技巧，同時注意使用分圖層繪制的方法，以方便后期動畫的制作。

任務(wù)2繪制卡通形象

知識鏈接

●卡通形象繪制的過程中，力求簡單流暢，不要有太多的細(xì)節(jié)修飾，太過復(fù)雜的制作會消耗大量的人力，還會對后期的動畫制作起到適得其反的效果。

任務(wù)2繪制卡通形象

任務(wù)實施

1.新建文檔

打開An軟件，在“新建文檔”對話框中選擇“角色動畫”、預(yù)設(shè)“標(biāo)準(zhǔn)（640*480）”“ActionScript3.0”等，然后單擊“創(chuàng)建”按鈕直接進(jìn)入An軟件的工作界面，效果如圖所示。

任務(wù)2繪制卡通形象

任務(wù)實施

2.設(shè)置舞臺背景為黃色，使用快捷鍵Ctrl+R，導(dǎo)入本教材配套素材中的“熊貓手繪稿”圖片。并在對象面板中鎖定手稿圖像高寬比例，將大小調(diào)整為640*480，使手稿符合舞臺大小。效果如圖所示。

任務(wù)2繪制卡通形象

任務(wù)實施

3.繪制頭部輪廓。新建圖層，命名為“頭部”，選擇橢圓工具，在屬性欄中設(shè)置填充為無填充，輪廓線選擇與底色差距較大的綠色，并調(diào)節(jié)筆觸大小，繪制頭部的初步外輪廓線。使用選擇工具對線條進(jìn)行調(diào)整，制作出熊貓頭部的外輪廓圖形。效果如圖所示。

任務(wù)2繪制卡通形象

任務(wù)實施

4.在“頭部”圖層中，用橢圓工具繪制耳朵，使用選擇工具刪除耳朵多余輪廓線。用鋼筆工具繪制面部輪廓。使用部分選取工具調(diào)節(jié)面部輪廓線形狀，效果如圖所示。

任務(wù)2繪制卡通形象

任務(wù)實施

5.繪制熊貓眼睛。新建圖層，命名為“眼睛”，改變線條顏色為紅色，使用橢圓工具和選擇工具繪制眼睛外輪廓，改變線條粗細(xì)后，用同樣的方法繪制眼球內(nèi)輪廓和眼仁。效果如圖所示。

任務(wù)2繪制卡通形象

任務(wù)實施

6.繪制口罩。新建圖層，命名為“口罩”。改變輪廓線顏色，使用矩形工具繪制口罩，用選取工具調(diào)節(jié)口罩輪廓。效果如圖所示。

任務(wù)2繪制卡通形象

任務(wù)實施

7.繪制面罩。新建圖層，命名為“面罩”。隱藏并鎖定已繪制的頭部等圖層，使用矩形工具、橢圓工具、鋼筆工具繪制面罩。使用選擇工具調(diào)整形狀，并刪除部分輪廓線。效果如圖所示。

任務(wù)2繪制卡通形象

任務(wù)實施

8.繪制身體。新建圖層，命名為“身體”，使用鋼筆工具繪制大輪廓，再使用選擇工具和部分選取工具對線條進(jìn)行調(diào)整。效果如圖所示。

任務(wù)2繪制卡通形象

任務(wù)實施

9.繪制牌子。新建圖層，命名為“牌子”，使用鋼筆工具繪制大輪廓，再使用選擇工具和部分選取工具對線條進(jìn)行調(diào)整。調(diào)整圖層順序在身體下面，效果如圖所示。

任務(wù)2繪制卡通形象

任務(wù)實施

10.隱藏手繪稿圖層，分圖層進(jìn)行顏色填充。對“頭部”“身體”圖層填充白色、黑色及藍(lán)色#C2FFFF，輪廓線為黑色；對“眼睛”圖層填充黑色和白色，取消輪廓線；對“口罩”圖層填充色為#3399CC，輪廓線為#33CCFF；對“面罩”的發(fā)帶部分填充色為#3399CC，面罩面部填充色為#DBFFFF，并調(diào)節(jié)透明度Alpha為59%，輪廓線均為#87EAFF；對“牌子”填充顏色為#C9B885、#663300，輪廓線為#663300。效果如圖所示。

任務(wù)2繪制卡通形象

任務(wù)實施

11.繪制陰影。新建圖層，命名為“陰影”，使用線條工具繪制線條，線條顏色為#CCCCCC，使用選擇工具調(diào)節(jié)線條形狀。在屬性面板中調(diào)節(jié)線條的筆觸大小和寬度樣式，同理繪制身體其余部分的陰影，并調(diào)整陰影的圖層順序。完成卡通繪制。效果如圖所示。謝謝觀看THANKS項目四Animate基本動畫制作

項目教學(xué)目標(biāo)

知識目標(biāo)1.熟練掌握元件與實例的概念、特點與編輯方法。2.熟練掌握圖層、時間軸的概念與設(shè)置。3.熟練掌握幀的概念與類型。4.熟練掌握幀的基本操作和逐幀動畫的制作方法。5.熟練掌握補(bǔ)間形狀、傳統(tǒng)補(bǔ)間和補(bǔ)間動畫各自的特點與制作方法。6.掌握緩動的設(shè)置及動畫編輯器的使用。技能目標(biāo)1.會使用常用繪圖工具來繪制圖形元件。2.能完成動畫場景所需的各類對象的形態(tài)繪制。3.會根據(jù)實際任務(wù)需要制作逐幀動畫、補(bǔ)間形狀、傳統(tǒng)補(bǔ)間和補(bǔ)間動畫。素養(yǎng)目標(biāo)1.通過親自參與探究任務(wù)過程，在交流、溝通與合作中，培養(yǎng)探究能力和創(chuàng)新能力。2.體驗創(chuàng)作的樂趣，培養(yǎng)動畫制作的學(xué)習(xí)興趣。3.通過項目任務(wù)的學(xué)習(xí)，培養(yǎng)勇于開拓爭創(chuàng)一流的工匠精神。

任務(wù)1元件的使用

任務(wù)描述

小丁剛到公司實習(xí)，公司前輩讓小丁先學(xué)習(xí)掌握元件與實例的概念、特點與編輯方法，以便制作動畫時更好地理解并合理利用元件。

本任務(wù)我們通過跟著小丁學(xué)習(xí)制作一個動態(tài)按鈕來學(xué)習(xí)元件的使用方法。此動態(tài)按鈕默認(rèn)情況下顯示為淡綠色，當(dāng)鼠標(biāo)指針移動經(jīng)過按鈕時，按鈕變成淡紫色；當(dāng)按下按鈕時，按鈕變成粉色；當(dāng)單擊按鈕時，按鈕形狀變大，動畫效果圖如圖所示。圖4-1-1動態(tài)按鈕效果動畫截圖

任務(wù)1元件的使用

任務(wù)目標(biāo)

●能理解元件的概念與特點?！衲苁炀氄莆赵膭?chuàng)建與編輯方法?！衲芾斫庠念愋?，能在新建元件或轉(zhuǎn)換元件時根據(jù)不同的情況選擇適當(dāng)?shù)脑愋??！衲苁炀氄莆赵嵗膶傩耘c編輯方法?！駮褂脦靵泶鎯?、管理媒體資源。

任務(wù)1元件的使用

任務(wù)分析

元件是An中的一個重要概念，制作動畫需要理解并合理地利用元件。本任務(wù)中動態(tài)按鈕在按鈕彈起默認(rèn)狀態(tài)、鼠標(biāo)指針經(jīng)過、按下按鈕和單擊按鈕四種不同狀態(tài)時顯示不同的顏色效果，可以利用按鈕元件的四種狀態(tài)來完成此效果。

任務(wù)1元件的使用

知識鏈接

●1.元件的概念

An中的元件是指在An環(huán)境中創(chuàng)建并保存在庫中的圖形、按鈕或影片剪輯，以便整個文檔或其他文檔重復(fù)使用，是An動畫中最基本的元素。2.元件的特點（1）元件由基本形狀、圖形對象、文本等其他元素構(gòu)成，有自身獨(dú)立的時間軸、圖層和工作區(qū)。（2）創(chuàng)建元件的目的：一是為了對象的重復(fù)利用，方便管理相同的元素并減小文件體積；二是動畫補(bǔ)間和傳統(tǒng)補(bǔ)間一般要使用元件。（3）元件是可以嵌套的，即一個元件可以與其他對象再組成一個新的元件。

任務(wù)1元件的使用

知識鏈接

●3.元件的類型

元件一共有3種類型，分別是影片剪輯、圖形和按鈕，三者各有特點，適用于不同的情況。在新建元件或轉(zhuǎn)換元件時應(yīng)該根據(jù)需要選擇適當(dāng)?shù)脑愋汀＃?）圖形元件。圖形元件一般是靜態(tài)的對象或與影片主時間軸同步的動畫，無法給圖形元件添加腳本，其時間軸受制于主時間軸。（2）影片剪輯元件。影片剪輯一般是一段小動畫，或是靜態(tài)的對象，具有獨(dú)立時間軸，它的播放與主時間軸沒有直接關(guān)系。（3）按鈕元件。按鈕元件是一種特殊的交互式影片剪輯，具有與影片剪輯相似的特點，用于感知用戶的鼠標(biāo)動作，創(chuàng)建響應(yīng)鼠標(biāo)事件的交互式按鈕。但它的時間軸只有4幀，前3幀顯示按鈕的3種可能狀態(tài)：彈起、指針經(jīng)過和按下，第4幀定義按鈕的活動區(qū)域。

任務(wù)1元件的使用

知識鏈接

●3.元件的類型

（4）元件實例的屬性與編輯。創(chuàng)建元件之后，可以在文檔中的任何地方（包括其他元件內(nèi)）創(chuàng)建該元件的實例，并且可以創(chuàng)建若干個。

（5）庫的應(yīng)用。An文檔中的庫用來存儲創(chuàng)建的或在文檔中導(dǎo)入的媒體資源，如元件、導(dǎo)入的位圖、音頻、視頻等都存放在庫中。此外，庫還包含已添加到文檔中的所有組件。編輯文檔時，可以使用當(dāng)前文檔的庫，也可以使用其他文檔的庫，所以庫中的資源是共享的。

針對“庫”面板，主要有以下常見的操作：重命名庫項目、使用其他文檔的庫、復(fù)制庫項目、刪除庫項目、重設(shè)項目的屬性。

任務(wù)1元件的使用

任務(wù)實施

（1）新建文檔。打開An軟件，在“新建文檔”對話框中選擇“角色動畫”、預(yù)設(shè)“標(biāo)準(zhǔn)（640*480）”“ActionScript3.0”等，然后單擊“創(chuàng)建”按鈕直接進(jìn)入軟件的工作界面，如圖4-1-2所示。圖4-1-2新建文檔界面

任務(wù)1元件的使用

任務(wù)實施

（2）將舞臺背景顏色改為“米黃色（#FFFFCC）”，效果如圖4-1-3所示。

（3）使用矩形工具繪制矩形，調(diào)整大小及位置至合適，在屬性面板中設(shè)置填充和筆觸，將邊框設(shè)為“無邊框”，填充顏色為“淡綠色（#CCFFCC）”，透明度為“90%”，如圖4-1-4所示。圖4-1-3更改舞臺背景顏色圖4-1-4繪制矩形及設(shè)置屬性

任務(wù)1元件的使用

任務(wù)實施

（4）選中矩形，按F8鍵或單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“轉(zhuǎn)換為元件”命令，將矩形轉(zhuǎn)換為按鈕元件。如圖4-1-5、圖4-1-6所示。

圖4-1-5將矩形轉(zhuǎn)換為按鈕元件（1）圖4-1-6將矩形轉(zhuǎn)換為按鈕元件（2）

任務(wù)1元件的使用

任務(wù)實施

（5）雙擊矩形按鈕元件，進(jìn)入到“矩形按鈕”元件編輯界面，可以在該元件默認(rèn)時間軸上看到按鈕元件的四個狀態(tài)“彈起”（默認(rèn)狀態(tài)）、“指針經(jīng)過”“按下”“點擊”，同時在“庫”里也可以看到該元件，如圖4-1-7所示。

圖4-1-7矩形按鈕元件編輯界面

任務(wù)1元件的使用

任務(wù)實施

（5）雙擊矩形按鈕元件，進(jìn)入到“矩形按鈕”元件編輯界面，可以在該元件默認(rèn)時間軸上看到按鈕元件的四個狀態(tài)“彈起”（默認(rèn)狀態(tài)）、“指針經(jīng)過”“按下”“點擊”，同時在“庫”里也可以看到該元件，如圖4-1-7所示。

圖4-1-7矩形按鈕元件編輯界面

任務(wù)1元件的使用

任務(wù)實施

（6）選中按鈕元件，在第2幀“指針經(jīng)過”處右鍵快捷菜單中選擇“插入關(guān)鍵幀”，然后改變按鈕的顯示效果，將按鈕元件的填充顏色設(shè)置為“淡紫色（#9999CC）”，效果如圖4-1-8所示。圖4-1-8第2幀“指針經(jīng)過”插入關(guān)鍵幀并設(shè)置效果

任務(wù)1元件的使用

任務(wù)實施

（7）選中按鈕元件，在第3幀“按下”狀態(tài)處插入關(guān)鍵幀，然后改變按鈕的顯示效果，將按鈕元件的填充顏色設(shè)置為“粉色（#FF99CC）”，效果如圖4-1-9所示。圖4-1-9第3幀“按下”狀態(tài)插入關(guān)鍵幀并設(shè)置效果

任務(wù)1元件的使用

任務(wù)實施

（8）選中按鈕元件，在第4幀“點擊”狀態(tài)處插入關(guān)鍵幀，使用“任意變形”工具改變按鈕的大小，如圖4-1-10所示。（9）調(diào)試影片，可以看到按鈕默認(rèn)情況下顯示為淡綠色；當(dāng)鼠標(biāo)指針移動經(jīng)過按鈕時，按鈕變成淡紫色；當(dāng)按下按鈕時，按鈕變成粉色；單擊按鈕時，按鈕形狀變大。圖4-1-10第4幀“點擊”狀態(tài)插入關(guān)鍵幀并設(shè)置效果

任務(wù)2逐幀動畫制作

任務(wù)描述

公司接了一個幼兒小動畫片，其中有6秒動畫鏡頭為小腳丫踩在沙灘上留下一串腳印的片段，由小丁負(fù)責(zé)制作這個沙灘小腳丫動畫片段。

動畫展示效果截圖如圖4-2-1所示。圖4-2-1沙灘小腳丫動畫效果截圖

任務(wù)2逐幀動畫制作

任務(wù)目標(biāo)

●能熟知基本動畫類型?！衲苁炀氄莆請D層、時間軸的概念與設(shè)置方法?！衲苁炀氄莆諑母拍钆c類型?！衲苁炀氄莆諑幕静僮骱蛶瑒赢嫷闹谱鞣椒??！?/p>

能通過親自參與探究任務(wù)過程，在交流、溝通與合作中，培養(yǎng)探究能力和創(chuàng)新能力?！衲茉隗w驗創(chuàng)作樂趣過程中，提升動畫制作的學(xué)習(xí)興趣。

任務(wù)2逐幀動畫制作

任務(wù)分析

本任務(wù)設(shè)計了一個6秒沙灘小腳丫動畫片段，小腳丫踩在沙灘上，左腳丫腳印和右腳丫腳印交替出現(xiàn)在畫面中，直至腳丫最后從畫面消失，沙灘上只留下一串腳印。

素材提供了沙灘背景和球，小腳丫需要繪制并轉(zhuǎn)換成相應(yīng)的圖形元件。本動畫片段重點在于繪制好一個小腳丫元件后，復(fù)制并修改為左腳丫腳印、右腳丫腳印，并利用逐幀動畫制作左、右腳丫踩沙灘動畫。

任務(wù)2逐幀動畫制作

知識鏈接

●1.基本動畫類型

An提供了多種創(chuàng)建動畫和特殊效果的方法，其基本動畫類型包括幀動畫、補(bǔ)間形狀動畫、傳統(tǒng)補(bǔ)間動畫和補(bǔ)間動畫等。

幀動畫是指某個時間范圍內(nèi)的幀全部是關(guān)鍵幀或大部分是關(guān)鍵幀的動畫，全部是關(guān)鍵幀的動畫也稱為逐幀動畫。幀動畫的制作方式與傳統(tǒng)動畫的制作方式大致相同，即根據(jù)播放速度和節(jié)奏，在幀上繪制原畫、中間畫，實現(xiàn)傳統(tǒng)動畫拍攝的一幀一拍、兩幀一拍或多幀一拍進(jìn)行播放的過程。

補(bǔ)間動畫是指通過為對象某段幀序列的第一幀和最后一幀分別設(shè)置不同的屬性，中間過程由An自動完成，使該對象屬性由第一幀逐幀過渡到最后一幀的一種動畫形式。An可以創(chuàng)建3種不同的補(bǔ)間類型，分別是補(bǔ)間形狀、傳統(tǒng)補(bǔ)間和補(bǔ)間動畫，可適應(yīng)不同的要求。

任務(wù)2逐幀動畫制作

知識鏈接

●1.基本動畫類型

補(bǔ)間形狀動畫是指在時間軸中的一個關(guān)鍵幀上繪制一個矢量形狀，然后在另一個關(guān)鍵幀上更改該形狀或繪制另一個形狀，An自動在這兩個關(guān)鍵幀之間的普通幀內(nèi)插入中間形狀，創(chuàng)建從一個形狀變形為另一個形狀的動畫效果。同時，時間軸上幀的顏色由灰色變?yōu)榫G色。

傳統(tǒng)補(bǔ)間動畫是An的前身Flash早期用來創(chuàng)建動畫的一種形式，雖然其控制性不如后來增加的新的補(bǔ)間動畫，但鑒于其易用性及對HTML5Canvas更友好的支持，在An中依然是一種重要的動畫形式，適用于對象的縮放、旋轉(zhuǎn)、移動及變色等動畫效果。

補(bǔ)間動畫的第3種形式在An中就叫補(bǔ)間動畫，它是在傳統(tǒng)補(bǔ)間的基礎(chǔ)上發(fā)展起來的一種新的補(bǔ)間形式，具有與傳統(tǒng)補(bǔ)間相似的作用，但控制性更強(qiáng)，更易調(diào)整，其操作方法也與傳統(tǒng)補(bǔ)間有很大的差異。

任務(wù)2逐幀動畫制作

知識鏈接

●2.時間軸、圖層及其設(shè)置

動畫的一個重要屬性就是時間性，它是有一定時間長度的，動畫就是在不同的時間點顯示不同的畫面并連續(xù)播放。所以，在An中有一條時間軸，也稱為時間線，它用于組織和控制在一定時間內(nèi)圖層和幀中的內(nèi)容，如圖4-2-17所示。

圖4-2-17時間軸和圖層

任務(wù)2逐幀動畫制作

知識鏈接

●3.幀的概念與分類

幀是動畫的核心。An將動畫時長表現(xiàn)為一點過數(shù)量的幀，每一幀就是一格畫面，這些幀用來組織和控制文檔的內(nèi)容，時間軸上幀的順序?qū)Q定幀內(nèi)對象在舞臺上的顯示順序。所以，在An中制作動畫就是將動畫元素以適當(dāng)?shù)捻樞蚍胖迷谙鄳?yīng)的幀上。影片由幀組成，幀的數(shù)量和幀的播放速度決定了影片的長度和影片的播放速度。在An中，幀可以分為關(guān)鍵幀和普通幀兩大類。（1）關(guān)鍵幀。（2）普通幀（延續(xù)幀）。此外，如果在兩個關(guān)鍵幀之間定義了補(bǔ)間動畫，則兩個關(guān)鍵幀之間的所有幀稱為過渡幀，即中間的普通幀會成為補(bǔ)間幀。不同類型補(bǔ)間動畫的幀在時間軸上呈現(xiàn)的顏色不一樣，傳統(tǒng)補(bǔ)間幀呈淺藍(lán)色，形狀補(bǔ)間幀呈淺綠色，補(bǔ)間動畫幀呈深藍(lán)色。

任務(wù)2逐幀動畫制作

知識鏈接

●4.幀的基本操作

幀的操作是使用An制作動畫的基礎(chǔ)。對于幀的操作，有3種形式：

一是使用菜單的方式，在“編輯”菜單、“插入”菜單和“修改”菜單下都有針對時間軸幀操作的命令；

二是使用右鍵快捷菜單；

三是使用快捷鍵。

一般使用快捷鍵和右鍵的快捷菜單能提高效率對幀進(jìn)行操作。

任務(wù)2逐幀動畫制作

任務(wù)實施

1.新建文檔打開An軟件，在“新建文檔”對話框中選擇“角色動畫”“高清”“ActionScript3.0”等，并手動設(shè)置舞臺大小寬為“916”、高為“768”，單位為“像素”，然后單擊“創(chuàng)建”按鈕直接進(jìn)入An軟件的工作界面，如圖4-2-2所示。圖4-2-2新建文檔界面

任務(wù)2逐幀動畫制作

任務(wù)實施

2.導(dǎo)入背景，并重命名圖層選擇“文件”—“導(dǎo)入”—“導(dǎo)入到舞臺”，選擇提前準(zhǔn)備好的背景圖片“沙灘背景01”，在圖層面板雙擊重命名圖層為“沙灘背景”，如圖4-2-3所示。圖4-2-3導(dǎo)入背景并重命名圖層

任務(wù)2逐幀動畫制作

任務(wù)實施

3.新建圖層，導(dǎo)入球元件，并重命名圖層。（1）單擊圖層面板“+”，新建圖層，再導(dǎo)入小球到舞臺（快捷鍵“Ctrl+R”）。（2）單擊Q鍵，可調(diào)整小球的大?。ㄗ⒁猓喊醋hift鍵進(jìn)行等比例縮放）。（3）單擊V鍵，可移動小球到合適的位置，效果如圖4-2-5所示。（4）擺放好小球在背景中的位置后，可將這兩個圖層鎖定。圖4-2-6鎖定圖層圖4-2-5導(dǎo)入小球并調(diào)整大小、位置

任務(wù)2逐幀動畫制作

任務(wù)實施

4.新建圖層，導(dǎo)入“腳丫”圖片，重命名并轉(zhuǎn)換成元件。（1）導(dǎo)入“腳丫”圖片后，選中圖片，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“轉(zhuǎn)換為元件”命令，如圖4-2-7所示。（2）在彈出的窗口中，將元件名稱更改為“腳丫”，其余保持默認(rèn)參數(shù)即可，單擊“確定”按鈕，如圖4-2-8所示。

圖4-2-7導(dǎo)入“腳丫”圖片并轉(zhuǎn)換為元件圖4-2-8更改名稱為“腳丫”圖4-2-9“庫”里的“腳丫”

元件項目

任務(wù)2逐幀動畫制作

任務(wù)實施

5.動畫效果的制作

準(zhǔn)備好所有背景和素材后，我們來制作小腳丫從沙灘走過并留下一串腳印的動畫效果。（1）選中腳丫圖層，將播放頭放在第一個關(guān)鍵幀處，將腳丫調(diào)整好方向和位置，作為起始點，如圖4-2-11所示。圖4-2-11第1幀效果

任務(wù)2逐幀動畫制作

任務(wù)實施

5.動畫效果的制作

（2）將播放頭拖到第6幀位置，單擊鼠標(biāo)右鍵插入一個“關(guān)鍵幀”（或按快捷鍵“F6”），按住Alt鍵拖動腳丫元件，進(jìn)行水平翻轉(zhuǎn)變換，如圖4-2-12所示。圖4-2-12第6幀操作

任務(wù)2逐幀動畫制作

任務(wù)實施

5.動畫效果的制作

調(diào)整效果如圖4-2-13所示。圖4-2-13第6幀調(diào)整效果

任務(wù)2逐幀動畫制作

任務(wù)實施

5.動畫效果的制作

（3）每間隔6幀插入關(guān)鍵幀，重復(fù)拖動腳丫，調(diào)整角度和位置，效果如圖4-2-14所示。圖4-2-14重復(fù)拖動腳丫效果

任務(wù)2逐幀動畫制作

任務(wù)實施

6.導(dǎo)出視頻選擇“文件”—“導(dǎo)出”—“導(dǎo)出視頻/媒體”，如圖4-2-15所示。在格式中選擇所需要的視頻格式，如圖4-2-16所示。圖4-2-15導(dǎo)出視頻操作圖4-2-16選擇導(dǎo)出的視頻格式

任務(wù)3傳統(tǒng)補(bǔ)間動畫制作

任務(wù)描述

小丁接到公司任務(wù)，要為公司年會開幕式制作公司口號“勇于開拓，爭創(chuàng)一流”的動畫效果，從公司口號第一個字“勇”依次到“流”，從屏幕外逐漸變小、疊印出現(xiàn)，最后停留在屏幕上。動畫展示效果截圖如圖4-3-1所示。圖4-3-1文字疊現(xiàn)動畫效果截圖

任務(wù)3傳統(tǒng)補(bǔ)間動畫制作

任務(wù)目標(biāo)

●能熟練掌握圖層、時間軸的概念與設(shè)置方法?！衲苁炀氄莆瘴淖值妮斎肱c編輯方法?！衲苁炀氄莆赵膭?chuàng)建與編輯方法。●能熟練掌握創(chuàng)建和制作傳統(tǒng)補(bǔ)間動畫技能。

任務(wù)3傳統(tǒng)補(bǔ)間動畫制作

任務(wù)分析

本任務(wù)為制作公司年會開幕式上公司口號“勇于開拓，爭創(chuàng)一流”的動畫效果，要從公司口號第一個字“勇”依次到“流”，從屏幕外逐漸變小、疊印出現(xiàn)，最后停留在屏幕上，這其實就是一個文字疊現(xiàn)的動畫效果。

本任務(wù)沒有任何素材，需要自己創(chuàng)建文字“勇于開拓，爭創(chuàng)一流”，設(shè)置相應(yīng)屬性，并將文字組合分離（打散）成單獨(dú)漢字圖形后將每個漢字分散到圖層，然后再將單個漢字分離（打散）成基本圖像，并轉(zhuǎn)換成相應(yīng)的圖形元件后，利用傳統(tǒng)補(bǔ)間動畫依次制作文字，實現(xiàn)文字從屏幕外逐漸變小、疊印出現(xiàn)，最后停留在屏幕上的動畫效果。本動畫重點在于，將組合分離成基本圖像，并利用傳統(tǒng)補(bǔ)間動畫和時間軸間隔制作文字一個一個疊印出現(xiàn)的效果，通過本任務(wù)激發(fā)同學(xué)們勇于開拓、爭創(chuàng)一流的拼搏精神。

任務(wù)3傳統(tǒng)補(bǔ)間動畫制作

知識鏈接

●文字的輸入與編輯（1）文本的類型。An可以創(chuàng)建3種類型的文本字段：靜態(tài)文本、動態(tài)文本和輸入文本。HTML5Canvas文檔模式下只支持靜態(tài)文本和動態(tài)文本，WebGL文檔模式下不支持文本的創(chuàng)建和顯示。①靜態(tài)文本字段顯示不會動態(tài)更改字符的文本，如影片的標(biāo)題。②動態(tài)文本字段顯示動態(tài)更新的文本，如時間的顯示和股票報價。③輸入文本字段使用戶可以在表單或調(diào)查表中輸入文本，如輸入用戶名和密碼等。

任務(wù)3傳統(tǒng)補(bǔ)間動畫制作

知識鏈接

●文字的輸入與編輯（2）創(chuàng)建文本。要在舞臺上創(chuàng)建文本，需執(zhí)行以下操作。

在工具箱中選擇文本工具，在屬性面板的文本選擇菜單中選擇一種文本類型，

有靜態(tài)文本、動態(tài)文本和輸入文本。（3）文本屬性設(shè)置。選中文本后，在屬性面板中可以設(shè)置該文本的格式屬性。不同的文本類型格式屬性大同小異。靜態(tài)文本的主要格式屬性有字符格式、段落格式、選項和濾鏡效果。（4）運(yùn)動補(bǔ)間與形狀補(bǔ)間動畫比較。運(yùn)動補(bǔ)間的對象是元件，形狀補(bǔ)間的對象是圖形；運(yùn)動補(bǔ)間是對位移、旋轉(zhuǎn)、縮放的調(diào)節(jié)，形狀補(bǔ)間是對顏色、形狀的調(diào)節(jié)。

任務(wù)3傳統(tǒng)補(bǔ)間動畫制作

任務(wù)實施

（1）新建文檔。打開An軟件，在“新建文檔”對話框中選擇“角色動畫”“標(biāo)準(zhǔn)”“ActionScript3.0”等，舞臺大小采用默認(rèn)大?。▽挕?40”、高“480”，單位為“像素”），然后單擊“創(chuàng)建”按鈕直接進(jìn)入An軟件的工作界面，如圖4-3-2所示。圖4-3-2新建文檔界面

任務(wù)3傳統(tǒng)補(bǔ)間動畫制作

任務(wù)實施

（2）輸入文字并設(shè)置文本屬性。在工具箱中選擇文本工具，在屬性面板的文本選擇菜單中選擇一種文本類型，有靜態(tài)文本、動態(tài)文本和輸入文本，本任務(wù)中選擇“靜態(tài)文本”類型。從“文本方向”菜單中選擇默認(rèn)文本方向“水平”。在舞臺上輸入文本并設(shè)置文本合適的字體、顏色（#FF0000）、大小。勾選“與舞臺對齊”，設(shè)置水平居中、垂直居中對齊方式，如圖4-3-3所示。圖4-3-3輸入文字并設(shè)置文本屬性

任務(wù)3傳統(tǒng)補(bǔ)間動畫制作

任務(wù)實施

（3）將文本打散成基本形狀。選中文本，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“分離”命令（快捷鍵“Ctrl+B”），將文本組合打散成單個對象，這樣每個漢字就是一個獨(dú)立形狀，如圖4-3-5所示。圖4-3-5將文本打散成基本形狀

任務(wù)3傳統(tǒng)補(bǔ)間動畫制作

任務(wù)實施

（4）將每個漢字分散到圖層。用選擇工具選中所有漢字，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“分散到圖層”命令（快捷鍵“Ctrl+Shift+D”），快速將所有漢字分別分散到每一個圖層，如圖4-3-6所示。圖4-3-6將漢字分散到每個圖層

任務(wù)3傳統(tǒng)補(bǔ)間動畫制作

任務(wù)實施

（5）刪除不需要的圖層1。將不需要的圖層1刪除，刪除后的圖層信息如圖4-3-7所示。圖4-3-7刪除后的圖層信息

任務(wù)3傳統(tǒng)補(bǔ)間動畫制作

任務(wù)實施

（6）再次將所有漢字圖層打散，將每個漢字變成基本形狀圖形。全選所有漢字，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“分離”命令（快捷鍵“Ctrl+B”），再一次將所有漢字打散成基本圖形，這樣每個漢字就是一個獨(dú)立的基本形狀，即使移植到其他電腦也不會受缺少字體等問題的影響，如圖4-3-8、圖4-3-9所示。圖4-3-8再次打散文字圖4-3-9再次打散之后的文字效果

任務(wù)3傳統(tǒng)補(bǔ)間動畫制作

任務(wù)實施

（7）分別將每個漢字圖層轉(zhuǎn)換為元件。選擇漢字“勇”圖層，選擇第一幀關(guān)鍵幀，按“F8”鍵，在彈出的“轉(zhuǎn)換為元件”對話框中輸入名稱“勇”后單擊“確定”按鈕，將漢字“勇”轉(zhuǎn)換為圖形元件，如圖4-3-10所示。圖4-3-10將“勇”字轉(zhuǎn)換為圖形元件

任務(wù)3傳統(tǒng)補(bǔ)間動畫制作

任務(wù)實施

重復(fù)該步驟，依次將漢字“于”、“拓”“，”“爭”“創(chuàng)”“一”“流”轉(zhuǎn)換成圖形元件。轉(zhuǎn)換后的效果如圖4-3-11所示。圖4-3-11分別將每個漢字轉(zhuǎn)換為圖形元件后的效果

任務(wù)3傳統(tǒng)補(bǔ)間動畫制作

任務(wù)實施

（8）在第20幀處插入關(guān)鍵幀。用選擇工具全選所有圖層的第20幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“插入關(guān)鍵幀”命令。插入后效果如圖4-3-12所示。圖4-3-12在每個漢字圖層的第20幀處插入關(guān)鍵幀

任務(wù)3傳統(tǒng)補(bǔ)間動畫制作

任務(wù)實施

（10）設(shè)置所有圖層第1幀效果。全選所有圖層的第1幀，用任意變形工具將第1幀的文字變大到合適大小，再水平居中對齊讓所有文字重疊在一起，然后改變所有文字大小到合適位置。最后修改所有圖層元件的屬性，將“色彩效果”中“樣式”修改為“Alpha”，Alpha數(shù)量修改為0，這樣就將所有圖層元件設(shè)置成透明了，效果如圖4-3-14所示。圖4-3-14設(shè)置所有圖層第1幀效果

任務(wù)3傳統(tǒng)補(bǔ)間動畫制作

任務(wù)實施

（11）同時選擇除最下面“勇”圖層外的所有圖層，將它們移動到第10幀處。效果如圖4-3-15所示。圖4-3-15移動除最下面“勇”圖層外的所有圖層到第10幀處后的效果

任務(wù)3傳統(tǒng)補(bǔ)間動畫制作

任務(wù)實施

（12）同上一步方法，依次移動到第20幀、第30幀、第40幀、第50幀、第60幀、第70幀、第80幀處（也可以同時選中除最下面圖層外其余圖層時間軸前的空白幀，按“F5”鍵添加空白關(guān)鍵幀達(dá)到后移關(guān)鍵幀的效果）。效果如圖4-3-16所示。圖4-3-16移動幀后的效果

任務(wù)3傳統(tǒng)補(bǔ)間動畫制作

任務(wù)實施

（13）在第120幀處插入幀，以保證文字停留。在第120幀處，全選所有圖層的第120幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“插入幀”命令。插入幀后的效果如圖4-3-17所示。（14）調(diào)試并保存動畫。按“Ctrl+Shift+Enter”快捷鍵調(diào)試動畫，并保存結(jié)果。圖4-3-17在第120幀處插入幀后的效果謝謝觀看THANKS項目五高級動畫制作

項目教學(xué)目標(biāo)

知識目標(biāo)1.熟練掌握圖層的概念、特點與編輯方法；2.熟練掌握引導(dǎo)層的概念與設(shè)置；3.熟練掌握遮罩層的概念與設(shè)置。技能目標(biāo)1.能夠運(yùn)用層的特點制作動畫；2.能應(yīng)用引導(dǎo)層完成動畫制作。素養(yǎng)目標(biāo)1.通過親自參與探究任務(wù)過程，在交流、溝通與合作中，培養(yǎng)探究能力和創(chuàng)新能力；2.體驗創(chuàng)作的樂趣，培養(yǎng)動畫制作的學(xué)習(xí)興趣；3.通過項目任務(wù)的學(xué)習(xí)，培養(yǎng)勇于開拓爭創(chuàng)一流的工匠精神。

任務(wù)1圖層的使用

任務(wù)描述

近幾日，企業(yè)師傅給小丁安排了一個任務(wù)，就是制作一個飛機(jī)在天空飛過的小動畫，畫面呈現(xiàn)為在湛藍(lán)的天空下，飛機(jī)從天空一側(cè)劃過飛到另一側(cè)，同時一塊云彩緩緩飄過，飛機(jī)與云彩相遇時會有飛機(jī)在云彩間穿行的效果，如下圖所示。

任務(wù)1圖層的使用

任務(wù)目標(biāo)

能理解圖層的概念與特點；能熟練掌握圖層的創(chuàng)建與命名；能夠?qū)Χ鄠€圖層通過創(chuàng)建圖層文件夾來分類管理。

任務(wù)1圖層的使用

任務(wù)分析

圖層是Animate軟件中的一個重要概念，熟練地使用圖層能夠幫助我們動畫制作效率更高。本動畫的制作會使用到圖層的建立、命名、圖層順序的改變，以及關(guān)鍵幀動畫的創(chuàng)建等操作。

任務(wù)1圖層的使用

知識鏈接

1.圖層的概念

圖層是多數(shù)設(shè)計類軟件都有的術(shù)語，可以將其理解為一張透明的紙，可以在紙上繪制不同的對象，將多張紙疊加在一起就可以組成很豐富的畫面。所以，圖層可以幫助我們來組織不同的對象，在一個圖層上繪制和編輯對象，不會影響其他圖層上的對象。當(dāng)給對象制作動畫時，不同的對象盡量放在不同的圖層，以便更好地進(jìn)行管理和控制。

任務(wù)1圖層的使用

知識鏈接

2.圖層的操作(1)圖層的彈出式菜單在“時間軸”面板中用鼠標(biāo)右鍵單擊圖層名稱，彈出菜單。(2)創(chuàng)建圖層為了分門別類地組織動畫內(nèi)容，需要創(chuàng)建普通圖層。選擇“插入>時間軸>圖層”命令，創(chuàng)建一個新的圖層，或在“時間軸”面板下方單擊“新建圖層”按鈕，創(chuàng)建一個新的圖層。(3)選取圖層選取圖層就是將圖層變?yōu)楫?dāng)前圖層，用戶可以在當(dāng)前層上放置對象、添加文本和圖形以及進(jìn)行編輯。

任務(wù)1圖層的使用

知識鏈接

2.圖層的操作(4)排列圖層可以根據(jù)需要，在“時間軸”面板中為圖層重新排列順序。(5)復(fù)制、粘貼圖層可以根據(jù)需要，將圖層中的所有對象復(fù)制并粘貼到其他圖層或場景中。(6)刪除圖層如果某個圖層不再需要，在“時間軸”面板上方單擊“刪除”按鈕，可以將其進(jìn)行刪除。

任務(wù)1圖層的使用

知識鏈接

2.圖層的操作(7)隱藏、鎖定圖層和圖層的線框顯示模式在“時間軸”面板中單擊“顯示或隱藏所有圖層”按鈕下方的小黑圓點，這時小黑圓點所在的圖層就被隱藏。在“時間軸”面板單擊“鎖定或解除鎖定所有圖層”按鈕下方的小黑圓點，這時小黑圓點所在的圖層就被鎖定，此時圖層將不能被編輯。在“時間軸”面板單擊“將所有圖層顯示為輪廓”按鈕下方的實色正方形，這時實色正方形所在圖層中的對象就呈線框模式顯示，再次單擊此按鈕，可返回普通模式。

任務(wù)1圖層的使用

知識鏈接

3.圖層文件夾在“時間軸”面板中可以創(chuàng)建圖層文件夾來組織和管理圖層，這樣“時間軸”面板中圖層的層次結(jié)構(gòu)將非常清晰。選擇“插入-時間軸-圖層文件夾”命令，即可創(chuàng)建圖層文件夾。也可以在時間軸面板將相應(yīng)的圖層同時選中，單擊“時間軸”面板中的“新建文件夾”按鈕，即可將這些圖層統(tǒng)一放入圖層文件夾中。

任務(wù)1圖層的使用

任務(wù)實施

1.新建文檔2.導(dǎo)入背景，并重命名圖層

導(dǎo)入背景后的效果如右圖所示。3.新建圖層，導(dǎo)入“飛機(jī)”圖片，并重命名圖層

任務(wù)1圖層的使用

任務(wù)實施

4.新建圖層，導(dǎo)入“白云”圖片，并重命名圖層，此時舞臺畫面效果如下圖所示

任務(wù)1圖層的使用

任務(wù)實施

5.給“背景”“白云”和“飛機(jī)”圖層添加關(guān)鍵幀選中白云圖層，在第40幀處單擊右鍵，選擇“關(guān)鍵幀”，同樣的方法，分別給“飛機(jī)”和“背景”圖層在第40幀處添加關(guān)鍵幀，添加關(guān)鍵幀后時間軸面板如下所示。

任務(wù)1圖層的使用

任務(wù)實施

5.給“背景”“白云”和“飛機(jī)”圖層添加關(guān)鍵幀指針依然放到第40幀，選中“白云”圖層，然后將白云的位置向右側(cè)挪動一些,選中“飛機(jī)”圖層，然后將飛機(jī)從舞臺右側(cè)移動至左側(cè)。6.創(chuàng)建補(bǔ)間動畫選中“白云”圖層，在第20幀處單擊右鍵，選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”，彈出對話框，詢問是否將幀內(nèi)容轉(zhuǎn)為元件，選擇“確定”。同樣的方法也為“飛機(jī)”圖層創(chuàng)建傳統(tǒng)補(bǔ)間。此時時間軸面板如所示。

任務(wù)1圖層的使用

任務(wù)實施

7.導(dǎo)出視頻文件-導(dǎo)出-導(dǎo)出視頻，在格式中選擇所需要的視頻格式，如圖所示

任務(wù)1圖層的使用

任務(wù)拓展動畫鳥兒飛

本動畫的制作會使用到分散到圖層、改變圖層順序，創(chuàng)建不同類型元件以及關(guān)鍵幀動畫的創(chuàng)建等操作，效果如圖所示

任務(wù)2引導(dǎo)層動畫制作

任務(wù)描述

公司接了一個小動畫片，內(nèi)容為蝴蝶和蜜蜂在花叢中飛舞，蝴蝶和蜜蜂在花叢中移動的路徑不是隨意的，是按照規(guī)定好的路線來飛舞。小丁需要掌握引導(dǎo)層的相關(guān)操作才能完成該動畫。本任務(wù)我們跟著小丁學(xué)習(xí)引導(dǎo)層的使用方法。動畫效果如圖所示。

任務(wù)2引導(dǎo)層動畫制作

任務(wù)目標(biāo)

能理解引導(dǎo)層的概念與特點；能熟練掌握引導(dǎo)層的創(chuàng)建與編輯方法；能熟練掌握引導(dǎo)層和運(yùn)動引導(dǎo)層動畫的制作方法。

任務(wù)分析

引導(dǎo)圖層是Animate中的一個重要概念，使用引導(dǎo)圖層能夠幫助我們制作物體按照制定路線移動的動畫效果。本動畫的制作會使用到引導(dǎo)圖層的建立、移動路徑的繪制、以及關(guān)鍵幀動畫的創(chuàng)建等操作。

任務(wù)2引導(dǎo)層動畫制作

知識鏈接

1.引導(dǎo)層動畫的含義引導(dǎo)層動畫又稱路徑動畫，就是在引導(dǎo)層中繪制路徑，可以使移動漸變動畫中的對象沿著指定的路徑運(yùn)動的動畫。2.引導(dǎo)層的作用設(shè)置對象運(yùn)動路徑的導(dǎo)向，使與之相鏈接的被引導(dǎo)層中的對象沿著路徑運(yùn)動，運(yùn)動引導(dǎo)層上的路徑在播放動畫時不顯示。在引導(dǎo)層上還可創(chuàng)建多個運(yùn)動軌跡，以引導(dǎo)被引導(dǎo)層上的多個對象沿不同的路徑運(yùn)動。

任務(wù)2引導(dǎo)層動畫制作

知識鏈接

3.引導(dǎo)層的分類(1)普通引導(dǎo)層普通引導(dǎo)層主要用于為其他圖層提供輔助繪圖和繪圖定位，引導(dǎo)層中的圖形在播放影片時是不會顯示的。(2)運(yùn)動引導(dǎo)層運(yùn)動引導(dǎo)層的作用是設(shè)置對象運(yùn)動路徑的導(dǎo)向，使與之相鏈接的被引導(dǎo)層中的對象沿著路徑運(yùn)動。運(yùn)動引導(dǎo)層上的路徑在播放動畫時不顯示。

任務(wù)2引導(dǎo)層動畫制作

知識鏈接

4.引導(dǎo)層動畫的創(chuàng)建過程(1)為動畫圖層添加引導(dǎo)層；

(2)在引導(dǎo)層上繪制引導(dǎo)線；

(3)將動畫對象運(yùn)動的起始點和結(jié)束點都拖到引導(dǎo)線上。

任務(wù)2引導(dǎo)層動畫制作

知識鏈接

5.引導(dǎo)層動畫的創(chuàng)建條件引導(dǎo)層的對象是線條，被引導(dǎo)的對象是元件實例；對象動畫的起始和結(jié)束時的位置都在引導(dǎo)線上；注意引導(dǎo)層和被引導(dǎo)層的引導(dǎo)關(guān)系要存在。

任務(wù)2引導(dǎo)層動畫制作

任務(wù)實施

1.新建文檔并導(dǎo)入素材2.創(chuàng)建圖層雙擊圖層1，重命名為“背景”，將庫中“背景”拖拽至舞臺中，并調(diào)整大小、位置。新建圖層并命名為“蝴蝶”，將庫中“蝴蝶”拖拽至舞臺中，適當(dāng)調(diào)整大小及位置，將其放置在舞臺左側(cè)，此時舞臺效果如右圖所示。

任務(wù)2引導(dǎo)層動畫制作

任務(wù)實施

3.為“蝴蝶”層添加引導(dǎo)層選中“蝴蝶”圖層，右擊—“添加傳統(tǒng)運(yùn)動引導(dǎo)層”，此時為“蝴蝶”圖層添加了引導(dǎo)層。4.在引導(dǎo)層繪制蝴蝶移動路徑工具箱中選擇“鋼筆”工具，在舞臺中繪制路徑，繪制后效果如圖所示。

任務(wù)2引導(dǎo)層動畫制作

任務(wù)實施

5.為蝴蝶添加動畫選中蝴蝶，右擊—轉(zhuǎn)換為元件，將其轉(zhuǎn)換為圖像元件。選中“蝴蝶”圖層，在第120幀創(chuàng)建關(guān)鍵幀，依次為“引導(dǎo)層”及“背景”層在120幀處添加關(guān)鍵幀。

任務(wù)2引導(dǎo)層動畫制作

任務(wù)實施

5.為蝴蝶添加動畫指針放到第1幀，選中蝴蝶，將其拖拽至繪制好的路徑左側(cè)，需要將蝴蝶元件的中心點放置路徑上,如下圖（左）所示。指針放到第120幀，選中蝴蝶，讓蝴蝶中心點沿路徑移動至路徑右側(cè)終點，如下圖（右）所示。

任務(wù)2引導(dǎo)層動畫制作

任務(wù)實施

5.為蝴蝶添加動畫選中“蝴蝶”圖層，右擊—創(chuàng)建傳統(tǒng)補(bǔ)間,蝴蝶在花叢中飛舞動畫效果制作完畢。6.為蜜蜂創(chuàng)建引導(dǎo)層并添加動畫同樣的方法，創(chuàng)建“蜜蜂”圖層，將“蜜蜂”素材拖拽至舞臺中，并為其創(chuàng)建引導(dǎo)層繪制移動路徑，最后添加關(guān)鍵幀創(chuàng)建補(bǔ)間動畫。其引導(dǎo)層路徑效果如圖所示。

任務(wù)2引導(dǎo)層動畫制作

任務(wù)實施

7.測試影片按Ctrl+回車鍵，測試影片，預(yù)覽動畫效果，看看有無需要更改的地方。8.導(dǎo)出視頻文件-導(dǎo)出-導(dǎo)出視頻，在格式中選擇所需要的視頻格式，如圖所示。

任務(wù)2引導(dǎo)層動畫制作

任務(wù)拓展動畫使用引導(dǎo)層制作白晝變化本動畫的制作會使用到創(chuàng)建引導(dǎo)層、路徑繪制、以及關(guān)鍵幀動畫的創(chuàng)建等操作，最終效果如圖所示。

任務(wù)2引導(dǎo)層動畫制作

任務(wù)3遮罩層動畫制作

任務(wù)描述

項目組需要制作一個攝影展項目動畫，其中有部分內(nèi)容需要進(jìn)行遮擋緩慢展示局部，以達(dá)到突出顯示的效果，小丁需要掌握遮罩層的相關(guān)操作才能完成該動畫。本任務(wù)我們跟著小丁學(xué)習(xí)遮罩層的使用方法。

任務(wù)3遮罩層動畫制作

任務(wù)目標(biāo)

●能理解遮罩層的概念與特點。●能熟練掌握遮罩層的創(chuàng)建與運(yùn)用方式。●能熟練掌握遮罩層和運(yùn)動遮罩層動畫的制作方法。

任務(wù)3遮罩層動畫制作

任務(wù)分析

本任務(wù)設(shè)計了一個5~8秒的遮罩動畫片段，片段中是以探照燈式運(yùn)動的圖形遮罩動畫為主，最后以一個簡單的圖形遮罩動畫結(jié)尾。本次任務(wù)提供了風(fēng)景素材，動畫片段重點在于圖形遮罩動畫運(yùn)動過程中的設(shè)置，在做探照燈式遮罩動畫前，要提前規(guī)劃好圖形運(yùn)動軌跡，以及圖形之間的變換，可以是大小的變換，也可以是圖形之間的形狀變換。制作過程中，利用傳統(tǒng)補(bǔ)間制作動畫。

任務(wù)3遮罩層動畫制作

知識鏈接

遮罩圖層使“遮罩”主要有2種用途：一個作用是用在整個場景或一個特定區(qū)域，使場景外的對象或特定區(qū)域外的對象不可見；另一個作用是用來遮罩住某一元件的一部分，從而實現(xiàn)一些特殊的效果。遮罩層：可以將與遮罩層相鏈接的圖形中的圖像遮蓋起來。用戶可以將多個層組合放在一個遮罩層下，以創(chuàng)建出多樣的效果。遮罩就像是在黑夜里的一束光，光照到哪里，哪里就是明亮的可見的，反之，沒被照到的地方就是暗的看不見的。第一種遮罩動畫，運(yùn)用An制作的遮罩層動畫：遮罩層中的內(nèi)容在動，而被遮罩層中的內(nèi)容保持靜止不動狀態(tài)。第二種遮罩動畫，運(yùn)用An制作的遮罩層動畫：遮罩層中的內(nèi)容靜止不動，而被遮罩層中的內(nèi)容在動。

任務(wù)3遮罩層動畫制作

知識鏈接

任務(wù)3遮罩層動畫制作

任務(wù)實施

新建文檔。打開An軟件，在“新建文檔”對話框中選擇“角色動畫”，右側(cè)“詳細(xì)信息”中設(shè)置寬為“800”，高為“500”，“平臺類型”選擇“ActionScript3.0”，然后單擊“創(chuàng)建”按鈕直接進(jìn)入An軟件的工作界面。

任務(wù)3遮罩層動畫制作

任務(wù)實施

執(zhí)行“文件”—“導(dǎo)入”—“導(dǎo)入到庫”命令，將素材庫中的“風(fēng)景”圖導(dǎo)入到庫中。

任務(wù)3遮罩層動畫制作

任務(wù)實施

在時間軸面板雙擊圖層1，重命名為“風(fēng)景”，將庫中“風(fēng)景”拖拽至舞臺中，并調(diào)整大小、位置，至剛好鋪滿舞臺，可運(yùn)用對齊功能快速調(diào)整圖片位置。

任務(wù)3遮罩層動畫制作

任務(wù)實施

在時間軸面板雙擊圖層1，重命名為“風(fēng)景”，將庫中“風(fēng)景”拖拽至舞臺中，并調(diào)整大小、位置，至剛好鋪滿舞臺，可運(yùn)用對齊功能快速調(diào)整圖片位置。時間軸設(shè)置延長圖片顯示幀數(shù)（以100幀為例）。

任務(wù)3遮罩層動畫制作

任務(wù)實施

新建圖層并命名為“遮罩”，在遮罩層的第一幀位置，選擇基本橢圓工具，在屬性面板中設(shè)置邊框為無邊框，在圖中畫出一點，單擊鼠標(biāo)右鍵，在彈