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

任務(wù)一

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

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

圖

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

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

圖

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

提示

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

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

Animate增強了對視頻格式文件的輸出功能。在導(dǎo)出視頻時，根據(jù)軟件提示，下載相關(guān)插件即可導(dǎo)出成功；再通過“格式工廠”等工具軟件轉(zhuǎn)視頻格式，即可在手機、網(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動作：F93.常用快捷鍵06提高創(chuàng)新逐幀動畫—打字效果逐幀動畫—打字效果學(xué)習目標：掌握打字動畫效果的制作技巧。實現(xiàn)效果：文字從左到右逐字顯示。設(shè)計思路：“愿你有”“溫暖的心”“聰明的腦”“勇敢的心”“健康的身”，有19個字?！霸改阌小蔽谋疽恢憋@示，單獨放一個圖層。溫暖的心、聰明的腦、勇敢的心、健康的身”逐字顯示，所以單獨放一個圖層。AS腳本——控制播放頭停止播放（1）新建圖層：as。在動畫最后一幀插入空白關(guān)鍵幀。（2）按【F9】鍵，打開“動作”面板，輸入stop();。（3）測試動畫。播放到最后一幀，停止播放。謝謝觀看任務(wù)二

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

在繪圖時，對象的每部分可能都會涉及具體的動作，所以，要保證對象的每部分都是完整并且獨立的。

不能因為只能看到它的某一部分，而不繪制剩下的部分。

同時，還要考慮該對象是否參與運動，除了要保證對象的完整性外，還要將該對象放置在一個