Animate動(dòng)畫設(shè)計(jì)實(shí)例教程 課件 任務(wù)1、2 動(dòng)畫制作基礎(chǔ)、繪制圖形

任務(wù)一

動(dòng)畫制作基礎(chǔ)Animate動(dòng)畫設(shè)計(jì)案例教程CONTENTS目錄1.任務(wù)分析2.難點(diǎn)剖析3.相關(guān)知識(shí)4.案例實(shí)現(xiàn)5.任務(wù)總結(jié)6.提高創(chuàng)新01任務(wù)分析知識(shí)目標(biāo)技能目標(biāo)素質(zhì)目標(biāo)思政目標(biāo)素質(zhì)目標(biāo)培養(yǎng)學(xué)生自主學(xué)習(xí)的能力：對時(shí)間軸的靈活應(yīng)用。技能目標(biāo)能夠熟練使用時(shí)間軸面板；能夠設(shè)計(jì)、制作逐幀動(dòng)畫。知識(shí)目標(biāo)掌握逐幀動(dòng)畫的制作思路；掌握選擇幀、移動(dòng)幀、翻轉(zhuǎn)幀的方法。思政目標(biāo)培養(yǎng)學(xué)生全面發(fā)展的自我意識(shí)。任務(wù)分析02難點(diǎn)剖析“洋蔥皮”效果制作逐幀動(dòng)畫，有時(shí)需要繪制連續(xù)性動(dòng)作，Animate默認(rèn)舞臺(tái)上僅顯示動(dòng)畫序列的一個(gè)幀，這時(shí)必須參考前后幀的內(nèi)容。通過“時(shí)間軸”面板的“繪圖紙外觀”按鈕（其效果俗稱“洋蔥皮”）在舞臺(tái)上一次查看多個(gè)幀，方便觀察動(dòng)畫的細(xì)節(jié)。 （a）當(dāng)前幀

（b）“洋蔥皮”效果難點(diǎn)剖析03相關(guān)知識(shí)Animate的工作環(huán)境時(shí)間軸動(dòng)畫類型1.Animate的工作環(huán)境1．重要概念解析（1）位圖和矢量圖位圖，是計(jì)算機(jī)根據(jù)圖像中每一點(diǎn)（像素）的信息所生成的。主要用于對色彩豐富程度或真實(shí)感要求比較高的場合，放大后會(huì)出現(xiàn)明顯的失真（馬賽克現(xiàn)象）。矢量圖，是計(jì)算機(jī)根據(jù)矢量數(shù)據(jù)計(jì)算后所生成的，它用包含顏色和位置屬性的直線或曲線來描述圖像。占用的存儲(chǔ)空間非常小，無論放大多少倍都不會(huì)失真。（2）幀幀是時(shí)間軸上的一個(gè)小格，是舞臺(tái)內(nèi)容中的一個(gè)片段。（3）影片Animate把制作完成的動(dòng)畫文件稱為影片。（4）場景影片需要很多場景，并且每個(gè)場景中的人物、事件和布景可能都是不同的。與拍攝影片一樣，Animate可以將多個(gè)場景中的動(dòng)作組合成一個(gè)連貫的影片。場景的數(shù)量沒有限制。相關(guān)知識(shí)

圖

放大1000倍圖片1.Animate的工作環(huán)境2．Animate的主界面（1）舞臺(tái)舞臺(tái)是工作區(qū)域，舞臺(tái)以內(nèi)的內(nèi)容在播放影片時(shí)才會(huì)顯示出來。（2）時(shí)間軸

管理圖層、幀和時(shí)間，是動(dòng)畫的核心。（3）工作面板區(qū)包含“屬性”“庫”“顏色”“對齊”“變形”“信息”等多個(gè)常用面板。（4）工具箱（6）菜單欄相關(guān)知識(shí)2.動(dòng)畫類型逐幀動(dòng)畫，需要分別設(shè)置對象的每個(gè)運(yùn)動(dòng)狀態(tài)。優(yōu)點(diǎn)是有很大的靈活性，可以制作任何想要表現(xiàn)的內(nèi)容；缺點(diǎn)是難度大、工作量大、文件大。補(bǔ)間動(dòng)畫，只需設(shè)置對象的關(guān)鍵狀態(tài)，中間的運(yùn)動(dòng)過程由系統(tǒng)通過自動(dòng)生成補(bǔ)間。優(yōu)點(diǎn)是制作簡單、文件小；缺點(diǎn)是無法表達(dá)比較細(xì)膩的動(dòng)作及運(yùn)動(dòng)規(guī)律。相關(guān)知識(shí)

