Animate CC 2018中文版入門與提高

目 錄
第1章 初識Animate CC 2018 . 001
1.1 認(rèn)識Animate CC 2018  002
1.1.1 安裝Animate CC 2018 . 002
1.1.2 卸載Animate CC 2018 . 004
1.1.3 啟動與退出  005
1.2 Animate CC 2018的操作界面  006
1.2.1 菜單欄  006
1.2.2 編輯欄  009
1.2.3 舞臺和粘貼板  009
1.2.4 時間軸面板  010
1.2.5 浮動面板組  011
1.2.6 上機(jī)練習(xí)——組合、拆分浮動面板組 . 014
1.3 文件的基本操作 . 014
1.3.1 上機(jī)練習(xí)——新建一個Animate文檔 . 014
1.3.2 保存動畫文件  016
1.3.3 打開、導(dǎo)入文件  017
1.3.4 使用模板  018
1.4 設(shè)置文檔屬性  019
1.4.1 設(shè)置舞臺尺寸  019
1.4.2 設(shè)置舞臺背景  020
1.4.3 設(shè)置幀頻  020
知識拓展：設(shè)置文檔類  021
1.5 標(biāo)尺、網(wǎng)格和輔助線 . 021
1.5.1 設(shè)置標(biāo)尺  021
1.5.2 設(shè)置網(wǎng)格  022
1.5.3 設(shè)置輔助線  023
1.6 配置Animate CC 2018工作環(huán)境  025
1.6.1 設(shè)置工作區(qū)布局模式  025
1.6.2 移動時間軸面板  026
1.6.3 上機(jī)練習(xí)——設(shè)置快捷鍵 . 026
1.7 答疑解惑  029
1.8 學(xué)習(xí)效果自測  029

IV
Animate CC 2018
中文版入門與提高
第2章 認(rèn)識工具箱  031
2.1 繪圖模型  032
2.1.1 合并繪制模型  032
2.1.2 對象繪制模型  032
2.2 筆觸工具  032
2.2.1 線條工具  033
知識拓展：設(shè)置矢量線樣式的更多屬性 . 034
2.2.2 鉛筆工具  034
2.2.3 上機(jī)練習(xí)——繪制冰淇淋 . 035
2.2.4 鋼筆  036
2.2.5 上機(jī)練習(xí)——繪制路燈  039
2.2.6 寬度工具  039
2.2.7 藝術(shù)畫筆  041
2.2.8 上機(jī)練習(xí)——變形的彩鉛 . 043
2.3 選取工具  045
2.3.1 選擇工具  045
2.3.2 部分選取工具  047
2.3.3 套索工具和多邊形工具  048
2.3.4 魔術(shù)棒工具  048
2.3.5 上機(jī)練習(xí)——紅葉  049
2.4 形狀工具  050
2.4.1 橢圓工具  050
2.4.2 矩形工具  052
2.4.3 多角星形工具  053
2.4.4 上機(jī)練習(xí)——夜空  054
2.4.5 畫筆工具  055
2.5 色彩工具  057
2.5.1 顏料桶工具  058
2.5.2 墨水瓶工具  058
2.5.3 滴管工具  059
2.5.4 上機(jī)練習(xí)——個性桌擺  060
2.6 修改工具  062
2.6.1 任意變形工具  062
2.6.2 上機(jī)練習(xí)——透視文字  064
2.6.3 漸變變形工具  066
2.6.4 上機(jī)練習(xí)——繪制路燈光暈 . 068
2.6.5 橡皮擦工具  069
2.7 視圖工具  070
2.7.1 手形工具  070
2.7.2 縮放工具  071
2.7.3 上機(jī)練習(xí)——查看舞臺上的內(nèi)容 . 071

