第 1單元 初識Animate CC

1.1　Animate CC二維動畫制作概述　1

1.1.1　Animate CC簡介　1

1.1.2　Animate CC的應(yīng)用領(lǐng)域　1

1.1.3　Animate CC新增及改進(jìn)的功能　3

1.1.4　Animate CC運(yùn)行的硬件配置需求　9

1.2　Animate CC工作界面　9

1.2.1　工作界面　9

1.2.2　界面布局設(shè)置　12

1.2.3　主要菜單功能介紹　12

1.2.4　主要功能面板介紹　14

1.3　Animate CC文檔操作　16

1.3.1　文檔類型　16

1.3.2　文檔的基本操作　17

1.3.3　文檔設(shè)置　19

1.4　小結(jié)與課后練習(xí)　20

◎　小結(jié)　20

◎　課后練習(xí)　20



第　2單元 Animate CC基本工具的使用

2.1　工具欄介紹　21

2.1.1　基本操作　21

2.1.2　功能布局　21

2.2　選擇工具組　22

2.2.1　選擇工具　23

2.2.2　部分選擇工具　23

2.2.3　套索工具　23

2.3　繪圖工具組　24

2.3.1　圖形的基本屬性　24

2.3.2　線條工具　25

2.3.3　鉛筆工具　26

2.3.4　鋼筆工具　26

2.3.5　矢量畫筆工具　28

2.3.6　畫筆工具　28

2.3.7　矩形工具　30

2.3.8　橢圓工具　30

2.3.9　多邊形工具　30

◎　應(yīng)用案例：繪制卡通小屋　31

2.4　填充與輪廓工具組　31

2.4.1　顏料桶工具　31

2.4.2　墨水瓶工具　32

2.4.3　滴管工具　32

2.4.4　橡皮擦工具　32

2.4.5　寬度工具　32

◎　應(yīng)用案例：給卡通小屋上色　33

◎　應(yīng)用案例：繪制卡通小狗　34

2.5　視圖工具組　35

2.5.1　抓手工具　35

2.5.2　視圖旋轉(zhuǎn)工具　35

2.5.3　縮放工具　36

2.5.4　視圖輔助設(shè)置　36

2.5.5　其他視圖操作方法與技巧　37

2.6　顏色設(shè)置區(qū)　37

2.6.1　顏色控件　37

2.6.2　筆觸色設(shè)置　37

2.6.3　填充色設(shè)置　38

2.6.4　顏色交換與重置　38

2.6.5　顏色面板的使用　38

2.6.6　漸變的設(shè)置與調(diào)整　39

2.6.7　填充位圖　39

◎　應(yīng)用案例：繪制卡片背景　40

2.7　對象的操作　41

2.7.1　對象的類型　41

2.7.2　對象的基本操作　42

2.7.3　對象的排列、對齊和分布　43

2.7.4　對象的組合與分離　45

2.7.5　對象的變形　45

2.7.6　位圖編輯　48

2.8　文字的輸入與編輯　49

2.8.1　文本的類型　49

2.8.2　創(chuàng)建文本　49

2.8.3　文本屬性設(shè)置　50

2.8.4　基本文字效果制作　51

◎　應(yīng)用案例：圣誕卡片　53

2.9　小結(jié)與課后練習(xí)　54

◎　小結(jié)　54

◎　課后練習(xí)　54



第3單元　基本動畫制作

3.1　元件的使用　56

3.1.1　元件的概念與特點(diǎn)　56

3.1.2　元件的創(chuàng)建與編輯　56

3.1.3　元件的類型　57

3.1.4　元件實(shí)例的屬性與編輯　59

3.1.5　庫的應(yīng)用　61

3.2　幀動畫的制作　62

3.2.1　時(shí)間軸、圖層及其設(shè)置　62

3.2.2　幀的概念與分類　63

3.2.3　幀的基本操作　64

3.2.4　幀動畫的制作　66

