任務一

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

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

圖

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

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

圖

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

提示

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

導出后的標準格式：swf影片，swf影片需要在有AnimatePlayer的環境下才能正常播放。（2）

Animate增強了對視頻格式文件的輸出功能。在導出視頻時，根據軟件提示，下載相關插件即可導出成功；再通過“格式工廠”等工具軟件轉視頻格式，即可在手機、網絡上播放。任務總結表1-1

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

面板屬性：Ctrl+F3變形：Ctrl+T對齊：Ctrl+K工具箱：Ctrl+F2動作：F93.常用快捷鍵06提高創新逐幀動畫—打字效果逐幀動畫—打字效果學習目標：掌握打字動畫效果的制作技巧。實現效果：文字從左到右逐字顯示。設計思路：“愿你有”“溫暖的心”“聰明的腦”“勇敢的心”“健康的身”，有19個字?！霸改阌小蔽谋疽恢憋@示，單獨放一個圖層。溫暖的心、聰明的腦、勇敢的心、健康