V
目 錄
2.8 3D轉(zhuǎn)換工具 . 072
2.8.1 3D平移工具 . 073
2.8.2 3D旋轉(zhuǎn)工具 . 074
2.9 實(shí)例精講——繪制風(fēng)景畫 . 075
2.9.1 制作背景  075
2.9.2 繪制云朵  076
2.9.3 繪制建筑物  077
2.9.4 繪制風(fēng)葉  078
2.9.5 繪制草地  079
2.10 答疑解惑 . 080
2.11 學(xué)習(xí)效果自測  081
第3 章 在動畫中使用文本 . 082
3.1 文本類型  083
3.2 添加文本對象  083
3.2.1 創(chuàng)建靜態(tài)文本  083
3.2.2 創(chuàng)建動態(tài)文本  085
3.2.3 創(chuàng)建輸入文本  086
3.2.4 修改文本輸入模式  087
3.2.5 使用其他應(yīng)用程序中的文本 . 088
3.2.6 上機(jī)練習(xí)——圖案文字  088
3.3 設(shè)置文本格式  090
3.3.1 設(shè)置段落屬性  090
3.3.2 轉(zhuǎn)換文本類型  091
3.3.3 分散文字  091
3.3.4 上機(jī)練習(xí)——霓虹燈  092
3.4 實(shí)例精講——促銷海報 . 095
3.5 答疑解惑  100
3.6 學(xué)習(xí)效果自測  100
第4 章 編輯動畫對象 . 101
4.1 改變對象的大小與形狀  102
4.1.1 縮放與旋轉(zhuǎn)對象  102
4.1.2 翻轉(zhuǎn)  102
4.1.3 上機(jī)練習(xí)——倒影  103
4.1.4 使用“變形”面板  104
4.1.5 上機(jī)練習(xí)——五色花環(huán)  104
4.1.6 使用“信息”面板  106
4.2 群組與分解  106
4.3 調(diào)整多個對象的位置 . 107
4.3.1 疊放多個對象  107
4.3.2 對齊多個對象  108

4.4 色彩編輯 . 111
4.4.1 顏色選擇器的類型  111
4.4.2 認(rèn)識“顏色”面板  112
4.4.3 上機(jī)練習(xí)——自定義漸變色 . 114
4.5 使用外部位圖  116
知識拓展：矢量圖像與位圖的區(qū)別 . 116
4.5.1 導(dǎo)入位圖  117
4.5.2 將位圖轉(zhuǎn)換為矢量圖  118
4.5.3 上機(jī)練習(xí)——處理矢量插畫 . 119
4.5.4 打散位圖  121
4.6 實(shí)例精講——特殊造型文字 . 121
4.7 答疑解惑  123
4.8 學(xué)習(xí)效果自測  123
第5 章 圖層與幀 . 125
5.1 了解圖層模式  126
5.2 管理圖層  127
5.2.1 創(chuàng)建、重命名圖層  127
5.2.2 上機(jī)練習(xí)——制作按鈕圖形 . 128
5.2.3 改變圖層順序  129
5.2.4 修改圖層屬性  129
5.2.5 標(biāo)識不同圖層  130
5.2.6 復(fù)制、刪除圖層  132
5.2.7 用文件夾組織圖層  132
5.3 幀的相關(guān)操作 . 133
5.3.1 認(rèn)識時間軸上的幀  133
5.3.2 了解幀的種類  134
5.3.3 創(chuàng)建關(guān)鍵幀  135
5.3.4 關(guān)鍵幀與普通幀相互轉(zhuǎn)換 . 136
5.3.5 選擇幀  136
5.3.6 移動、復(fù)制幀  137
5.3.7 上機(jī)練習(xí)——閃爍的五角星 . 137
5.3.8 刪除、清除幀  140
5.3.9 使用繪圖紙工具查看幀  141
5.4 實(shí)例精講——新年倒計(jì)時 . 142
5.5 答疑解惑  145
5.6 學(xué)習(xí)效果自測  146
第6 章 元件、實(shí)例與庫 . 148
6.1 認(rèn)識元件與實(shí)例 . 149
6.1.1 新建元件  149
6.1.2 上機(jī)練習(xí)——制作花朵元件 . 150

