Animate CC 動畫製作核心技能一本通(移動學習版)
戚大為 許梅
相關主題
商品描述
本書以Animate CC 2020為藍本,結合不同行業對Animate的運用方向,講解Animate各個工具和功能的使用方法。 全書共14章,首先對Animate基礎知識進行詳細介紹,然後對常用工具、動畫編輯對象等進行介紹,包括 繪制與填充圖形,編輯動畫對象,文本、聲音和視頻,圖層與幀,元件、實例與庫的應用,以及測試、優 化和發布動畫等;再逐步深入介各種類型動畫的製作,如逐幀動畫、補間動畫、引導動畫、遮罩動畫、骨 骼動畫、攝像頭動畫和交互動畫等,幫助讀者快速掌握動畫的設計與製作方法;最後3章以實戰範例的方 式,對Animate在各個領域中的應用進行綜合練習。
作者簡介
本书的作者为资深数字媒体专家团队,具有多年Animate动画制作的教学经验,对于使用Animate软件进行动画制作的操作及应用具有很多的方法和心得。
目錄大綱
第 1 章 初識動畫與Animate.................1
1.1 認識動畫 .................................................................. 1
1.1.1 什麽是動畫 ......................................................................... 1
1.1.2 動畫的分類 ......................................................................... 2
1.1.3 動畫的原理 ......................................................................... 3
1.1.4 動畫設計的流程 ............................................................... 3
1.2 Animate CC 2020的基礎知識 ............................... 4
1.2.1 Animate CC 2020簡介..................................................... 4
1.2.2 安裝與卸載Animate CC 2020...................................... 5
實戰:使用安裝包安裝Animate CC 2020 ............................ 5
1.2.3 啟動與退出Animate CC 2020 ...................................... 7
1.2.4 認識Animate CC 2020的工作界面 ............................ 7
1.3 Animate CC 2020文檔操作 ................................... 9
1.3.1 新建文檔 .............................................................................. 9
1.3.2 打開文檔 ............................................................................10
1.3.3 導入素材文檔 ..................................................................10
1.3.4 保存文檔 ........................................................................... 11
1.3.5 關閉文檔 ........................................................................... 11
實戰:導入海報背景圖像文件 ............................................... 11
1.4 設置工作環境 ........................................................ 12
1.4.1 設置舞臺屬性 ..................................................................12
1.4.2 設置場景顯示 .................................................................13
1.4.3 面板的調整 .......................................................................14
1.5 使用標尺、網格和輔助線 ..................................... 14
1.5.1 標尺 .....................................................................................14
1.5.2 網格 .....................................................................................15
1.5.3 輔助線 ................................................................................15
1.6 綜合實訓:製作深林行走動畫 ............................. 16
1.6.1 實訓要求 ............................................................................16
1.6.2 實訓思路 ...........................................................................16
1.6.3 製作要點 ...........................................................................16
鞏固練習 .................................................................. 17
技能提升 .................................................................. 17
第 2 章 繪制與填充圖形..................... 19
2.1 繪制線條圖形 ........................................................ 19
2.1.1 使用線條工具 ..................................................................19
2.1.2 使用鉛筆工具 ..................................................................21
2.1.3 使用鋼筆工具組 .............................................................22
範例:繪制游戲App圖標 .........................................................23
小測 製作茶葉店鋪Logo ........................................................26
2.1.4 使用畫筆工具組 .............................................................26
範例:製作山水畫鑒賞邀請函 ...............................................28
2.2 繪制形狀圖形 ....................................................... 30
2.2.1 使用矩形工具和基本矩形工具 ................................30
範例:製作網站登錄頁 ............................................................. 31
小測 製作“點擊進入”按鈕 ................................................33
2.2.2 使用橢圓工具和基本橢圓工具 ...............................33
範例:製作“大象樂園”圖標 ...............................................34
2.2.3 使用多角星形工具 ........................................................36
2.3 選擇圖形 ............................................................... 36
2.3.1 使用選擇工具 ..................................................................36
2.3.2 使用部分選取工具 .......................................................37
範例:製作動畫場景 .................................................................37
2.3.3 使用套索工具 .................................................................38
2.3.4 使用魔術棒工具 .............................................................38
範例:製作中秋節H5頁面 .......................................................39
2.3.5 使用多邊形工具 .............................................................40
2.4 修改圖形 ............................................................... 40
2.4.1 使用橡皮擦工具 .............................................................40
2.4.2 使用任意變形工具 ........................................................41
範例:製作童趣森林開屏動畫場景 ....................................42
2.4.3 寬度工具 ...........................................................................43
2.5 填充圖形 ............................................................... 44
2.5.1 使用顏料桶工具 .............................................................44
2.5.2 使用滴管工具 ..................................................................45
2.5.3 使用墨水瓶工具 .............................................................45
2.5.4 漸變填充 ...........................................................................45
範例:製作夏至開屏海報 ........................................................48
小測 製作小鎮旅游宣傳廣告 ...............................................50
2.6 綜合實訓:製作“5 ·20”微博廣告 ........................................50
2.6.1 實訓要求 ............................................................................50
2.6.2 實訓思路 ...........................................................................50
2.6.3 製作要點 ...........................................................................50
鞏固練習 .................................................................. 51
技能提升 .................................................................. 51
第 3 章 編輯動畫對象........................52
3.1 編輯對象形狀 ........................................................ 52
3.1.1 扭曲對象 ............................................................................52
3.1.2 封套對象 ............................................................................52
3.1.3 縮放對象 ...........................................................................53
3.1.4 旋轉與傾斜對象 .............................................................53
3.1.5 縮放與旋轉對象 .............................................................54
範例:製作公益宣傳廣告 ........................................................54
3.2 調整對象位置 ....................................................... 58
3.2.1 翻轉對象 ...........................................................................58
3.2.2 合並對象 ...........................................................................58
3.2.3 組合與分離對象 .............................................................59
3.2.4 排列與對齊對象 .............................................................60
範例:製作知乎個人主頁封面 ...............................................61
3.3 優化對象 ............................................................... 63
3.3.1 優化曲線 ............................................................................63
3.3.2 將線條轉換為填充 .......................................................63
3.3.3 擴展填充 ...........................................................................63
3.3.4 柔化填充邊緣 .................................................................64
實戰:製作並優化按鈕 ............................................................64
3.4 美化對象 ............................................................... 66
3.4.1 添加濾鏡 ............................................................................66
3.4.2 禁用和啟用濾鏡 .............................................................67
3.4.3 刪除濾鏡 ...........................................................................68
範例:美化“新年新規劃”公眾號推文封面 .................68
3.5 綜合實訓:製作企業Logo ................................... 71
3.5.1 實訓要求 ............................................................................71
3.5.2 實訓思路 ...........................................................................71
3.5.3 製作要點 ...........................................................................71
鞏固練習 .................................................................. 72
技能提升 .................................................................. 72
第 4 章 文本、聲音和視頻..................73
4.1 創建與編輯文本 .................................................... 73
4.1.1 輸入文本............................................................................73
4.1.2 文本類型 ...........................................................................74
4.1.3 創建靜態文本 ..................................................................74
4.1.4 創建動態文本 ..................................................................74
4.1.5 創建輸入文本 ..................................................................75
範例:製作“商品促銷”膠囊Banner ..................................75
4.2 添加與編輯聲音 .................................................... 78
4.2.1 聲音的格式 ......................................................................78
4.2.2 導入聲音 ...........................................................................78
4.2.3 添加聲音 ...........................................................................78
4.2.4 修改或刪除聲音.............................................................79
4.2.5 設置聲音播放效果 .......................................................79
4.2.6 設置聲音同步方式 .......................................................80
4.2.7 設置聲音播放次數 ........................................................80
4.2.8 剪輯聲音 ...........................................................................80
4.2.9 調整音量 ...........................................................................81
4.2.10 設置聲音的屬性 ...........................................................81
實戰:為“家裝節海報”添加音效......................................82
4.3 添加與編輯視頻 .................................................... 83
4.3.1 認識視頻的格式 .............................................................83
4.3.2 導入視頻 ............................................................................83
範例:為水果宣傳海報添加視頻 .........................................84
4.3.3 用組件載入外部視頻 ..................................................85
小測 製作旅游宣傳冊 .............................................................86
4.4 綜合實訓:製作網絡招聘廣告 ............................. 86
4.4.1 實訓要求 ............................................................................86
4.4.2 實訓思路 ...........................................................................86
4.4.3 製作要點 ...........................................................................87
鞏固練習 .................................................................. 88
技能提升 .................................................................. 88
第 5 章 圖層與幀 ..............................90
5.1 圖層的基本操作 .................................................... 90
5.1.1 圖層的類型 .......................................................................90
5.1.2 圖層的基本操作 .............................................................91
5.1.3 設置圖層顯示狀態 ........................................................92
5.1.4 修改圖層屬性 ..................................................................94
5.1.5 文件夾的基本操作 ........................................................94
實戰:編輯和管理海報圖層 ..................................................95
小測 編輯與管理Banner圖層 ...............................................97
5.2 幀的基本操作 ....................................................... 97
5.2.1 幀的基本類型 .................................................................97
5.2.2 認識幀按鈕 ......................................................................98
5.2.3 選擇幀 ................................................................................98
5.2.4 插入幀 ................................................................................99
5.2.5 復制幀、粘貼幀 .............................................................99
5.2.6 刪除幀 ................................................................................99
5.2.7 移動幀 ................................................................................99
5.2.8 轉換幀 ................................................................................99
5.2.9 翻轉幀 ..............................................................................100
範例:製作穀雨動態宣傳海報 ............................................100
5.3 綜合實訓:製作“口紅”產品推廣H5頁面 ........ 103
5.3.1 實訓要求 ..........................................................................103
5.3.2 實訓思路 .........................................................................103
5.3.3 製作要點 .........................................................................104
鞏固練習 ................................................................ 104
技能提升 ................................................................ 106
第 6 章 元件、實例與庫 ................... 107
6.1 元件 ..................................................................... 107
6.1.1 元件的類型 .....................................................................107
6.1.2 創建影片剪輯元件 ......................................................107
6.1.3 創建按鈕元件................................................................108
6.1.4 創建圖像元件 ................................................................108
6.1.5 轉換為元件.....................................................................108
6.1.6 修改元件類型 ...............................................................108
6.1.7 編輯元件 ..........................................................................109
6.1.8 交換元件 .........................................................................109
範例:製作購物卡動畫 ...........................................................109
小測 製作生日賀卡 ................................................................114
6.2 實例 ......................................................................114
6.2.1 創建實例 .........................................................................114
6.2.2 編輯實例 .........................................................................115
範例:製作環保海報 ...............................................................117
6.3 庫 ......................................................................... 122
6.3.1 認識“庫”面板 ............................................................122
6.3.2 新建和管理“庫”文件夾 ........................................122
6.3.3 導入外部庫 .....................................................................123
範例:製作水果標簽 ...............................................................123
小測 製作水蜜桃水果標簽 .................................................126
6.4 綜合實訓:製作旅行宣傳海報 ........................... 126
6.4.1 實訓要求 ..........................................................................126
6.4.2 實訓思路 .........................................................................127
6.4.3 製作要點 .........................................................................127
鞏固練習 ................................................................ 128
技能提升 ................................................................ 129
第 7 章 逐幀動畫與補間動畫............. 130
7.1 逐幀動畫 .............................................................. 130
7.1.1 逐幀動畫的特點 ............................................................130
7.1.2 轉換與形成逐幀動畫 .................................................130
範例:製作“TACK”動態標志 ..........................................131
7.1.3 創建逐幀動畫 ................................................................134
範例:製作小熊動圖 ................................................................134
7.2 補間動畫 .............................................................. 135
7.2.1 認識補間動畫 ................................................................135
7.2.2 創建補間形狀動畫 ......................................................136
範例:製作倒計時動畫 ...........................................................136
小測 製作動態“開始”按鈕..............................................139
7.2.3 創建傳統補間動畫 ......................................................139
範例:製作動態推文封面 .....................................................139
範例:製作加載動畫 ...............................................................141
7.2.4 創建補間動畫 ................................................................145
範例:製作游戲場景動效 .....................................................146
小測 製作旋轉飛行動畫 ......................................................147
7.3 綜合實訓:製作6 · 18促銷彈窗廣告 ................... 148
7.3.1 實訓要求 ..........................................................................148
7.3.2 實訓思路..........................................................................148
7.3.3 製作要點 ..........................................................................148
鞏固練習 ................................................................ 149
技能提升 ................................................................ 150
第 8 章 引導動畫與遮罩動畫............. 151
8.1 引導動畫 ...............................................................151
8.1.1 普通引導層 .....................................................................151
8.1.2 運動引導層 .....................................................................152
8.1.3 製作引導動畫的註意事項 ........................................152
範例:製作護膚品動態海報 .................................................152
小測 製作紙飛機動畫 ...........................................................157
8.2 遮罩動畫 ............................................................. 157
8.2.1 認識遮罩動畫 ...............................................................157
8.2.2 創建遮罩層 ....................................................................157
8.2.3 創建遮罩動畫的註意事項.......................................158
範例:製作游戲宣傳MG動畫 .............................................158
小測 製作“百葉窗”動畫 ...................................................164
8.3 綜合實訓:製作相機宣傳動態海報 ...............................164
8.3.1 實訓要求 ..........................................................................164
8.3.2 實訓思路 .........................................................................164
8.3.3 製作要點 .........................................................................164
鞏固練習 ................................................................ 165
技能提升 ................................................................ 166
第 9 章 骨骼動畫與攝像頭動畫 ......... 167
9.1 骨骼動畫 ...............................................................167
9.1.1 添加骨骼 ..........................................................................167
實戰:為人物添加骨骼 ...........................................................168
實戰:為剪影添加骨骼 ...........................................................169
9.1.2 編輯骨骼 .........................................................................170
9.1.3 創建與編輯骨骼動畫 .................................................172
9.1.4 設置骨骼動畫屬性 ......................................................173
範例:製作非遺宣傳海報 ......................................................173
小測 製作跳舞動畫 ................................................................176
9.2 攝像頭動畫 .......................................................... 177
9.2.1 添加攝像頭 ....................................................................177
9.2.2 編輯攝像頭 ....................................................................177
實戰:近距離放大海船場景 ................................................178
9.2.3 圖層深度 .........................................................................179
範例:優化行走場景MG動畫 .............................................179
9.3 綜合實訓:製作微博借勢營銷動畫 ................................181
9.3.1 實訓要求 ..........................................................................181
9.3.2 實訓思路 .........................................................................181
9.3.3 製作要點..........................................................................182
鞏固練習 ................................................................ 183
技能提升 ................................................................ 184
第 10 章 交互動畫 ............................ 185
10.1 腳本 ................................................................... 185
10.1.1 認識ActionScript ..........................................................185
10.1.2 變量與常量 ...................................................................186
10.1.3 數據類型 .......................................................................186
10.1.4 表達式和運算符 ........................................................187
10.1.5 ActionScript的基本語法 ............................................188
10.1.6 ActionScript的常用語句 ............................................189
10.1.7 函數 .................................................................................190
10.1.8 事件 .................................................................................190
10.2 動作 ................................................................... 191
10.2.1 使用“動作”面板 .....................................................191
10.2.2 使用“代碼片斷”面板 ...........................................192
範例:製作動態風景相冊 ......................................................192
10.3 組件 ................................................................... 196
10.3.1 組件的分類 ..................................................................196
10.3.2 組件的基本操作 ........................................................197
10.3.3 認識常用組件 ..............................................................197
範例:製作環保意識調查問捲 ............................................201
小測 製作留言板 .................................................................... 205
10.4 綜合實訓:製作個人信息登記表 ..................................206
10.4.1 實訓要求 ....................................................................... 206
10.4.2 實訓思路 ...................................................................... 206
10.4.3 製作要點 ...................................................................... 206
鞏固練習 ................................................................ 207
技能提升 ................................................................208
第 11章 測試、優化和發布動畫 ......... 210
11.1 測試動畫 ............................................................ 210
11.1.1 測試ActionScript 3.0動畫..........................................210
11.1.2 測試HTML5 Canvas動畫 ........................................211
實戰:測試“雪夜”動畫 .......................................................211
11.2 優化動畫 ............................................................ 212
11.2.1 優化動畫文件 ..............................................................212
11.2.2 優化動畫元素 .............................................................212
11.2.3 優化文本 .......................................................................213
實戰:優化“雪夜”動畫 .......................................................213
11.3 發布動畫 ............................................................ 214
11.3.1 設置動畫發布格式 ....................................................214
11.3.2 發布動畫 .......................................................................218
實戰:發布動態宣傳海報 ......................................................218
11.4 綜合實訓:發布“迷路的小孩”動畫 ............... 219
11.4.1 實訓要求 ........................................................................219
11.4.2 實訓思路 .......................................................................219
11.4.3 製作要點 .......................................................................219
鞏固練習 ................................................................ 220
技能提升 ................................................................ 221
第 12 章 動圖製作實戰範例................ 222
12.1 文字類動圖—“開學第 一課”動圖 ................ 222
12.1.1 行業知識 ...................................................................... 222
12.1.2 案例分析 ...................................................................... 223
12.1.3 製作文字動圖背景 ................................................... 224
12.1.4 製作文字動圖 ............................................................ 224
12.2 表情類動圖—“白熊”動態表情 .....................229
12.2.1 行業知識 ...................................................................... 229
12.2.2 案例分析 ...................................................................... 230
12.2.3 繪制“白熊”圖形 .................................................... 230
12.2.4 製作“白熊”動效 .....................................................232
12.3 標志類動圖——“旅行網”動態標志 .........................234
12.3.1 行業知識 ...................................................................... 234
12.3.2 案例分析 .......................................................................235
12.3.3 繪制“旅行網”標志背景 ......................................236
12.3.4 製作帆船元件 .............................................................237
12.3.5 製作“旅行網”標志動效 ......................................239
鞏固練習 ................................................................ 242
技能提升 ................................................................ 242
第 13 章 廣告動畫實戰範例................ 243
13.1 App開屏廣告—“6·18”天貓開屏廣告 ........ 243
13.1.1 行業知識 ........................................................................243
13.1.2 案例分析 .......................................................................245
13.1.3 製作6·18開屏廣告的背景 ......................................247
13.1.4 製作小球發射動效 ....................................................252
13.1.5 製作6·18文字和按鈕動效 .................................... 254
13.1.6 為6·18開屏廣告添加聲音 ......................................257
13.2 網幅廣告—“小智”音箱網幅廣告 ................ 258
13.2.1 行業知識 .......................................................................258
13.2.2 案例分析 ...................................................................... 260
13.2.3 繪制廣告背景 .............................................................262
13.2.4 製作扇形元件..............................................................262
13.2.5 製作主體部分 .............................................................263
13.2.6 製作廣告文字部分 ................................................... 266
13.2.7 製作廣告動效 ..............................................................267
13.3 H5廣告—愛利箱包H5廣告 ........................... 269
13.3.1 行業知識 .......................................................................269
13.3.2 案例分析 .......................................................................272
13.3.3 製作H5廣告封面元件 ..............................................274
13.3.4 製作H5廣告內頁元件 ..............................................279
13.3.5 製作H5廣告尾頁元件 ............................................. 282
13.3.6 拼合H5廣告 .................................................................283
13.3.7 為H5廣告添加聲音 .................................................. 284
鞏固練習 ................................................................ 285
技能提升 ................................................................ 286
第 14 章 網頁動畫實戰範例................ 287
14.1 進入動畫——製作“旅行網”網頁進入動畫 ... 287
14.1.1 行業知識 ....................................................................... 288
14.1.2 案例分析 ...................................................................... 288
14.1.3 製作進入動畫背景 ................................................... 289
14.1.4 製作滾動條 ................................................................. 289
14.1.5 製作按鈕元件 ............................................................ 290
14.2 首頁動畫——製作“旅行網”首頁動畫 ....................292
14.2.1 行業知識 ...................................................................... 292
14.2.2 案例分析 ...................................................................... 294
14.2.3 製作“旅行網”導航欄動效 .................................295
14.2.4 製作“旅行網”Banner動效 .................................. 299
14.2.5 製作“旅行網”相關板塊動效 .............................301
14.2.6 製作“旅行網”頁尾 ............................................... 304
14.2.7 添加音樂並發布網頁 .............................................. 305
鞏固練習 ................................................................306
技能提升 ................................................................ 307