Adobe Animate CC動畫設計與制作

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