6.1.3 將對象轉(zhuǎn)換為元件  152
6.1.4 創(chuàng)建實(shí)例  153
6.2 元件的類型  153
6.2.1 圖形元件  153
6.2.2 上機(jī)練習(xí)——制作轉(zhuǎn)盤和指針 . 153
6.2.3 影片剪輯  155
6.2.4 上機(jī)練習(xí)——轉(zhuǎn)盤和指針旋轉(zhuǎn)動畫 . 156
6.2.5 按鈕元件  158
6.2.6 上機(jī)練習(xí)——制作動態(tài)按鈕 . 158
知識拓展：制作隱形按鈕  160
6.3 編輯元件和實(shí)例 . 161
6.3.1 復(fù)制元件  161
6.3.2 修改元件  162
6.3.3 改變實(shí)例屬性  163
6.3.4 上機(jī)練習(xí)——水中花  164
6.3.5 交換實(shí)例  166
6.4 管理元件  167
6.4.1 認(rèn)識元件庫  168
6.4.2 使用庫中的元件  168
6.4.3 使用其他影片中的元件  169
6.4.4 更新庫項(xiàng)目  170
6.4.5 上機(jī)練習(xí)——更新背景圖 . 171
6.4.6 刪除無用項(xiàng)  173
6.4.7 定義共享庫  173
知識拓展：創(chuàng)作時共享庫資源  174
6.5 實(shí)例精講——滾動的水晶球 . 175
6.5.1 制作水晶球圖形元件  175
6.5.2 制作水晶球滾動的影片剪輯 . 176
6.5.3 添加多個實(shí)例  178
6.6 答疑解惑  179
6.7 學(xué)習(xí)效果自測  179
第7 章 應(yīng)用濾鏡和混合模式 . 181
7.1 認(rèn)識濾鏡  182
7.1.1 濾鏡的功能  182
7.1.2 添加濾鏡  182
7.2 Animate CC 2018的內(nèi)置濾鏡效果  183
7.2.1 投影  183
7.2.2 模糊  185
7.2.3 發(fā)光  185
7.2.4 斜角  185
7.2.5 上機(jī)練習(xí)——制作畫框  186
7.2.6 漸變發(fā)光  187

7.2.7 漸變斜角  188
7.2.8 調(diào)整顏色  188
7.2.9 上機(jī)練習(xí)——五子棋盤  189
7.3 濾鏡的基本操作 . 192
7.3.1 禁用、恢復(fù)濾鏡  192
7.3.2 改變?yōu)V鏡的應(yīng)用順序  193
7.3.3 上機(jī)練習(xí)——復(fù)制、粘貼濾鏡 . 193
7.3.4 刪除濾鏡  195
7.3.5 創(chuàng)建濾鏡預(yù)設(shè)庫  196
7.4 認(rèn)識混合模式  196
7.4.1 添加混合模式  197
7.4.2 上機(jī)練習(xí)——花朵  198
7.5 實(shí)例精講——變幻的畫框 . 199
7.6 答疑解惑  201
7.7 學(xué)習(xí)效果自測  201
第8 章 逐幀動畫 . 202
8.1 逐幀繪制動畫  203
8.1.1 上機(jī)練習(xí)——寫字效果  203
8.1.2 導(dǎo)入圖片制作動畫  204
8.1.3 上機(jī)練習(xí)——綻放的花朵 . 205
8.2 實(shí)例精講——房產(chǎn)公司廣告 . 207
8.3 答疑解惑  211
8.4 學(xué)習(xí)效果自測  212
第9 章 補(bǔ)間動畫制作 . 213
9.1 傳統(tǒng)補(bǔ)間動畫  214
9.1.1 創(chuàng)建傳統(tǒng)補(bǔ)間  214
9.1.2 修改傳統(tǒng)補(bǔ)間屬性  214
9.1.3 上機(jī)練習(xí)——行駛的汽車 . 216
9.1.4 傳統(tǒng)補(bǔ)間動畫的制作技巧 . 218
9.1.5 上機(jī)練習(xí)——游戲網(wǎng)站引導(dǎo)動畫 . 220
9.1.6 模擬攝像頭動畫  223
9.1.7 上機(jī)練習(xí)——欣賞風(fēng)景畫 . 223
9.2 形狀補(bǔ)間動畫  227
9.2.1 創(chuàng)建形狀補(bǔ)間  227
9.2.2 上機(jī)練習(xí)——兒童網(wǎng)站標(biāo)題動畫 . 228
9.2.3 修改形狀補(bǔ)間屬性  230
9.3 補(bǔ)間動畫  231
9.3.1 基本術(shù)語  231
9.3.2 創(chuàng)建補(bǔ)間動畫  231
9.3.3 上機(jī)練習(xí)——蝴蝶飛舞  233

