Animate 動畫設計教程 (Animate CC 2018)(微課版)

曾凡濤，現任廣東輕工職業技術學院信息技術學院副教授，1974年出生，湖北荊州人。畢業於華中師範大學物理系，碩士學位，曾任世界五百強企業軟件開發工程師，具有豐富的媒體軟件開發經驗。主持或參與完成廣東省及學院教改科研項目多項，在《電腦模擬》《職業教育研究》等期刊發表論文十餘篇，主編《中文CorelDRAW教程》《MySQL數據庫》等教材。

項目一 走進Animate動畫世界　1

任務一　認識Animate動畫　2

一、任務目標　2

二、相關知識　2

（一）Animate動畫設計的優勢　2

（二）Animate動畫的應用領域　3

（三）Animate動畫文件類型　5

（四）動畫製作流程　5

三、任務實施　6

（一）打開Animate文件　6

（二）預覽與發布動畫　7

任務二　製作“豹子奔跑”動畫　8

一、　任務目標　8

二、相關知識　8

（一）Animate　CC 2018的工作界面　9

（二）Animate　CC 2018動畫文件的基本操作　11

三、任務實施　13

（一）新建Animate文件　13

（二）製作與預覽Animate動畫　14

實訓一　轉換“放大鏡”動畫的類型並發布　14

實訓二　調整“宇宙”動畫的尺寸大小　15

課後練習　16

技巧提升　17

 

項目二　繪制與編輯圖形　18

任務一　繪制卡通小熊圖形　19

一、任務目標　19

二、相關知識　19

（一）圖形圖像的基礎知識　19

（二）幾何繪圖工具　21

（三）自由繪圖工具　25

（四）繪圖輔助工具　27

（五）選擇類工具　29

三、任務實施　30

（一）繪制小熊頭部　30

（二）繪制小熊的身體　32

任務二　為“荷塘月色”填色　33

一、任務目標　33

二、相關知識　34

（一）認識顏色　34

（二）“顏色”面板　34

（三）“樣本”面板　35

（四）編輯漸變填充　35

（五）使用填充工具　37

三、任務實施　38

（一）線性漸變填充　38

（二）徑向漸變填充　40

任務三　製作郊外場景　41

一、任務目標　41

二、相關知識　41

（一）變形對象　41

（二）翻轉對象　43

（三）合並對象　43

（四）組合與分離對象　44

（五）排列與對齊對象　45

三、任務實施　46

（一）調整背景、草地、太陽和雲　46

（二）調整樹木、房屋和花　47

實訓一　繪制臉譜　48

實訓二　繪制卡通場景　49

課後練習　50

技巧提升　51

 

項目三　添加與編輯文本　52

任務一　製作“音樂節”海報　53

一、任務目標　53

二、相關知識　53

（一）文本工具　53

（二）文本工具的“屬性”面板　54

（三）“時間軸”面板　54

三、任務實施　56

任務二　製作招聘DM單　59

一、　任務目標　59

二、相關知識　60

（一）文本變形　60

（二）文本填充　61

（三）文本邊框　61

三、任務實施　61

（一）製作標題文本　61

（二）添加其他文本　63

實訓一　製作中秋橫幅廣告　64

實訓二　製作環保宣傳廣告　64

課後練習　65

技巧提升　66

 

項目四　使用元件與素材　67

任務一　製作生日賀卡　68

一、任務目標　68

二、相關知識　68

（一）認識元件和實例　68

（二）創建元件　69

（三）編輯元件　70

（四）為實例添加濾鏡效果　70

（五）認識“庫”面板　72

（六）調用外部庫文件　72

三、任務實施　73

（一）從外部庫文件中調用素材　73

（二）創建元件並添加濾鏡　74

任務二　製作“水彩畫”動畫　75

一、　任務目標　75

二、相關知識　75

（一）導入一般位圖　75

（二）導入PSD文件　76

（三）導入AI文件　77

（四）將位圖轉換為矢量圖　77

三、任務實施　78

實訓一　製作小池場景　80

實訓二　製作夏日沙灘場景　81

課後練習　81

技巧提升　83

 

項目五　製作基本動畫　84

任務一　製作“跳動文字”動畫　85

一、任務目標　85

二、相關知識　85

（一）幀的編輯　85

（二）圖層的運用　87

（三）動畫播放控制　91

三、任務實施　92

（一）插入關鍵幀　92

（二）添加效果　93

任務二　製作“風景相冊”動畫　94

一、　任務目標　94

二、相關知識　95

（一）Animate的基本動畫類型　95

（二）各種動畫在時間軸中的標識　96

（三）創建逐幀動畫　96

（四）創建補間形狀動畫　97

（五）創建傳統補間動畫　97

（六）創建補間動畫　98

三、任務實施　98

（一）製作傳統補間動畫　98

（二）製作補間形狀動畫　100

任務三　製作“促銷廣告”動畫　101

一、　任務目標　101

二、相關知識　102

（一）設置補間形狀動畫屬性　102

（二）設置傳統補間動畫屬性　103

（三）設置補間動畫屬性　104

三、任務實施　105

（一）創建傳統補間動畫和補間動畫　105

（二）為動畫添加緩動效果　109

實訓一　製作“汽車行駛”動畫　109

實訓二　製作“籃球”動畫　110

