第 1單元 初識(shí)Animate CC

1.1　Animate CC二維動(dòng)畫(huà)制作概述　1

1.1.1　Animate CC簡(jiǎn)介　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　矢量畫(huà)筆工具　28

2.3.6　畫(huà)筆工具　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　對(duì)象的操作　41

2.7.1　對(duì)象的類型　41

2.7.2　對(duì)象的基本操作　42

2.7.3　對(duì)象的排列、對(duì)齊和分布　43

2.7.4　對(duì)象的組合與分離　45

2.7.5　對(duì)象的變形　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單元　基本動(dòng)畫(huà)制作

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　庫(kù)的應(yīng)用　61

3.2　幀動(dòng)畫(huà)的制作　62

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

3.2.2　幀的概念與分類　63

3.2.3　幀的基本操作　64

3.2.4　幀動(dòng)畫(huà)的制作　66

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

◎　應(yīng)用案例：幀動(dòng)畫(huà)手寫(xiě)字　68

3.2.5　使用繪圖紙外觀　70

3.3　補(bǔ)間動(dòng)畫(huà)制作　71

3.3.1　補(bǔ)間形狀　71

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

3.3.2　傳統(tǒng)補(bǔ)間動(dòng)畫(huà)　74

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

3.3.3　補(bǔ)間動(dòng)畫(huà)　79

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

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

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

3.3.4　動(dòng)畫(huà)的緩動(dòng)　92

3.3.5　動(dòng)畫(huà)編輯器的使用　96

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

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

3.3.6　應(yīng)用動(dòng)畫(huà)預(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　高級(jí)圖層　109

4.2　引導(dǎo)層與動(dòng)畫(huà)制作　110

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

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

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

4.3　遮罩層與動(dòng)畫(huà)制作　113

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

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

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

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

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

4.4　骨骼動(dòng)畫(huà)的制作　122

4.4.1　骨骼動(dòng)畫(huà)的概念與原理　122

4.4.2　骨骼的添加與編輯　122

4.4.3　骨骼動(dòng)畫(huà)制作　125

◎　應(yīng)用案例：骨骼動(dòng)畫(huà)毛毛蟲(chóng)爬行　126

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

4.5　攝像頭與高級(jí)圖層動(dòng)畫(huà)　130

4.5.1　攝像頭圖層　130

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

4.5.3　攝像頭動(dòng)畫(huà)　133

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

4.5.4　圖層深度與動(dòng)畫(huà)　135

◎　應(yīng)用案例：利用圖層深度制作具有景深的動(dòng)畫(huà)　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單元　交互動(dòng)畫(huà)制作

6.1　文檔與腳本類型　159

6.1.1　ActionScript 3.0平臺(tái)與腳本　159

6.1.2　HTML5 Canvas文檔與JavaScript腳本　160

6.2　動(dòng)作面板　160

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

6.2.2　代碼注釋　161

6.2.3　使用動(dòng)作碼向?qū)А?62

6.3　代碼片段　163

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

6.3.2　如何使用代碼片段　164

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

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

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

◎　小結(jié)　173

◎　課后練習(xí)　173



第7單元　動(dòng)畫(huà)基礎(chǔ)知識(shí)與運(yùn)動(dòng)規(guī)律

7.1　動(dòng)畫(huà)基礎(chǔ)知識(shí)　174

7.1.1　動(dòng)畫(huà)常識(shí)　174

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

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

7.2　動(dòng)畫(huà)的運(yùn)動(dòng)規(guī)律　186

7.2.1　動(dòng)畫(huà)的基本力學(xué)原理　186

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

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

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

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

◎　小結(jié)　206

◎　課后練習(xí)　207



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

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

8.1.1　Animate CC支持（適用）

　的平臺(tái)　208

8.1.2　不同平臺(tái)文檔的轉(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：場(chǎng)景動(dòng)畫(huà)夜空　219

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

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

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

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

9.2　項(xiàng)目2：展示動(dòng)畫(huà)詩(shī)畫(huà)卷軸　226

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

◎　任務(wù)2：制作動(dòng)畫(huà)　227

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

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

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

◎　任務(wù)2：制作動(dòng)畫(huà)　234

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

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

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

◎　任務(wù)2：制作各元素動(dòng)畫(huà)　237

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

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

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

◎　任務(wù)2：制作動(dòng)畫(huà)　243

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

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

◎　小結(jié)　247

◎　課后練習(xí)　247