圖

動(dòng)畫類型3.時(shí)間軸1．幀的4種基本類型關(guān)鍵幀、過渡幀、普通幀、空白關(guān)鍵幀關(guān)鍵幀：設(shè)置內(nèi)容的幀，是可編輯的幀。普通幀：位于關(guān)鍵幀后方延長關(guān)鍵幀的顯示時(shí)間，是延時(shí)的幀。空白關(guān)鍵幀：相當(dāng)于“容器”，是放置內(nèi)容的幀。過渡幀：自動(dòng)生成的補(bǔ)間，不可編輯。相關(guān)知識(shí)04案例實(shí)現(xiàn)逐幀動(dòng)畫—大雁飛逐幀動(dòng)畫—字母運(yùn)動(dòng)逐幀動(dòng)畫—寫字效果逐幀動(dòng)畫—大雁飛學(xué)習(xí)目標(biāo)：掌握運(yùn)動(dòng)規(guī)律類逐幀動(dòng)畫的制作技巧。實(shí)現(xiàn)效果：天空中，大雁在原地展翅飛翔。設(shè)計(jì)思路：借助時(shí)間軸的“繪圖紙外觀”按鈕，分別繪制每一幀大雁飛翔的狀態(tài)，最后連續(xù)播放形成大雁飛的動(dòng)作。逐幀動(dòng)畫—寫字效果學(xué)習(xí)目標(biāo)：掌握寫字類逐幀動(dòng)畫的制作技巧。實(shí)現(xiàn)效果：“動(dòng)畫”兩個(gè)字一筆一畫地寫出。設(shè)計(jì)思路：使用“橡皮擦”工具從字的最后一筆的末端開始擦除，然后從倒數(shù)第二筆的末端開始擦除，最后選擇所有幀，執(zhí)行“翻轉(zhuǎn)幀”操作。倒著擦，反轉(zhuǎn)幀逐幀動(dòng)畫—字母運(yùn)動(dòng)學(xué)習(xí)目標(biāo)：掌握文字跳動(dòng)類動(dòng)畫的制作技巧。實(shí)現(xiàn)效果：字母Start從左到右逐字做向上升高的運(yùn)動(dòng)，同時(shí)震感十足。設(shè)計(jì)思路：第1幀，字母“s”的中心點(diǎn)移至字母底部，同時(shí)高度為200%；第2幀，字母“t”的中心點(diǎn)移至字母底部，同時(shí)高度為200%……震感效果通過上、下、左、右方向鍵將每幀的字母隨意移動(dòng)一個(gè)或幾個(gè)像素。

提示

如果“變形”面板的“約束”按鈕激活，則選擇對象的高度、寬度一起變化，即等比例縮放；如果“約束”按鈕關(guān)閉，則單獨(dú)調(diào)整選擇對象的寬度和高度。05任務(wù)總結(jié)任務(wù)總結(jié)1．創(chuàng)建逐幀動(dòng)畫的方法有多種（1）導(dǎo)入多張靜態(tài)圖片，通過圖片間的變化建立逐幀動(dòng)畫。（2）在每一幀繪制連貫的矢量圖形，創(chuàng)建逐幀動(dòng)畫。（3）導(dǎo)入序列圖像創(chuàng)建逐幀動(dòng)畫。（4）用文字作為逐幀動(dòng)畫的內(nèi)容，通過改變文字位置等參數(shù)創(chuàng)建逐幀動(dòng)畫。2.Animate導(dǎo)出格式（1）