課後練習　111

技巧提升　112

 

項目六　製作高級動畫　113

任務一　製作“紙飛機”動畫　114

一、任務目標　114

二、相關知識　114

（一）引導動畫原理　114

（二）創建引導動畫　114

（三）引導動畫的“屬性”面板　115

（四）製作引導動畫的註意事項　116

三、任務實施　116

（一）創建引導動畫　116

（二）設置引導動畫的屬性　117

任務二　製作“高山流水”動畫　118

一、　任務目標　118

二、相關知識　119

（一）遮罩動畫原理　119

（二）創建遮罩層　119

（三）創建遮罩動畫的註意事項　120

三、任務實施　120

（一）創建補間動畫　120

（二）創建遮罩動畫　121

任務三　製作“人物行走”動畫　123

一、　任務目標　123

二、相關知識　124

（一）認識骨骼動畫　124

（二）添加骨骼　124

（三）編輯骨骼　125

（四）創建骨骼動畫　127

（五）設置骨骼動畫的屬性　128

三、任務實施　128

（一）創建骨骼　128

（二）編輯骨骼動畫　129

實訓一　製作“楓葉飄落”動畫　130

實訓二　製作海浪效果　131

實訓三　製作“舞蹈剪影”動畫　132

課後練習　133

技巧提升　134

 

項目七　添加音頻和視頻　135

任務一　製作“音樂片頭”動畫　136

一、任務目標　136

二、相關知識　136

（一）聲音的格式　136

（二）導入與添加聲音　137

（三）修改與刪除聲音　137

（四）設置聲音播放次數　137

（五）設置聲音的屬性　137

三、任務實施　139

（一）添加背景音樂　139

（二）添加按鈕音效　139

任務二　製作“夜色朦朧”動畫　140

一、　任務目標　141

二、相關知識　141

（一）視頻的格式　141

（二）導入視頻文件　141

三、任務實施　143

（一）製作背景　143

（二）導入視頻　144

實訓一　製作“有聲飛機”動畫　144

實訓二　製作“電視節目預告”動畫　146

課後練習　146

技巧提升　147

 

項目八　製作腳本與組件動畫　148

任務一　製作“動態風光”相冊　149

一、任務目標　149

二、相關知識　149

（一）JavaScript和CreateJS　149

（二）“動作”面板的使用　150

（三）變量　151

（四）數據類型　152

（五）表達式和運算符　152

（六）函數　154

（七）語句　154

（八）時間軸導航函數　156

（九）事件處理　157

三、任務實施　157

（一）添加圖片和按鈕　157

（二）輸入腳本程序代碼　158

任務二　製作“電子時鐘”動畫　161

一、　任務目標　161

二、相關知識　161

（一）處理時間和日期　161

（二）顯示動態文本　161

三、任務實施　162

（一）繪制動態文本框　162

（二）輸入腳本程序代碼　163

任務三　製作“雪花飛舞”動畫　164

一、　任務目標　164

二、相關知識　165

（一）隨機函數　165

（二）設置影片剪輯屬性　165

（三）使用腳本從庫中創建對象　166

三、任務實施　166

（一）製作雪花飄落影片剪輯元件　166

（二）輸入腳本程序代碼　167

任務四　製作問捲調查表　168

一、任務目標　168

二、相關知識　168

（一）組件的類型　168

（二）組件的操作　169

（三）常用組件的使用　169

（四）調試腳本程序　171

三、任務實施　173

（一）輸入文本並添加組件　173

（二）輸入腳本程序代碼　175

實訓一　製作交互式滾動廣告　177

實訓二　製作“鐘表”動畫　178

實訓三　製作美食問捲調查表　179

課後練習　180

技巧提升　181

 

項目九　優化、發布與導出動畫　182

 

任務一　測試和優化“雪夜”動畫　183

一、任務目標　183

二、相關知識　183

（一）測試動畫　183

（二）優化動畫　184

三、任務實施　186

（一）測試動畫　186

（二）優化動畫　186

任務二　發布“恭賀新禧”動畫　189

一、　任務目標　189

二、相關知識　189

（一）發布設置　189

（二）發布動畫　193

三、任務實施　193

任務三　導出“汽車廣告”動畫　194

一、　任務目標　194

二、相關知識　195

（一）導出圖像　195

（二）導出影片　196

（三）導出視頻　196

（四）導出GIF動畫　197

三、任務實施　198

實訓一　測試並發布“動態風光相冊”　199

實訓二　導出“有聲飛機”動畫　200

課後練習　201

技巧提升　202

 

項目十　綜合案例　203

 

任務一　製作網站進入動畫　204

一、任務目標　204

二、相關知識　204

（一）構建Animate網站的常用技術　204

（二）如何規劃Animate網站　204

三、任務實施　205

（一）製作進入動畫　205

（二）製作網頁導航條動畫　209

任務二　製作“打地鼠”遊戲　214

一、任務目標　214

二、相關知識　214

（一）Animate遊戲概述　214

（二）Animate遊戲製作流程　214

三、任務實施　216

（一）製作動畫界面　216

（二）編輯元件　218

（三）編輯交互式腳本　225

（四）測試和發布動畫　226

實訓一　製作“童年”MV　227

實訓二　製作“青蛙跳”遊戲　228

課後練習　229

技巧提升　230