Animate CC動畫製作案例教程

本書從動漫游戲設計師職業崗位需求出發，通過11章內容及其中的52個精選案例，詳細講解了Animate CC矢量動畫設計的學習方法，項目和工作實踐中所需掌握的專業技能、項目流程，以及解決實際問題的方法、思路、技巧，使得讀者能夠直觀地掌握矢量動畫設計的方法，做到舉一反三和融會貫通。本書面向的用戶群體廣泛，適合絕大多數的初級和中級用戶，案例由淺入深、循序漸進。所有案例均選自作者的工作和項目，具有較強的實踐性和實用性，技術含量高。同時章節練習及海量的電子學習資源和素材能更好地幫助讀者掌握設計和操作要點，極大地方便了教學和自學。全書共11章，主要內容包括Animate CC矢量動畫軟件介紹、圖形繪制、元件和庫的使用、逐幀動畫製作、補間動畫製作、引導層動畫製作、遮罩層動畫製作、形變動畫製作、骨骼動畫製作、角色動畫製作、動畫技巧等。

第1章認識Animate CC ……………………………………………………… 01
1.1 Animate CC動畫概述………………………………………………………………01
1.1.1 Animate CC簡介…………………………………………………………… 01
1.1.2 Animate CC 的新特性……………………………………………………… 02
1.2 Animate CC常規工作流程…………………………………………………………04
1.3 Animate CC基本工作界面…………………………………………………………05
1.3.1 【歡迎】界面……………………………………………………………… 05
1.3.2 工作界面…………………………………………………………………… 06
1.3.3 管理窗口和麵板…………………………………………………………… 07
1.3.4 管理工作界面……………………………………………………………… 09
1.3.5 在Animate CC中自定義【工具】面板…………………………………… 09
1.3.6 在Animate CC中使用舞台………………………………………………… 10
1.3.7 在Animate CC中使用標尺、輔助線和網格……………………………… 12
1.4 Animate CC基本操作………………………………………………………………13
1.4.1 新建Animate文檔………………………………………………………… 13
1.4.2 打開Animate文檔………………………………………………………… 14
1.4.3 設置Animate文檔屬性…………………………………………………… 15
1.4.4 保存Animate文檔………………………………………………………… 16
1.4.5 關閉Animate文檔………………………………………………………… 16
1.5 關於位圖圖像和矢量圖像…………………………………………………………17
1.5.1 總體區別…………………………………………………………………… 17
1.5.2 文件格式…………………………………………………………………… 17
1.5.3 易用性區別………………………………………………………………… 18
1.5.4 最終成像特徵……………………………………………………………… 19
1.6 章節練習……………………………………………………………………………19

第2章Animate CC圖形繪製………………………………………………… 20
2.1 使用三種繪製模式繪製“基本幾何形” …………………………………………20
2.1.1 【合併繪製】模式………………………………………………………… 20
2.1.2 【對象繪製】模式………………………………………………………… 23
2.1.3 【圖元對象繪製】模式…………………………………………………… 24
2.2 使用基本形狀工具繪製“雙馬尾女孩” …………………………………………25
2.3 使用鋼筆工具繪製“壽司店菜單” ………………………………………………31
2.4 使用寬度工具繪製“快樂企鵝” …………………………………………………37
2.5 使用矢量藝術筆刷繪製場景“戈壁” ……………………………………………42
2.6 使用傳統畫筆工具繪製卡通插畫“波比和蘋果” ………………………………44
2.7 章節練習……………………………………………………………………………48

第3章Animate CC元件和庫的使用………………………………………… 52
3.1 使用元件和庫繪製場景“瓢蟲” …………………………………………………52
3.1.1 轉換為元件………………………………………………………………… 52
3.1.2 編輯元件…………………………………………………………………… 59
3.1.3 新建元件…………………………………………………………………… 60
3.1.4 圖形元件動畫……………………………………………………………… 61
3.1.5 影片剪輯元件動畫………………………………………………………… 65
3.2 製作影片剪輯元件3D動畫“蝶戀花” …………………………………………68
3.3 製作影片剪輯元件3D動畫“立體賀卡” ………………………………………73
3.4 製作按鈕元件“按鈕設置” ………………………………………………………81
3.5 章節練習……………………………………………………………………………88