導(dǎo)出后的標(biāo)準(zhǔn)格式：swf影片，swf影片需要在有AnimatePlayer的環(huán)境下才能正常播放。（2）

Animate增強(qiáng)了對視頻格式文件的輸出功能。在導(dǎo)出視頻時(shí)，根據(jù)軟件提示，下載相關(guān)插件即可導(dǎo)出成功；再通過“格式工廠”等工具軟件轉(zhuǎn)視頻格式，即可在手機(jī)、網(wǎng)絡(luò)上播放。任務(wù)總結(jié)表1-1

常用快捷鍵分類快捷鍵Windows撤銷：Ctrl+Z全選：Ctrl+A向后刪除：Delete復(fù)制：Ctrl+C粘貼：Ctrl+V向前刪除：Backspace選擇工具選擇：V幀插入幀：F5轉(zhuǎn)換為關(guān)鍵幀：F6轉(zhuǎn)換為空白關(guān)鍵幀：F7繪圖工具畫筆：B矩形：R文本：T播放影片播放影片：Enter測試影片：Ctrl+Enter編輯工具任意變形：Q橡皮擦：E縮放：Z手形工具：H

面板屬性：Ctrl+F3變形：Ctrl+T對齊：Ctrl+K工具箱：Ctrl+F2動(dòng)作：F93.常用快捷鍵06提高創(chuàng)新逐幀動(dòng)畫—打字效果逐幀動(dòng)畫—打字效果學(xué)習(xí)目標(biāo)：掌握打字動(dòng)畫效果的制作技巧。實(shí)現(xiàn)效果：文字從左到右逐字顯示。設(shè)計(jì)思路：“愿你有”“溫暖的心”“聰明的腦”“勇敢的心”“健康的身”，有19個(gè)字?！霸改阌小蔽谋疽恢憋@示，單獨(dú)放一個(gè)圖層。溫暖的心、聰明的腦、勇敢的心、健康的身”逐字顯示，所以單獨(dú)放一個(gè)圖層。AS腳本——控制播放頭停止播放（1）新建圖層：as。在動(dòng)畫最后一幀插入空白關(guān)鍵幀。（2）按【F9】鍵，打開“動(dòng)作”面板，輸入stop();。（3）測試動(dòng)畫。播放到最后一幀，停止播放。謝謝觀看任務(wù)二

繪制圖形Animate動(dòng)畫設(shè)計(jì)案例教程CONTENTS目錄1.任務(wù)分析2.難點(diǎn)剖析3.相關(guān)知識(shí)4.案例實(shí)現(xiàn)5.任務(wù)總結(jié)6.提高創(chuàng)新01任務(wù)分析知識(shí)目標(biāo)技能目標(biāo)素質(zhì)目標(biāo)思政目標(biāo)素質(zhì)目標(biāo)培養(yǎng)學(xué)生自主學(xué)習(xí)的能力：對繪圖工具箱的靈活應(yīng)用。技能目標(biāo)能夠在圖形的兩種繪制模式——形狀、繪制對象間靈活切換；能夠繪制、臨摹簡單圖形。知識(shí)目標(biāo)掌握常用繪圖工具“線條、鋼筆、五角星形、文本、顏料桶、墨水瓶”的使用方法；掌握圖形形態(tài)“形狀、繪制對象、組、元件”的區(qū)別。思政目標(biāo)提升學(xué)生的審美意識(shí)，培養(yǎng)學(xué)生對中國傳統(tǒng)文化的欣賞能力。任務(wù)分析02難點(diǎn)剖析文本、形狀、繪制對象、組合對象、元件在繪圖過程中，需要對圖形進(jìn)行不同的處理，以達(dá)到繪圖目的。Animate圖形有文本、形狀、繪制對象、組合對象、元件等幾種形態(tài)，如何合理地創(chuàng)建、處理圖形，是在繪圖中要掌握并且能夠靈活應(yīng)用的內(nèi)容。難點(diǎn)剖析03相關(guān)知識(shí)形狀與繪制對象組和元件圖形繪制工具1.形狀與繪制對象