9.3.4 修改補(bǔ)間屬性  235
知識拓展：復(fù)制、粘貼補(bǔ)間動畫 . 236
9.4 實(shí)例精講——水波漣漪 . 236
9.4.1 制作波紋擴(kuò)大的動畫  237
9.4.2 制作水滴下落效果  238
9.4.3 制作濺起水珠的效果  240
9.5 答疑解惑  242
9.6 學(xué)習(xí)效果自測  242
第10 章 引導(dǎo)路徑動畫 . 243
10.1 認(rèn)識引導(dǎo)層  244
10.1.1 普通引導(dǎo)層  244
10.1.2 運(yùn)動引導(dǎo)層  244
10.2 創(chuàng)建引導(dǎo)路徑動畫 . 244
10.2.1 修改引導(dǎo)動畫  245
10.2.2 上機(jī)練習(xí)——光點(diǎn)運(yùn)動 . 246
10.2.3 與引導(dǎo)層建立連接  249
10.2.4 基于筆觸和顏色的引導(dǎo)動畫 . 249
10.2.5 上機(jī)練習(xí)——小球環(huán)繞 . 250
10.3 實(shí)例精講——水族箱 . 254
10.3.1 繪制氣泡元件  254
10.3.2 制作氣泡上浮動畫  255
10.3.3 制作小魚游動效果  256
10.3.4 制作主場景動畫  257
10.4 答疑解惑  259
10.5 學(xué)習(xí)效果自測  259
第11 章 遮罩動畫 . 261
11.1 認(rèn)識遮罩層  262
11.1.1 創(chuàng)建遮罩圖層  262
11.1.2 上機(jī)練習(xí)——藝術(shù)相框 . 263
11.2 遮罩動畫的制作 . 265
11.2.1 遮罩層運(yùn)動  265
11.2.2 上機(jī)練習(xí)——百葉窗  265
11.2.3 被遮罩層運(yùn)動  268
11.2.4 上機(jī)練習(xí)——旋轉(zhuǎn)的地球 . 268
11.2.5 編輯遮罩動畫  270
11.2.6 取消遮罩效果  270
11.3 實(shí)例精講——發(fā)光的水晶球 . 271
11.4 答疑解惑  275
11.5 學(xué)習(xí)效果自測  275

第12 章 反向運(yùn)動 . 277
12.1 骨骼工具和綁定工具 . 278
12.1.1 骨骼工具  278
12.1.2 編輯骨骼  279
12.1.3 綁定工具  280
12.2 對骨架進(jìn)行動畫處理 . 281
12.2.1 創(chuàng)建反向運(yùn)動  281
知識拓展：將骨架轉(zhuǎn)換為影片剪輯或圖形元件 . 282
12.2.2 控制運(yùn)動速度  282
12.3 實(shí)例精講——啦啦隊(duì)員 . 283
12.4 答疑解惑  284
12.5 學(xué)習(xí)效果自測  285
第13 章 制作有聲動畫 . 286
13.1 添加聲音  287
13.1.1 聲音的類型  287
13.1.2 導(dǎo)入音頻  287
13.1.3 為影片添加聲音  288
13.1.4 上機(jī)練習(xí)——添加背景音樂 . 290
13.1.5 為按鈕添加聲音  291
13.1.6 上機(jī)練習(xí)——制作有聲按鈕 . 292
13.1.7 編輯聲音  294
13.1.8 優(yōu)化聲音  295
13.2 添加視頻  297
13.2.1 導(dǎo)入視頻文件  297
13.2.2 轉(zhuǎn)換視頻  299
13.3 實(shí)例精講——制作生日賀卡 . 303
13.4 答疑解惑  306
13.5 學(xué)習(xí)效果自測  307
第14 章 制作交互動畫 . 308
14.1 交互動畫的三要素 . 309
14.1.1 事件  309
14.1.2 動作  310
14.1.3 目標(biāo)  310
14.2 添加動作  311
14.2.1 使用“動作”面板  312
14.2.2 使用“代碼片斷”面板 . 313
知識拓展：添加自定義代碼片斷 . 313
14.2.3 上機(jī)練習(xí)——模擬星空 . 314
14.3 創(chuàng)建交互操作  317
14.3.1 播放和停止影片  317