第4章Animate CC逐幀動畫製作…………………………………………… 90
4.1 使用逐幀動畫製作微信表情包“小狐狸波比” …………………………………90
4.1.1 二維動畫製作基礎知識…………………………………………………… 90
4.1.2 具體操作步驟……………………………………………………………… 92
4.2 使用逐幀動畫製作抖動風格動畫“月夜” ………………………………………97
4.3 使用逐幀動畫製作“手寫字”動畫效果……………………………………… 107
4.4 使用逐幀動畫製作“水滴下落”動畫效果…………………………………… 109
4.5 章節練習………………………………………………………………………… 111

第5章Animate CC補間動畫製作………………………………………… 113
5.1 製作傳統補間動畫“雪地月光” ……………………………………………… 113
5.1.1 補間動畫與傳統補間…………………………………………………… 113
5.1.2 場景動畫製作步驟……………………………………………………… 114
5.1.3 “汽車”動畫製作步驟………………………………………………… 120
5.2 使用傳統補間製作動畫“鬧鐘響鈴” ………………………………………… 122
5.3 使用補間動畫製作動畫“搬磚” ……………………………………………… 140
5.4 製作補間動畫“運動文本” …………………………………………………… 150
5.5 章節練習………………………………………………………………………… 156

第6章Animate CC引導層動畫製作……………………………………… 159
6.1 製作引導層遊戲開機動畫“火車熊” ………………………………………… 159
6.2 製作引導層動畫“火車行駛” ………………………………………………… 168
6.3 製作引導層動畫“火箭繞月” ………………………………………………… 172
6.4 製作引導層動畫“小球旋轉Loading” ……………………………………… 180
6.5 章節練習………………………………………………………………………… 184

第7章Animate CC遮罩層動畫製作……………………………………… 189
7.1 使用遮罩層完成遊戲開機動畫“火車熊” …………………………………… 189
7.2 使用遮罩層製作動畫“放大鏡” ……………………………………………… 191
7.3 使用遮罩層製作動畫“金屬字體” …………………………………………… 198
7.4 使用遮罩層製作動畫“塗鴉熊貓” …………………………………………… 203
7.5 使用遮罩層製作動畫“Loading進度條” …………………………………… 214
7.6 章節練習………………………………………………………………………… 219

第8章Animate CC形變動畫製作………………………………………… 225
8.1 使用形狀補間製作動畫“水球” ……………………………………………… 225
8.2 使用形狀補間製作動畫“海浪” ……………………………………………… 237
8.3 使用資源變形工具製作動畫“燭火” ………………………………………… 243
8.4 使用資源變形工具製作動畫“小狗走路” …………………………………… 247
8.5 章節練習………………………………………………………………………… 254

第9章Animate CC骨骼動畫製作………………………………………… 260
9.1 使用骨骼工具製作動畫“手臂運動” ………………………………………… 260
9.2 使用骨骼工具製作動畫“山民” ……………………………………………… 265
9.3 使用骨骼工具製作動畫“吊燈擺動” ………………………………………… 270
9.4 章節練習………………………………………………………………………… 274

第10章Animate CC角色動畫製作……………………………………… 279
10.1 使用父級圖層製作角色側面走路循環動畫“上學去”……………………… 279
10.2 使用自動嘴形同步創建動畫“專家講解”…………………………………… 286
10.3 使用動畫編輯器編輯角色動畫“班主任”…………………………………… 289
10.4 章節練習………………………………………………………………………… 302

第11章Animate CC動畫技巧…………………………………………… 307
11.1 通過導入Photoshop文檔製作動畫“星光女孩” ………………………… 307
11.2 通過導入Illustrator文檔製作動畫“海浪帆船” …………………………… 311
11.3 使用圖形濾鏡製作動畫“奔跑的救護車”…………………………………… 316
11.4 使用攝像頭工具製作動畫“風吹海浪”……………………………………… 325
11.5 導出和發布……………………………………………………………………… 332
11.5.1 導出PNG序列………………………………………………………… 332
11.5.2 導出圖像和動畫GIF …………………………………………………… 333
11.5.3 通過Adobe Media Encoder導出高清（HD）視頻…………………… 334
11.6 章節練習………………………………………………………………………… 335