矢量圖形由輪廓線和填充色兩部分構(gòu)成1．形狀的特性（1）形狀選中后，會(huì)顯示麻點(diǎn)狀。選擇某條輪廓線：單擊該輪廓線。選擇整條輪廓線：雙擊輪廓線。選擇某填充色：單擊該填充色。選擇整個(gè)圖形：雙擊填充色。（2）線條具有分割特性（3）相同的填充顏色，會(huì)結(jié)合成為一個(gè)新的圖形（4）不同的填充顏色，會(huì)相互分割、覆蓋，形成新的圖形2．繪制對象的特性

可以直接編輯，既保留了形狀的可編輯性，又具備對象的完整性。3．形狀與繪制對象的相互轉(zhuǎn)換（1）形狀轉(zhuǎn)換為繪制對象“修改”—“合并對象”—“聯(lián)合”。（2）繪制對象轉(zhuǎn)換為形狀“修改”—“分離”【Ctrl+B】。（3）“屬性”面板，在“對象”選項(xiàng)中單擊“創(chuàng)建對象”或“分離”按鈕。相關(guān)知識(shí)2.圖形繪制工具1．常用繪圖工具（1）線條工具【N】繪制各種長度和角度的直線。（2）鉛筆工具【Shift+Y】繪制不規(guī)則的曲線或直線。（3）鋼筆工具組鋼筆工具組可以很輕松地創(chuàng)建曲線、直線。（4）橢圓工具組、矩形工具組、多角星形工具相關(guān)知識(shí)

2.圖形繪制工具2．選擇工具組（1）選擇工具【V】選擇、移動(dòng)、調(diào)整形狀。（2）部分選取工具【A】顯示、編輯輪廓的節(jié)點(diǎn)，調(diào)節(jié)節(jié)點(diǎn)的方向柄。（3）套索工具【L】在舞臺(tái)上拖動(dòng)鼠標(biāo)指針選擇連續(xù)的不規(guī)則區(qū)域或多個(gè)對象。（4）魔術(shù)棒選擇與單擊處顏色相同的區(qū)域。相關(guān)知識(shí)

2.圖形繪制工具3．查看工具包括“手形工具”“放大鏡”工具。（1）手形工具【H】平移舞臺(tái)畫面，以便更好地觀察細(xì)節(jié)。（2）放大鏡工具【Z】改變舞臺(tái)畫面的顯示比例，以便觀察。（3）舞臺(tái)編輯欄最右側(cè)顯示比例列表中可以直接選擇系統(tǒng)定義好的顯示方案相關(guān)知識(shí)

區(qū)域放大，是觀察細(xì)節(jié)時(shí)的高效方法，使用頻率高。2.圖形繪制工具4．橡皮擦工具【E】擦除圖形。在“屬性”面板中可以設(shè)置橡皮擦模式、橡皮擦類型及水龍頭模式來擦除對象，相關(guān)知識(shí)2.圖形繪制工具5．上色工具（1）墨水瓶工具【S】添加或改變矢量線段、曲線及圖形輪廓的屬性。（2）顏料桶工具【K】添加或改變內(nèi)部填充區(qū)域的色彩屬性。（3）滴管工具【I】獲取已有對象的顏色屬性，并自動(dòng)切換到相關(guān)工具。相關(guān)知識(shí)2.圖形繪制工具6．顏色面板（【Ctrl+Shitf+F9】

編輯填充、輪廓和文本的顏色、Alpha（透明度）值。相關(guān)知識(shí)2.圖形繪制工具7．任意變形工具組（1）任意變形工具【Q】

對圖形進(jìn)行縮放、旋轉(zhuǎn)、傾斜、扭曲、封套變形。（2）漸變變形工具【F】

對漸變色、位圖填充的大小、方向、旋轉(zhuǎn)角度和中心位置進(jìn)行調(diào)整。相關(guān)知識(shí)3.組和元件1．組

當(dāng)多個(gè)形狀或繪制對象需要被整體選擇、移動(dòng)、復(fù)制時(shí)，可以將它們編成一個(gè)組。（1）編組

“修改”—“組合”【Ctrl+G】（2）取消組