◎　應(yīng)用案例：幀動畫小丑走路　66

◎　應(yīng)用案例：幀動畫手寫字　68

3.2.5　使用繪圖紙外觀　70

3.3　補(bǔ)間動畫制作　71

3.3.1　補(bǔ)間形狀　71

◎　應(yīng)用案例：補(bǔ)間形狀燃燒的蠟燭　72

3.3.2　傳統(tǒng)補(bǔ)間動畫　74

◎　應(yīng)用案例：傳統(tǒng)補(bǔ)間圣誕卡片動畫　76

3.3.3　補(bǔ)間動畫　79

◎　應(yīng)用案例：補(bǔ)間動畫滑板小子　82

◎　應(yīng)用案例：補(bǔ)間動畫蹺蹺板　86

◎　應(yīng)用案例：補(bǔ)間動畫能量守恒　89

3.3.4　動畫的緩動　92

3.3.5　動畫編輯器的使用　96

◎　應(yīng)用案例：動畫編輯器的使用能量守恒　99

◎　應(yīng)用案例：補(bǔ)間動畫的緩動設(shè)置調(diào)皮的小球　101

3.3.6　應(yīng)用動畫預(yù)設(shè)　102

3.4　小結(jié)與課后練習(xí)　103

◎　小結(jié)　103

◎　課后練習(xí)　103



第4單元　圖層的應(yīng)用

4.1　圖層的基本使用　106

4.1.1　圖層的基本操作　106

4.1.2　圖層的類型　109

4.1.3　高級圖層　109

4.2　引導(dǎo)層與動畫制作　110

4.2.1　創(chuàng)建引導(dǎo)層，建立引導(dǎo)關(guān)系　110

4.2.2　利用引導(dǎo)層制作傳統(tǒng)補(bǔ)間動畫　111

◎　應(yīng)用案例：蝴蝶飛到花叢中　112

4.3　遮罩層與動畫制作　113

4.3.1　遮罩效果的創(chuàng)建　114

4.3.2　使用腳本創(chuàng)建遮罩層　115

◎　應(yīng)用案例：探照燈文字　115

◎　應(yīng)用案例：文字特效掃光字、閃邊字　117

◎　應(yīng)用案例：展開折扇　119

4.4　骨骼動畫的制作　122

4.4.1　骨骼動畫的概念與原理　122

4.4.2　骨骼的添加與編輯　122

4.4.3　骨骼動畫制作　125

◎　應(yīng)用案例：骨骼動畫毛毛蟲爬行　126

◎　應(yīng)用案例：骨骼動畫行走的人偶　128

4.5　攝像頭與高級圖層動畫　130

4.5.1　攝像頭圖層　130

4.5.2　攝像頭的操作與參數(shù)設(shè)置　130

4.5.3　攝像頭動畫　133

◎　應(yīng)用案例：攝像頭動畫武士　134

4.5.4　圖層深度與動畫　135

◎　應(yīng)用案例：利用圖層深度制作具有景深的動畫　136

4.6　圖層父子關(guān)系　137

◎　應(yīng)用案例：圖層父子關(guān)系忙碌的工地　139

4.7　圖層效果　141

◎　應(yīng)用案例：圖層效果的應(yīng)用給人偶添加影子　142

4.8　小結(jié)與課后練習(xí)　143

◎　小結(jié)　143

◎　課后練習(xí)　143



第5單元　音視頻的應(yīng)用

5.1　聲音的使用　145

5.1.1　聲音的導(dǎo)入與使用　145

5.1.2　聲音的效果設(shè)置與編輯　146

5.1.3　聲音的同步方式　147

◎　應(yīng)用案例：聲音的應(yīng)用給圣誕卡片添加音效　148

5.2　視頻的應(yīng)用　149

5.2.1　視頻的導(dǎo)入與使用　149

5.2.2　視頻組件的使用　151

◎　應(yīng)用案例：視頻的應(yīng)用使用組件播放外部視頻　152

