Adobe Animate CC動(dòng)畫(huà)設(shè)計(jì)與制作

第1章 Animate入門(mén)必學(xué)
· I ·
00 An CC云課堂教學(xué) 文前_1-12.indd 1 2021/2/20 上午11:07
案例精講 繪制卡通少女形象 22
案 / 例 / 描 / 述....................................................................................22
案 / 例 / 詳 / 解....................................................................................22
邊用邊學(xué) 27
2.1 輔助繪圖工具 ........................................................................27
2.1.1 標(biāo)尺 ..............................................................................27
2.1.2 網(wǎng)格 ..............................................................................27
2.1.3 輔助線 ...........................................................................28
2.2 圖形繪圖工具 ........................................................................29
2.2.1 鋼筆工具 .......................................................................29
2.2.2 線條工具 .......................................................................30
2.2.3 鉛筆工具 .......................................................................30
2.2.4 矩形工具組 ...................................................................31
2.2.5 橢圓工具組 ....................................................................32
2.2.6 多角星形工具 ................................................................33
2.2.7 畫(huà)筆工具 .......................................................................34
2.3 圖形選擇工具 ........................................................................35
2.3.1 選擇工具 .......................................................................35
2.3.2 部分選取工具 ................................................................37
2.3.3 套索工具組 ....................................................................37
2.4 圖形填充工具 ........................................................................38
2.4.1 顏料桶工具 ....................................................................38
2.4.2 墨水瓶工具 ....................................................................39
2.4.3 滴管工具 .......................................................................40
2.5 圖形編輯工具 ........................................................................42
2.5.1 任意變形工具 ................................................................42
2.5.2 漸變變形工具 ................................................................44
2.5.3 3D旋轉(zhuǎn)工具組 ...............................................................44
2.5.4 骨骼工具 .......................................................................44
2.5.5 橡皮擦工具 ....................................................................45
2.5.6 資源變形工具 ................................................................46
2.5.7 寬度工具 .......................................................................46
2.6 圖形編輯操作 ........................................................................47
2.6.1 合并對(duì)象 .......................................................................47
2.6.2 組合對(duì)象 .......................................................................49
2.6.3 分離對(duì)象 .......................................................................49
2.6.4 對(duì)齊對(duì)象 .......................................................................50
2.6.5 調(diào)整對(duì)象順序 ................................................................51
經(jīng)驗(yàn)之談 如何利用導(dǎo)入的圖像素材 52
第2章 繪圖工具的應(yīng)用
· II ·
Adobe Animate CC動(dòng)畫(huà)設(shè)計(jì)與制作
00 An CC云課堂教學(xué) 文前_1-12.indd 2 2021/2/20 上午11:07
案例精講 制作矩形進(jìn)度條 56
案 / 例 / 描 / 述....................................................................................56
案 / 例 / 詳 / 解....................................................................................56
邊用邊學(xué) 62
3.1 時(shí)間軸和幀 ............................................................................62
3.1.1 時(shí)間軸概述 ....................................................................62
3.1.2 幀概述 ...........................................................................62
3.2 幀的編輯 ................................................................................64
3.2.1 選擇幀 ...........................................................................64
3.2.2 插入幀 ...........................................................................65
3.2.3 復(fù)制幀 ...........................................................................66
3.2.4 移動(dòng)幀 ...........................................................................66
3.2.5 翻轉(zhuǎn)幀 ...........................................................................67
3.2.6 清除幀 ...........................................................................67
3.3 圖層的編輯 ............................................................................67
3.3.1 創(chuàng)建圖層 .......................................................................67
3.3.2 選擇圖層 .......................................................................68
3.3.3 重命名圖層 ....................................................................68
3.3.4 刪除圖層 .......................................................................69
3.3.5 設(shè)置圖層的狀態(tài) .............................................................69
3.3.6 設(shè)置圖層的屬性 .............................................................70
經(jīng)驗(yàn)之談 如何使用Animate軟件中的父級(jí)關(guān)系 71
上手實(shí)操 72
實(shí)操一：制作云山霧繞效果 ................................................................72
實(shí)操二：制作飛舞的蜻蜓 ....................................................................72
上手實(shí)操 54
實(shí)操一：繪制可愛(ài)魚(yú)類 .......................................................................54
實(shí)操二：繪制美味甜點(diǎn) ...................................................................
案例精講 制作舞動(dòng)的音符 97
案 / 例 / 描 / 述....................................................................................97
案 / 例 / 詳 / 解....................................................................................97
邊用邊學(xué) 106
5.1 認(rèn)識(shí)元件 ..............................................................................106
5.1.1 影片剪輯元件 ..............................................................106
5.1.2 圖形元件 .....................................................................106
5.1.3 按鈕元件 .....................................................................106
5.2 創(chuàng)建與編輯元件 ..................................................................107
5.2.1 創(chuàng)建元件 .....................................................................107
5.2.2 轉(zhuǎn)換元件 .....................................................................108
5.2.3 編輯元件 .....................................................................108
5.3 使用“庫(kù)”面板 .................................................................. 110
5.3.1 “庫(kù)”面板簡(jiǎn)介 ............................................................ 110
5.3.2 重命名庫(kù)項(xiàng)目 .............................................................. 110
5.3.3 共享庫(kù)資源 .................................................................. 111
5.4 創(chuàng)建與編輯實(shí)例 .................................................................. 113
5.4.1 創(chuàng)建實(shí)例 ..................................................................... 113
5.4.2 復(fù)制實(shí)例 ..................................................................... 113
邊用邊學(xué) 82
4.1 文本工具的使用 ....................................................................82
4.1.1 創(chuàng)建文本 .......................................................................82
4.1.2 靜態(tài)文本 .......................................................................83
4.1.3 動(dòng)態(tài)文本 .......................................................................83
4.1.4 輸入文本 .......................................................................84
4.2 文本樣式的設(shè)置 ....................................................................85
4.2.1 設(shè)置文字屬性 ................................................................85
4.2.2 設(shè)置段落格式 ................................................................85
4.2.3 設(shè)置文本鏈接 ................................................................86
4.3 文字濾鏡的應(yīng)用 ....................................................................87
4.3.1 濾鏡的基本操作 .............................................................87
4.3.2 設(shè)置濾鏡效果 ................................................................88
經(jīng)驗(yàn)之談 常見(jiàn)的免費(fèi)商用字體有哪些 93
上手實(shí)操 95
實(shí)操一：制作霓虹燈效果 ....................................................................95
實(shí)操二：制作燃燒的文字 ....................................................................95
第5章 元件、庫(kù)與實(shí)例的應(yīng)用
· IV ·
Adobe Animate CC動(dòng)畫(huà)設(shè)計(jì)與制作
00 An CC云課堂教學(xué) 文前_1-12.indd 4 2021/2/20 上午11:07
案例精講 制作父親節(jié)賀卡 122
案 / 例 / 描 / 述..................................................................................122
案 / 例 / 詳 / 解..................................................................................122
邊用邊學(xué) 134
6.1 創(chuàng)建簡(jiǎn)單動(dòng)畫(huà) ......................................................................134
6.1.1 逐幀動(dòng)畫(huà) .....................................................................134
6.1.2 補(bǔ)間動(dòng)畫(huà) .....................................................................134
6.1.3 補(bǔ)間形狀動(dòng)畫(huà) ..............................................................137
6.1.4 傳統(tǒng)補(bǔ)間動(dòng)畫(huà) ..............................................................139
6.2 創(chuàng)建復(fù)雜動(dòng)畫(huà) ......................................................................141
6.2.1 引導(dǎo)動(dòng)畫(huà) .....................................................................141
6.2.2 遮罩動(dòng)畫(huà) .....................................................................142
6.2.3 骨骼動(dòng)畫(huà) .....................................................................143
經(jīng)驗(yàn)之談 如何定位補(bǔ)間形狀動(dòng)畫(huà) 147
上手實(shí)操 148
實(shí)操一：制作飛舞的蝴蝶 ..................................................................148
實(shí)操二：制作翻頁(yè)圖書(shū) .....................................................................148
5.4.3 查看實(shí)例信息 .............................................................. 114
5.4.4 設(shè)置實(shí)例的色彩 ........................................................... 114
經(jīng)驗(yàn)之談 如何轉(zhuǎn)換實(shí)例的類型及替換實(shí)例 116
經(jīng)驗(yàn)一：轉(zhuǎn)換實(shí)例類型的方法 ........................................................... 116
經(jīng)驗(yàn)二：替換實(shí)例的方法 .................................................................. 117
上手實(shí)操 118
實(shí)操一：制作跟隨鼠標(biāo)指針游動(dòng)的魚(yú) ...........................................
7.1.1 聲音類型 .....................................................................160
7.1.2 音頻格式 .....................................................................160
7.1.3 為對(duì)象導(dǎo)入聲音 ...........................................................161
7.1.4 在Animate中編輯聲音 .................................................161
7.1.5 在Animate中優(yōu)化聲音 .................................................164
7.2 在動(dòng)畫(huà)中插播視頻 ..............................................................166
7.2.1 可導(dǎo)入的視頻類型 .......................................................166
7.2.2 導(dǎo)入視頻文件 ..............................................................166
7.2.3 處理視頻文件 ..............................................................168
經(jīng)驗(yàn)之談 常見(jiàn)的音/視頻處理軟件有哪些 169
上手實(shí)操 170
實(shí)操一：制作樂(lè)觀積極動(dòng)畫(huà) ..............................................................170
實(shí)操二：制作下雪效果 .....................................................................170
案例精講 制作讀書(shū)調(diào)查表 172
案 / 例 / 描 / 述..................................................................................172
案 / 例 / 詳 / 解..................................................................................172
邊用邊學(xué) 180
8.1 組件的基本操作 ..................................................................180
8.1.1 組件及其類型 ..............................................................180
8.1.2 組件的添加與刪除 .......................................................181
8.1.3 組件效果的預(yù)覽 ...........................................................182
8.2 復(fù)選框組件 ..........................................................................183
8.3 列表框組件 ..........................................................................184
8.4 輸入文本組件 ......................................................................185
8.5 文本域組件 ..........................................................................186
8.6 下拉列表框組件 ..................................................................187
8.7 滾動(dòng)條組件 ..........................................................................188
經(jīng)驗(yàn)之談 動(dòng)畫(huà)預(yù)設(shè)的使用方法 190
上手實(shí)操 191
實(shí)操一：制作播放器畫(huà)面 ..................................................................191
實(shí)操二：互動(dòng)顏色選擇 .....................................................................191
第8章 常見(jiàn)組件的應(yīng)用
· VI ·
Adobe Animate CC動(dòng)畫(huà)設(shè)計(jì)與制作
00 An CC云課堂教學(xué) 文前_1-12.indd 6 2021/2/20 上午11:07
案例精講 制作音樂(lè)課件 194
案 / 例 / 描 / 述..................................................................................194
案 / 例 / 詳 / 解..................................................................................194
邊用邊學(xué) 205
9.1 ActionScript 3.0簡(jiǎn)介 .......................................................205
9.1.1 初識(shí)ActionScript 3.0 ...................................................205
9.1.2 常量 ............................................................................205
9.1.3 變量 ............................................................................206
9.1.4 數(shù)據(jù)類型 .....................................................................207
9.2 ActionScript 3.0 的基本語(yǔ)法 .........................................208
9.2.1 關(guān)鍵字與保留字 ...........................................................208
9.2.2 點(diǎn) ................................................................................208
9.2.3 分號(hào) ............................................................................209
9.2.4 注釋 ............................................................................209
9.2.5 小括號(hào) .........................................................................210
9.2.6 大括號(hào) .........................................................................210
9.2.7 區(qū)分大、小寫(xiě) .............................................................. 211
9.3 運(yùn)算符的應(yīng)用 ...................................................................... 211
9.3.1 算術(shù)運(yùn)算符 .................................................................. 211
9.3.2 賦值運(yùn)算符 ..................................................................212
9.3.3 邏輯運(yùn)算符 ..................................................................212
9.3.4 關(guān)系運(yùn)算符 ..................................................................213
9.3.5 等于運(yùn)算符 ..................................................................213
9.3.6 位運(yùn)算符 .....................................................................213
9.4 “動(dòng)作”面板的使用 ............................................................213
9.4.1 認(rèn)識(shí)“動(dòng)作”面板 .......................................................213
9.4.2 使用“動(dòng)作”面板 .......................................................214
9.4.3 腳本的編寫(xiě)與調(diào)試 .......................................................215
9.5 交互式動(dòng)畫(huà)的創(chuàng)建 ..............................................................216
9.5.1 控制動(dòng)畫(huà)的播放進(jìn)程 ....................................................216
9.5.2 動(dòng)畫(huà)的跳轉(zhuǎn)播放 ...........................................................220
經(jīng)驗(yàn)之談 認(rèn)識(shí)常見(jiàn)的條件語(yǔ)句和循環(huán)語(yǔ)句 223
經(jīng)驗(yàn)一：認(rèn)識(shí)ActionScript 3.0中的條件語(yǔ)句 ......................................223
經(jīng)驗(yàn)二：認(rèn)識(shí)ActionScript 3.0中的循環(huán)語(yǔ)句 ......................................223
上手實(shí)操 226
實(shí)操一：發(fā)動(dòng)汽車小游戲 ..................................................................226
實(shí)操二：制作聚焦的望遠(yuǎn)鏡 ..............................................................227
第9章 交互動(dòng)畫(huà)的創(chuàng)建
· VII ·
目錄 CONTENTS
00 An CC云課堂教學(xué) 文前_1-12.indd 7 2021/2/20 上午11:07
案例精講 制作生肖歌曲動(dòng)畫(huà) 230
案 / 例 / 描 / 述..................................................................................230
案 / 例 / 詳 / 解..................................................................................230
邊用邊學(xué) 248
10.1 測(cè)試影片 ............................................................................248
10.1.1 在測(cè)試環(huán)境中測(cè)試 ...................................................248
10.1.2 在編輯模式中測(cè)試 ...................................................248
10.2 優(yōu)化影片 ............................................................................249
10.2.1 優(yōu)化元素和線條 ......................................................249
10.2.2 優(yōu)化文本 .................................................................249
10.2.3 優(yōu)化色彩 .................................................................249
10.2.4 優(yōu)化圖形和動(dòng)畫(huà) ......................................................249
10.3 發(fā)布影片 ............................................................................249
10.3.1 發(fā)布為Animate文件 ................................................249
10.3.2 發(fā)布為HTML文件 ....................................................251
10.4 導(dǎo)出Animate動(dòng)畫(huà) ...........................................................254
10.4.1 導(dǎo)出圖像文件 ..........................................................254
10.4.2 導(dǎo)出影片文件 ..........................................................256
經(jīng)驗(yàn)之談 怎么導(dǎo)出放映文件 257
上手實(shí)操 258
實(shí)操一：輸出SWF格式影片 ..............................................................258
實(shí)操二：輸出GIF格式動(dòng)畫(huà) ................................................................258
第10章 動(dòng)畫(huà)的輸出與發(fā)布
附錄 Adobe Animate CC常用快捷鍵匯總