14.3.2 上機(jī)練習(xí)——控制蝴蝶運(yùn)動 . 318
14.3.3 跳到某一幀或場景  320
14.3.4 上機(jī)練習(xí)——人工降雪 . 321
14.3.5 跳轉(zhuǎn)到指定的URL  324
14.4 實(shí)例精講——移動的飛船 . 324
14.5 答疑解惑  328
14.6 學(xué)習(xí)效果自測  328
第15 章 使用組件 . 330
15.1 認(rèn)識組件  331
15.1.1 用戶界面組件  331
15.1.2 視頻組件  331
15.2 使用用戶界面組件 . 331
15.2.1 在動畫中添加組件  331
15.2.2 設(shè)置組件參數(shù)  332
15.2.3 上機(jī)練習(xí)——制作留言板 . 333
15.2.4 自定義組件外觀  338
15.2.5 上機(jī)練習(xí)——使用樣式管理器定義標(biāo)簽格式 . 339
15.3 實(shí)例精講——信息表單 . 340
15.3.1 添加組件  341
15.3.2 配置組件  343
15.3.3 使用腳本獲取信息  344
15.4 答疑解惑  346
15.5 學(xué)習(xí)效果自測  346
第16 章 綜合實(shí)例——實(shí)時鐘 . 348
16.1 實(shí)例效果  349
16.2 設(shè)計(jì)思路  349
16.3 制作步驟  349
16.3.1 制作表盤  349
16.3.2 制作表針  350
16.3.3 制作Clock影片剪輯  352
16.3.4 獲取時間信息  353
16.3.5 顯示動態(tài)時間  354
附錄A ActionScript 3.0語法基礎(chǔ)  356
附錄B 發(fā)布Animate文檔 . 379
附錄C 參考答案  395

二 維 碼 目 錄
目
錄
源文件 .II
1-1 安裝Animate CC 2018  002
1-2 上機(jī)練習(xí)——組合、拆分浮動面板組 . 014
1-3 上機(jī)練習(xí)——新建一個Animate文檔 014
1-4 上機(jī)練習(xí)——設(shè)置快捷鍵 026
2-1 上機(jī)練習(xí)——繪制冰淇淋 . 035
2-2 上機(jī)練習(xí)——繪制路燈 . 039
2-3 上機(jī)練習(xí)——變形的彩鉛 . 043
2-4 上機(jī)練習(xí)——紅葉 . 049
2-5 上機(jī)練習(xí)——夜空 . 054
2-6 上機(jī)練習(xí)——個性桌擺 . 060
2-7 上機(jī)練習(xí)——透視文字 . 064
2-8 上機(jī)練習(xí)——繪制路燈光暈 . 068
2-9 上機(jī)練習(xí)——查看舞臺上的內(nèi)容 . 071
2-10 制作背景 . 075
2-11 繪制云朵 . 076
2-12 繪制建筑物 . 077
2-13 繪制風(fēng)葉 . 078
2-14 繪制草地 . 079
3-1 上機(jī)練習(xí)——圖案文字 . 088
3-2 上機(jī)練習(xí)——霓虹燈 . 092
3-3 實(shí)例精講——促銷海報 . 095
4-1 上機(jī)練習(xí)——倒影 . 103
4-2 上機(jī)練習(xí)——五色花環(huán) . 104
4-3 上機(jī)練習(xí)——自定義漸變色 . 114
4-4 上機(jī)練習(xí)——處理矢量插畫 . 119
4-5 實(shí)例精講——特殊造型文字 . 121
5-1 上機(jī)練習(xí)——制作按鈕圖形 . 128
5-2 上機(jī)練習(xí)——閃爍的五角星 . 137
5-3 實(shí)例精講——新年倒計(jì)時 . 142

