Animate動畫設計教程（Animate CC 2018 微課版）

項目一 走進Animate動畫世界　1
任務一　認識Animate動畫\t2
一、任務目標\t2
二、相關(guān)知識\t2
（一）Animate動畫設計的優(yōu)勢\t2
（二）Animate動畫的應用領(lǐng)域\t3
（三）Animate動畫文件類型\t5
（四）動畫制作流程\t5
三、任務實施\t6
（一）打開Animate文件\t6
（二）預覽與發(fā)布動畫\t7
任務二　制作“豹子奔跑”動畫 \t8
一、 任務目標\t8
二、相關(guān)知識\t8
（一）Animate CC 2018的工作界面\t9
（二）Animate CC 2018動畫文件的基本操作\t11
三、任務實施\t13
（一）新建Animate文件\t13
（二）制作與預覽Animate動畫\t14
實訓一　轉(zhuǎn)換“放大鏡”動畫的類型并發(fā)布\t14
實訓二　調(diào)整“宇宙”動畫的尺寸大小 \t15
課后練習\t\t\t16
技巧提升\t\t\t17
項目二 繪制與編輯圖形 18
任務一　繪制卡通小熊圖形 \t19
一、任務目標\t19
二、相關(guān)知識\t19
（一）圖形圖像的基礎知識\t19
（二）幾何繪圖工具\t21
（三）自由繪圖工具\t25
（四）繪圖輔助工具\t27
（五）選擇類工具\t29
三、任務實施\t30
（一）繪制小熊頭部\t30
（二）繪制小熊的身體\t32
任務二　為“荷塘月色”填色 \t33
一、任務目標\t33
二、相關(guān)知識\t34
（一）認識顏色\t34
（二）“顏色”面板\t34
（三）“樣本”面板\t35
（四）編輯漸變填充\t35
（五）使用填充工具\t37
三、任務實施\t38
（一）線性漸變填充\t38
（二）徑向漸變填充\t40
任務三　制作郊外場景 \t41
一、任務目標\t41
二、相關(guān)知識\t41
（一）變形對象\t41
（二）翻轉(zhuǎn)對象\t43
（三）合并對象\t43
（四）組合與分離對象\t44
（五）排列與對齊對象\t45
三、任務實施\t46
（一）調(diào)整背景、草地、太陽和云\t46
（二）調(diào)整樹木、房屋和花\t47
實訓一　繪制臉譜 \t48
實訓二　繪制卡通場景 \t49
課后練習\t\t\t50
技巧提升\t\t\t51
項目三 添加與編輯文本 52
任務一　制作“音樂節(jié)”海報 \t53
一、任務目標\t53
二、相關(guān)知識\t53
（一）文本工具\t53
（二）文本工具的“屬性”面板\t54
（三）“時間軸”面板\t54
三、任務實施\t56
任務二　制作招聘DM單\t59
一、 任務目標\t59
二、相關(guān)知識\t60
（一）文本變形\t60
（二）文本填充\t61
（三）文本邊框\t61
三、任務實施\t61
（一）制作標題文本\t61
（二）添加其他文本\t63
實訓一　制作中秋橫幅廣告 \t64
實訓二　制作環(huán)保宣傳廣告 \t64
課后練習\t\t\t65
技巧提升\t\t\t66
項目四 使用元件與素材 67
任務一　制作生日賀卡 \t68
一、任務目標\t68
二、相關(guān)知識\t68
（一）認識元件和實例\t68
（二）創(chuàng)建元件\t69
（三）編輯元件\t70
（四）為實例添加濾鏡效果\t70
（五）認識“庫”面板\t72
（六）調(diào)用外部庫文件\t72
三、任務實施\t73
（一）從外部庫文件中調(diào)用素材\t73
（二）創(chuàng)建元件并添加濾鏡\t74
任務二　制作“水彩畫”動畫\t75
一、 任務目標\t75
二、相關(guān)知識\t75
（一）導入一般位圖\t75
（二）導入PSD文件\t76
（三）導入AI文件\t77
（四）將位圖轉(zhuǎn)換為矢量圖\t77
三、任務實施\t78
實訓一　制作小池場景 \t80
實訓二　制作夏日沙灘場景 \t81
課后練習\t\t\t81
技巧提升\t\t\t83
項目五 制作基本動畫 84
任務一　制作“跳動文字”動畫 \t85
一、任務目標\t85
二、相關(guān)知識\t85
（一）幀的編輯\t85
（二）圖層的運用\t87
（三）動畫播放控制\t91
三、任務實施\t92
（一）插入關(guān)鍵幀\t92
（二）添加效果\t93
任務二　制作“風景相冊”動畫\t94
一、 任務目標\t94
二、相關(guān)知識\t95
（一）Animate的基本動畫類型\t95
（二）各種動畫在時間軸中的標識\t96
（三）創(chuàng)建逐幀動畫\t96
（四）創(chuàng)建補間形狀動畫\t97
（五）創(chuàng)建傳統(tǒng)補間動畫\t97
（六）創(chuàng)建補間動畫\t98
三、任務實施\t98
（一）制作傳統(tǒng)補間動畫\t98
（二）制作補間形狀動畫\t100
任務三　制作“促銷廣告”動畫\t101
一、 任務目標\t101
二、相關(guān)知識\t102
（一）設置補間形狀動畫屬性\t102
（二）設置傳統(tǒng)補間動畫屬性\t103
（三）設置補間動畫屬性\t104
三、任務實施\t105
（一）創(chuàng)建傳統(tǒng)補間動畫和補間動畫\t105
（二）為動畫添加緩動效果\t109
實訓一　制作“汽車行駛”動畫 \t109
實訓二　制作“籃球”動畫 \t110
課后練習\t\t\t111
技巧提升\t\t\t112
項目六 制作高級動畫 113
任務一　制作“紙飛機”動畫 \t114
一、任務目標\t114
二、相關(guān)知識\t114
（一）引導動畫原理\t114
（二）創(chuàng)建引導動畫\t114
（三）引導動畫的“屬性”面板\t115
（四）制作引導動畫的注意事項\t116
三、任務實施\t116
（一）創(chuàng)建引導動畫\t116
（二）設置引導動畫的屬性\t117
任務二　制作“高山流水”動畫\t118
一、 任務目標\t118
二、相關(guān)知識\t119
（一）遮罩動畫原理\t119
（二）創(chuàng)建遮罩層\t119
（三）創(chuàng)建遮罩動畫的注意事項\t120
三、任務實施\t120
（一）創(chuàng)建補間動畫\t120
（二）創(chuàng)建遮罩動畫\t121
任務三　制作“人物行走”動畫\t123
一、 任務目標\t123
二、相關(guān)知識\t124
（一）認識骨骼動畫\t124
（二）添加骨骼\t124
（三）編輯骨骼\t125
（四）創(chuàng)建骨骼動畫\t127
（五）設置骨骼動畫的屬性\t128
三、任務實施\t128
（一）創(chuàng)建骨骼\t128
（二）編輯骨骼動畫\t129
實訓一　制作“楓葉飄落”動畫 \t130
實訓二　制作海浪效果 \t131
實訓三　制作“舞蹈剪影”動畫 \t132
課后練習\t\t\t133
技巧提升\t\t\t134
項目七 添加音頻和視頻 135
任務一　制作“音樂片頭”動畫 \t136
一、任務目標\t136
二、相關(guān)知識\t136
（一）聲音的格式\t136
（二）導入與添加聲音\t137
（三）修改與刪除聲音\t137
（四）設置聲音播放次數(shù)\t137
（五）設置聲音的屬性\t137
三、任務實施\t139
（一）添加背景音樂\t139
（二）添加按鈕音效\t139
任務二　制作“夜色朦朧”動畫\t140
一、 任務目標\t141
二、相關(guān)知識\t141
（一）視頻的格式\t141
（二）導入視頻文件\t141
三、任務實施\t143
（一）制作背景\t143
（二）導入視頻\t144
實訓一　制作“有聲飛機”動畫 \t144
實訓二　制作“電視節(jié)目預告”動畫 \t146
課后練習\t\t\t146
技巧提升\t\t\t147
項目八 制作腳本與組件動畫 148
任務一　制作“動態(tài)風光”相冊 \t149
一、任務目標\t149
二、相關(guān)知識\t149
（一）JavaScript和CreateJS\t149
（二）“動作”面板的使用\t150
（三）變量\t151
（四）數(shù)據(jù)類型\t152
（五）表達式和運算符\t152
（六）函數(shù)\t154
（七）語句\t154
（八）時間軸導航函數(shù)\t156
（九）事件處理\t157
三、任務實施\t157
（一）添加圖片和按鈕\t157
（二）輸入腳本程序代碼\t158
任務二　制作“電子時鐘”動畫\t161
一、 任務目標\t161
二、相關(guān)知識\t161
（一）處理時間和日期\t161
（二）顯示動態(tài)文本\t161
三、任務實施\t162
（一）繪制動態(tài)文本框\t162
（二）輸入腳本程序代碼\t163
任務三　制作“雪花飛舞”動畫\t164
一、 任務目標\t164
二、相關(guān)知識\t165
（一）隨機函數(shù)\t165
（二）設置影片剪輯屬性\t165
（三）使用腳本從庫中創(chuàng)建對象\t166
三、任務實施\t166
（一）制作雪花飄落影片剪輯元件\t166
（二）輸入腳本程序代碼\t167
任務四　制作問卷調(diào)查表\t168
一、任務目標\t168
二、相關(guān)知識\t168
（一）組件的類型\t168
（二）組件的操作\t169
（三）常用組件的使用\t169
（四）調(diào)試腳本程序\t171
三、任務實施\t173
（一）輸入文本并添加組件\t173
（二）輸入腳本程序代碼\t175
實訓一　制作交互式滾動廣告 \t177
實訓二　制作“鐘表”動畫 \t178
實訓三　制作美食問卷調(diào)查表 \t179
課后練習\t\t\t180
技巧提升\t\t\t181
項目九 優(yōu)化、發(fā)布與導出動畫 182
任務一　測試和優(yōu)化“雪夜”動畫 \t183
一、任務目標\t183
二、相關(guān)知識\t183
（一）測試動畫\t183
（二）優(yōu)化動畫\t184
三、任務實施\t186
（一）測試動畫\t186
（二）優(yōu)化動畫\t186
任務二　發(fā)布“恭賀新禧”動畫\t189
一、 任務目標\t189
二、相關(guān)知識\t189
（一）發(fā)布設置\t189
（二）發(fā)布動畫\t193
三、任務實施\t193
任務三　導出“汽車廣告”動畫\t194
一、 任務目標\t194
二、相關(guān)知識\t195
（一）導出圖像\t195
（二）導出影片\t196
（三）導出視頻\t196
（四）導出GIF動畫\t197
三、任務實施\t198
實訓一　測試并發(fā)布“動態(tài)風光相冊” \t199
實訓二　導出“有聲飛機”動畫 \t200
課后練習\t\t\t201
技巧提升\t\t\t202
項目十 綜合案例 203
任務一　制作網(wǎng)站進入動畫 \t204
一、任務目標\t204
二、相關(guān)知識\t204
（一）構(gòu)建Animate網(wǎng)站的常用技術(shù)\t204
（二）如何規(guī)劃Animate網(wǎng)站\t204
三、任務實施\t205
（一）制作進入動畫\t205
（二）制作網(wǎng)頁導航條動畫\t209
任務二　制作“打地鼠”游戲\t214
一、任務目標\t214
二、相關(guān)知識\t214
（一）Animate游戲概述\t214
（二）Animate游戲制作流程\t214
三、任務實施\t216
（一）制作動畫界面\t216
（二）編輯元件\t218
（三）編輯交互式腳本\t225
（四）測試和發(fā)布動畫\t226
實訓一　制作“童年”MV \t227
實訓二　制作“青蛙跳”游戲\t228
課后練習\t\t\t229
技巧提升\t\t\t230