“修改”—“分離”【Ctrl+B】鍵

“取消組合”【Ctrl+Shift+G】（3）編輯組內(nèi)對象

雙擊進(jìn)入組內(nèi)部，在編輯欄“場景1”的后面可以看到“組”標(biāo)記，表示已進(jìn)入組內(nèi)部。

編輯完成后，單擊編輯欄的“場景1”按鈕或向左的藍(lán)色箭頭按鈕都可以返回“場景1”的編輯環(huán)境。相關(guān)知識(shí)組，相當(dāng)于一個(gè)“面包袋”，里面的每塊“面包”都是獨(dú)立的。組對象作為一個(gè)整體，不能直接修改顏色、造型。文本對象、形狀、繪制對象、組、元件對比04案例實(shí)現(xiàn)玫瑰傳統(tǒng)文本應(yīng)用—文字設(shè)計(jì)眨眼的熊貓玫瑰學(xué)習(xí)目標(biāo)：掌握形狀、繪制對象在繪圖中的轉(zhuǎn)換方法及應(yīng)用。實(shí)現(xiàn)效果：紅色玫瑰花，綠色莖、葉，淺色陰影構(gòu)成了一幅和諧的美圖。設(shè)計(jì)思想：使用“多角星形工具”繪制花朵;通過“變形”面板的“重置選取和變形”按鈕，實(shí)現(xiàn)花朵的復(fù)制；使用“線條工具”（【N】鍵）、“選擇工具”（【V】鍵）繪制葉子；使用“鋼筆工具”（【P】鍵）、“部分選取工具（”【A】鍵）繪制花莖。眨眼的熊貓學(xué)習(xí)目標(biāo)：掌握卡通類動(dòng)畫的繪圖技巧及圖層的應(yīng)用技巧。實(shí)現(xiàn)效果：可愛的熊貓眨眼，同時(shí)一顆紅心從眼中跳出，掉落到一旁、消失。設(shè)計(jì)思路：第一個(gè)關(guān)鍵幀，繪制一只熊貓（為了便于管理，開啟繪制對象模式，每部分都是一個(gè)繪制對象，每部分都是完整的橢圓）。第二個(gè)關(guān)鍵幀，將一只眼睛刪除，在相同位置繪制3條線段，形成閉著的眼睛。將第一個(gè)關(guān)鍵幀復(fù)制到第三個(gè)關(guān)鍵幀。繪制時(shí)，開啟“繪制對象”，身體的每部分都要保持完整、獨(dú)立，以便于后期的動(dòng)畫制作。繪制對象時(shí)，后繪制的對象在上面圖層，先繪制的對象在下面圖層。所以，繪制過程中經(jīng)常需要調(diào)整圖層的順序。傳統(tǒng)文本應(yīng)用—文字設(shè)計(jì)學(xué)習(xí)目標(biāo)：掌握文本的編輯技巧。實(shí)現(xiàn)效果：將文本分離為形狀后，具備形狀的所有特征，可以靈活設(shè)計(jì)各種效果。設(shè)計(jì)思路：首先，設(shè)置好文本的字體、大小、間距、行距等參數(shù)；其次，將文本分離為形狀；最后，添加筆觸顏色，或設(shè)置填充色為漸變色、位圖的效果。

05任務(wù)總結(jié)任務(wù)總結(jié)1．Animate圖形的4種常用形態(tài)

“形狀、繪制對象、元件、組”在案例中得到了充分的應(yīng)用，在以后的動(dòng)畫制作中，能夠根據(jù)圖不同種形態(tài)的特點(diǎn)，靈活高效地繪圖。2.保持圖形的獨(dú)立性

在繪圖時(shí)，對象的每部分可能都會(huì)涉及具體的動(dòng)作，所以，要保證對象的每部分都是完整并且獨(dú)立的。

不能因?yàn)橹荒芸吹剿哪骋徊糠?，而不繪制剩下的部分。

同時(shí)，還要考慮該對象是否參與運(yùn)動(dòng)，除了要保證對象的完整性外，還要將該對象放置在一個(gè)