MG動(dòng)畫制作基礎(chǔ)培訓(xùn)教程

第 1章 MG動(dòng)畫的制作要素 11
1．1 MG動(dòng)畫的類別 12
1．1．1 科普類 12
1．1．2 人物類 12
1．1．3 二維圖形類 12
1．1．4 綜合類 12
1．1．5 三維類 13
1．2 MG動(dòng)畫的制作流程 13
1．2．1 腳本文案 13
1．2．2 美術(shù)設(shè)定 13
1．2．3 分鏡設(shè)計(jì) 14
1．2．4 動(dòng)畫制作 15
1．2．5 配音配樂(lè) 15
1．3 圖形視頻處理 15
1．3．1 After Effects的工作界面 16
1．3．2 After Effects與MG動(dòng)畫的關(guān)聯(lián)：制作動(dòng)畫 18
1．4 矢量圖處理 19
1．4．1 Illustrator的工作界面 19
1．4．2 Illustrator與MG動(dòng)畫的關(guān)聯(lián)：制作素材 20
1．5 導(dǎo)出動(dòng)態(tài)圖 24
1．5．1 Photoshop的工作界面 24
1．5．2 Photoshop與MG動(dòng)畫的關(guān)聯(lián)：導(dǎo)出GIF 24
第 2章 MG動(dòng)畫的制作流程 27
2．1 創(chuàng)建項(xiàng)目合成 28
2．1．1 項(xiàng)目設(shè)置 28
2．1．2 創(chuàng)建合成 29
2．2 管理動(dòng)畫素材 29
2．2．1 導(dǎo)入一張圖像 29
2．2．2 導(dǎo)入序列 31
2．2．3 導(dǎo)入分層素材 31
2．3 讓素材動(dòng)起來(lái) 34
2．3．1 課堂案例：下落的籃球 34
2．3．2 關(guān)鍵幀 36
2．3．3 預(yù)覽 40
2．4 用圖層制作效果 41
2．4．1 課堂案例：昏暗效果動(dòng)畫 41
2．4．2 圖層種類 43
2．4．3 圖層屬性 46
2．4．4 父子關(guān)系 50
2．4．5 疊加模式 52
2．5 渲染為可播放格式 53
2．5．1 課堂案例：輸出MOV格式視頻 53
2．5．2 添加渲染隊(duì)列 55
2．5．3 調(diào)整輸出參數(shù) 55
2．6 課堂練習(xí) 56
2．6．1 課堂練習(xí)：氣球上升動(dòng)畫 56
2．6．2 課堂練習(xí)：舊電視故障效果動(dòng)畫 57
2．7 課后習(xí)題 58
2．7．1 課后習(xí)題：放大Logo動(dòng)畫 58
2．7．2 課后習(xí)題：聚光燈動(dòng)畫 58
第3章 關(guān)鍵幀動(dòng)畫 59
3．1 時(shí)間與關(guān)鍵幀 60
3．1．1 時(shí)間的概念 60
3．1．2 關(guān)鍵幀的概念 63
3．2 關(guān)鍵幀的編輯 64
3．2．1 課堂案例：紙飛機(jī)路徑動(dòng)畫 64
3．2．2 選擇關(guān)鍵幀 66
3．2．3 編輯關(guān)鍵幀 66
3．2．4 關(guān)鍵幀類型 68
3．3 圖表編輯器 69
3．3．1 課堂案例：商業(yè)數(shù)據(jù)報(bào)表動(dòng)畫 69
3．3．2 切換圖表編輯器 71
3．3．3 圖表顯示內(nèi)容 72
3．3．4 調(diào)整圖表范圍 74
3．3．5 編輯關(guān)鍵幀 76
3．3．6 編輯曲線 76
3．4 課堂練習(xí) 77
3．4．1 課堂練習(xí)：日落動(dòng)畫 77
3．4．2 課堂練習(xí)：進(jìn)度條動(dòng)畫 79
3．4．3 課堂練習(xí)：書掉落動(dòng)畫 80
3．4．4 課堂練習(xí)：剎車動(dòng)畫 82
3．5 課后習(xí)題 84
3．5．1 課后習(xí)題：手臂動(dòng)作動(dòng)畫 84
3．5．2 課后習(xí)題：風(fēng)扇變速動(dòng)畫 84
第4章 蒙版與遮罩動(dòng)畫 85
4．1 蒙版與遮罩的功能 86
4．1．1 認(rèn)識(shí)蒙版與遮罩 86
4．1．2 區(qū)分蒙版與遮罩 89
4．2 蒙版效果 89
4．2．1 課堂案例：照亮孤獨(dú)的人動(dòng)畫 89
4．2．2 使用蒙版 92
4．2．3 蒙版疊加模式 95
4．2．4 蒙版羽化 98
4．2．5 蒙版不透明度 99
4．2．6 蒙版擴(kuò)張 99
4．3 遮罩效果 100
4．3．1 課堂案例：水墨顯現(xiàn)動(dòng)畫 100
4．3．2 創(chuàng)建遮罩 102
4．3．3 遮罩類型 102
4．4 課堂練習(xí) 104
4．4．1 課堂練習(xí)：車窗風(fēng)景動(dòng)畫 104
4．4．2 課堂練習(xí)：滑動(dòng)平板動(dòng)畫 105
4．4．3 課堂練習(xí)：Logo轉(zhuǎn)場(chǎng)動(dòng)畫 108
4．5 課后習(xí)題 110
4．5．1 課后習(xí)題：容器液體效果 110
4．5．2 課后習(xí)題：分屏動(dòng)畫 110
第5章 表達(dá)式動(dòng)畫 111
5．1 表達(dá)式概述 112
5．1．1 激活表達(dá)式 112
5．1．2 顯示表達(dá)式結(jié)果 113
5．2 常用表達(dá)式 114
5．2．1 課堂案例：手機(jī)演示動(dòng)畫 114
5．2．2 time（時(shí)間）116
5．2．3 index（索引）117
5．2．4 wiggle（搖擺）117
5．2．5 random（隨機(jī)數(shù)）118
5．2．6 loopOut（循環(huán)）119
5．3 函數(shù)菜單 121
5．3．1 課堂案例：城市標(biāo)志動(dòng)畫 121
5．3．2 Global（全局表達(dá)式） 123
5．3．3 Comp（合成） 124
5．3．4 Random Numbers（隨機(jī)數(shù)表達(dá)式） 124
5．3．5 Interpolation（插值表達(dá)式） 125
5．3．6 Color Conversion（顏色轉(zhuǎn)換表達(dá)式） 125
5．3．7 其他數(shù)學(xué)表達(dá)式 125
5．3．8 JavaScript Math（腳本數(shù)學(xué)方法） 126
5．4 動(dòng)態(tài)鏈接 126
5．4．1 課堂案例：鏡面動(dòng)畫 126
5．4．2 建立動(dòng)態(tài)鏈接 129
5．4．3 表達(dá)式控制 129
5．5 課堂練習(xí) 130
5．5．1 課堂練習(xí)：鐘擺漸停動(dòng)畫 130
5．5．2 課堂練習(xí)：小船過(guò)河動(dòng)畫 132
5．5．3 課堂練習(xí)：纜車加速下落動(dòng)畫 134
5．6 課后習(xí)題 136
5．6．1 課后習(xí)題：跳動(dòng)的愛(ài)心動(dòng)畫 136
5．6．2 課后習(xí)題：公路上的小車動(dòng)畫 136
第6章 形狀圖層動(dòng)畫 137
6．1 圖層路徑 138
6．1．1 課堂案例：火箭飛行動(dòng)畫 138
6．1．2 添加路徑 139
6．1．3 路徑屬性 139
6．2 圖層填充 140
6．2．1 課堂案例：霓虹燈閃爍動(dòng)畫 141
6．2．2 填充屬性 143
6．2．3 漸變填充 144
6．3 圖層描邊 144
6．3．1 描邊屬性 144
6．3．2 虛線描邊 145
6．3．3 漸變描邊 145
6．4 形狀變換 146
6．4．1 課堂案例：X文字動(dòng)畫 146
6．4．2 簡(jiǎn)單變換 149
6．4．3 多重變換 150
6．5 路徑效果 151
6．5．1 課堂案例：撲克牌動(dòng)畫 151
6．5．2 添加效果 153
6．5．3 位移路徑 154
6．5．4 收縮和膨脹 155
6．5．5 中繼器 155
6．5．6 圓角 156
6．5．7 修剪路徑 156
6．5．8 扭轉(zhuǎn) 157
6．5．9 擺動(dòng)路徑 157
6．6 課堂練習(xí) 158
6．6．1 課堂練習(xí)：融球Loading動(dòng)畫 158
6．6．2 課堂練習(xí)：光圈擴(kuò)散轉(zhuǎn)場(chǎng)動(dòng)畫 160
6．6．3 課堂練習(xí)：播放界面動(dòng)畫 163
6．7 課后習(xí)題 168
6．7．1 課后習(xí)題：立體感三角形轉(zhuǎn)場(chǎng)動(dòng)畫 168
6．7．2 課后習(xí)題：條帶轉(zhuǎn)場(chǎng)動(dòng)畫 168
第7章 文字動(dòng)畫 169
7．1 圖層路徑 170
7．1．1 課堂案例：文字排版 170
7．1．2 點(diǎn)文本 171
7．1．3 段落文本 172
7．1．4 段落和字符 173
7．2 編輯文本 175
7．2．1 課堂案例：文字滑梯動(dòng)畫 175
7．2．2 選中文字 177
7．2．3 動(dòng)態(tài)文本 177
7．2．4 文字路徑 178
7．3 文本動(dòng)畫制作器 179
7．3．1 課堂案例：文字隨機(jī)淡入動(dòng)畫 179
7．3．2 文本動(dòng)畫制作工具 182
7．3．3 動(dòng)畫制作器屬性 182
7．3．4 選擇器參數(shù) 183
7．3．5 逐字3D化 184
7．4 課堂練習(xí) 184
7．4．1 課堂練習(xí)：字幕條動(dòng)畫 184
7．4．2 課堂練習(xí)：數(shù)字增加動(dòng)畫 187
7．4．3 課堂練習(xí)：文字漩渦動(dòng)畫 189
7．4．4 課堂練習(xí)：文字隨機(jī)擺動(dòng)動(dòng)畫 190
7．5 課后練習(xí) 192
7．5．1 課后習(xí)題：亂碼動(dòng)畫 192
7．5．2 課后習(xí)題：字幕展示閃爍動(dòng)畫 192
第8章 變速動(dòng)畫 193
8．1 認(rèn)識(shí)元素的運(yùn)動(dòng)狀態(tài) 194
8．1．1 觀察運(yùn)動(dòng)曲線 194
8．1．2 合適的動(dòng)畫速度 195
8．2 常見的運(yùn)動(dòng)狀態(tài) 196
8．2．1 課堂案例：飛機(jī)平緩降落動(dòng)畫 196
8．2．2 漸快啟動(dòng) 199
8．2．3 緩速停止 200
8．2．4 回彈停止 201
8．2．5 彈性停止 202
8．3 時(shí)間重映射 203
8．3．1 課堂案例：視頻播放故障動(dòng)畫 203
8．3．2 時(shí)間重映射 205
8．3．3 幀凍結(jié)和凍結(jié)最后幀 206
8．4 運(yùn)動(dòng)與音頻匹配 207
8．4．1 課堂案例：鬧鐘動(dòng)畫 207
8．4．2 波形圖 211
8．4．3 與音效匹配 212
8．4．4 與音樂(lè)節(jié)奏匹配 212
8．5 課堂練習(xí) 214
8．5．1 課堂練習(xí)：HUD風(fēng)格文字動(dòng)畫 214
8．5．2 課堂練習(xí)：音樂(lè)播放器動(dòng)畫 219
8．6 課后習(xí)題 222
8．6．1 課后習(xí)題：房屋生成動(dòng)畫 222
8．6．2 課后習(xí)題：撥號(hào)動(dòng)畫 222
第9章 基礎(chǔ)元素動(dòng)畫訓(xùn)練 223
9．1 圖形蒙版/遮罩元素 224
9．1．1 課堂案例：擦除文字動(dòng)畫 224
9．1．2 基礎(chǔ)動(dòng)畫效果 228
9．1．3 優(yōu)化速度曲線 229
9．2 軌跡線條元素 229
9．2．1 課堂案例：定位路線動(dòng)畫 230
9．2．2 基礎(chǔ)動(dòng)畫效果 232
9．2．3 優(yōu)化速度曲線 233
9．3 圖形疊加元素 236
9．3．1 課堂案例：能量匯聚膨脹效果動(dòng)畫 237
9．3．2 基礎(chǔ)動(dòng)畫效果 241
9．3．3 重復(fù)疊加元素 242
9．3．4 優(yōu)化效果和速度曲線 243
9．4 課后練習(xí)：HUD風(fēng)格轉(zhuǎn)場(chǎng)動(dòng)畫 245
9．4．1 環(huán)形擴(kuò)散動(dòng)畫 245
9．4．2 瞄準(zhǔn)星動(dòng)畫 249
9．5 課后習(xí)題 252
9．5．1 課后習(xí)題：打鉤動(dòng)畫 252
9．5．2 課后習(xí)題：元素爆炸動(dòng)畫 252
第 10章 MG動(dòng)畫綜合案例 253
10．1 液態(tài)Logo片頭 254
10．1．1 液體迸發(fā)階段 254
10．1．2 液體匯聚階段 259
10．1．3 Logo出現(xiàn)階段 261
10．2 未來(lái)科技動(dòng)畫 264
10．2．1 引導(dǎo)視線 264
10．2．2 信息讀取 268
10．2．3 視頻合成 273
10．3 綜藝節(jié)目動(dòng)畫 274
10．3．1 流體飛散效果 274
10．3．2 多邊形出現(xiàn)效果 276
10．3．3 文字動(dòng)畫效果 279
10．4 扁平MG動(dòng)畫 283
10．4．1 進(jìn)入轉(zhuǎn)場(chǎng) 283
10．4．1 片頭轉(zhuǎn)場(chǎng) 287
10．4．3 運(yùn)動(dòng)模糊 291
附錄 常用快捷鍵一覽表 295