XIV
Animate CC 2018
中文版入門與提高
6-1 上機(jī)練習(xí)——制作花朵元件 . 150
6-2 上機(jī)練習(xí)——制作轉(zhuǎn)盤和指針 . 153
6-3 上機(jī)練習(xí)——轉(zhuǎn)盤和指針旋轉(zhuǎn)動畫 . 156
6-4 上機(jī)練習(xí)——制作動態(tài)按鈕 . 158
6-5 上機(jī)練習(xí)——水中花 . 164
6-6 上機(jī)練習(xí)——更新背景圖 . 171
6-7 制作水晶球圖形元件 . 175
6-8 制作水晶球滾動的影片剪輯 . 176
6-9 添加多個實(shí)例 . 178
7-1 上機(jī)練習(xí)——制作畫框 . 186
7-2 上機(jī)練習(xí)——五子棋盤 . 189
7-3 上機(jī)練習(xí)——復(fù)制、粘貼濾鏡 . 193
7-4 上機(jī)練習(xí)——花朵 . 198
7-5 實(shí)例精講——變幻的畫框 . 199
8-1 上機(jī)練習(xí)——寫字效果 . 203
8-2 上機(jī)練習(xí)——綻放的花朵 . 205
8-3 實(shí)例精講——房產(chǎn)公司廣告 . 207
9-1 上機(jī)練習(xí)——行駛的汽車 . 216
9-2 上機(jī)練習(xí)——游戲網(wǎng)站引導(dǎo)動畫 . 220
9-3 上機(jī)練習(xí)——欣賞風(fēng)景畫 . 223
9-4 上機(jī)練習(xí)——兒童網(wǎng)站標(biāo)題動畫 . 228
9-5 上機(jī)練習(xí)——蝴蝶飛舞 . 233
9-6 制作波紋擴(kuò)大的動畫 . 237
9-7 制作水滴下落效果 . 238
9-8 制作濺起水珠的效果 . 240
10-1 上機(jī)練習(xí)——光點(diǎn)運(yùn)動 . 246
10-2 上機(jī)練習(xí)——小球環(huán)繞 . 250
10-3 繪制氣泡元件 . 254
10-4 制作氣泡上浮動畫 . 255
10-5 制作小魚游動效果 . 256
10-6 制作主場景動畫 . 257
11-1 上機(jī)練習(xí)——藝術(shù)相框 . 263
11-2 上機(jī)練習(xí)——百葉窗 . 265
11-3 上機(jī)練習(xí)——旋轉(zhuǎn)的地球 . 268
11-4 實(shí)例精講——發(fā)光的水晶球 . 271
12-1 實(shí)例精講——啦啦隊(duì)員 . 283

XV
二維碼目錄
13-1 上機(jī)練習(xí)——添加背景音樂 . 290
13-2 上機(jī)練習(xí)——制作有聲按鈕 . 292
13-3 實(shí)例精講——制作生日賀卡 . 303
14-1 上機(jī)練習(xí)——模擬星空 . 314
14-2 上機(jī)練習(xí)——控制蝴蝶運(yùn)動 . 318
14-3 上機(jī)練習(xí)——人工降雪 . 321
14-4 實(shí)例精講——移動的飛船 . 324
15-1 上機(jī)練習(xí)——制作留言板 . 333
15-2 上機(jī)練習(xí)——使用樣式管理器定義標(biāo)簽格式  339
15-3 添加組件 . 341
15-4 配置組件 . 343
15-5 使用腳本獲取信息 . 344
16-1 制作表盤 . 349
16-2 制作表針 . 350
16-3 制作Clock影片剪輯  352
16-4 獲取時間信息 . 353
16-5 顯示動態(tài)時間 . 354