5.3　小結(jié)與課后練習(xí)　158

◎　小結(jié)　158

◎　課后練習(xí)　158



第6單元　交互動畫制作

6.1　文檔與腳本類型　159

6.1.1　ActionScript 3.0平臺與腳本　159

6.1.2　HTML5 Canvas文檔與JavaScript腳本　160

6.2　動作面板　160

6.2.1　動作面板的結(jié)構(gòu)　161

6.2.2　代碼注釋　161

6.2.3　使用動作碼向?qū)А?62

6.3　代碼片段　163

6.3.1　代碼片段的概念與類型　163

6.3.2　如何使用代碼片段　164

6.3.3　應(yīng)用代碼片段　164

◎應(yīng)用案例：控制氣球移動　169

6.4　小結(jié)與課后練習(xí)　173

◎　小結(jié)　173

◎　課后練習(xí)　173



第7單元　動畫基礎(chǔ)知識與運(yùn)動規(guī)律

7.1　動畫基礎(chǔ)知識　174

7.1.1　動畫常識　174

7.1.2　動畫中的構(gòu)圖與透視　178

7.1.3　鏡頭語言與鏡頭應(yīng)用　183

7.2　動畫的運(yùn)動規(guī)律　186

7.2.1　動畫的基本力學(xué)原理　186

7.2.2　一般運(yùn)動規(guī)律　189

7.2.3　人物的運(yùn)動規(guī)律　192

7.2.4　自然現(xiàn)象的運(yùn)動規(guī)律　197

7.3　小結(jié)與課后練習(xí)　206

◎　小結(jié)　206

◎　課后練習(xí)　207



第8單元　文檔的導(dǎo)出與發(fā)布

8.1　跨平臺應(yīng)用　208

8.1.1　Animate CC支持（適用）

　的平臺　208

8.1.2　不同平臺文檔的轉(zhuǎn)換　209

8.2　發(fā)布設(shè)置　210

8.2.1　發(fā)布ActionScript 3.0文檔　210

8.2.2　發(fā)布HTML5 Canvas文檔　212

8.2.3　發(fā)布WebGL文檔　214

8.3　導(dǎo)出　214

8.3.1　導(dǎo)出SWF文件　215

8.3.2　導(dǎo)出圖像　215

8.3.3　導(dǎo)出SVG文件　217

8.3.4　導(dǎo)出視頻　217

8.4　小結(jié)與課后練習(xí)　218

◎　小結(jié)　218

◎　課后練習(xí)　218



第9單元　綜合項(xiàng)目制作

9.1　項(xiàng)目1：場景動畫夜空　219

◎　任務(wù)1：場景繪制　219

◎　任務(wù)2：補(bǔ)間形狀閃閃繁星　221

◎　任務(wù)3：補(bǔ)間形狀小鳥翅膀　222

◎　任務(wù)4：傳統(tǒng)補(bǔ)間小鳥飛翔　224

9.2　項(xiàng)目2：展示動畫詩畫卷軸　226

◎　任務(wù)1：繪制卷軸　226

◎　任務(wù)2：制作動畫　227

◎　任務(wù)3：添加音效和交互　229

9.3　項(xiàng)目3：交互動畫轉(zhuǎn)盤抽獎(jiǎng)　232

◎　任務(wù)1：繪制元素　232

◎　任務(wù)2：制作動畫　234

◎　任務(wù)3：添加交互　235

9.4　項(xiàng)目4：時(shí)尚畫冊　236

◎　任務(wù)1：繪制界面元素　236

◎　任務(wù)2：制作各元素動畫　237

◎　任務(wù)3：添加交互　239

9.5　項(xiàng)目5：Web廣告動畫　241

◎　任務(wù)1：繪制元素　241

◎　任務(wù)2：制作動畫　243

◎　任務(wù)3：添加交互　245

9.6　小結(jié)與課后練習(xí)　247

◎　小結(jié)　247

◎　課后練習(xí)　247