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

第 1章 MG動畫的制作要素 11
1．1 MG動畫的類別 12
1．1．1 科普類 12
1．1．2 人物類 12
1．1．3 二維圖形類 12
1．1．4 綜合類 12
1．1．5 三維類 13
1．2 MG動畫的制作流程 13
1．2．1 腳本文案 13
1．2．2 美術(shù)設(shè)定 13
1．2．3 分鏡設(shè)計(jì) 14
1．2．4 動畫制作 15
1．2．5 配音配樂 15
1．3 圖形視頻處理 15
1．3．1 After Effects的工作界面 16
1．3．2 After Effects與MG動畫的關(guān)聯(lián)：制作動畫 18
1．4 矢量圖處理 19
1．4．1 Illustrator的工作界面 19
1．4．2 Illustrator與MG動畫的關(guān)聯(lián)：制作素材 20
1．5 導(dǎo)出動態(tài)圖 24
1．5．1 Photoshop的工作界面 24
1．5．2 Photoshop與MG動畫的關(guān)聯(lián)：導(dǎo)出GIF 24
第 2章 MG動畫的制作流程 27
2．1 創(chuàng)建項(xiàng)目合成 28
2．1．1 項(xiàng)目設(shè)置 28
2．1．2 創(chuàng)建合成 29
2．2 管理動畫素材 29
2．2．1 導(dǎo)入一張圖像 29
2．2．2 導(dǎo)入序列 31
2．2．3 導(dǎo)入分層素材 31
2．3 讓素材動起來 34
2．3．1 課堂案例：下落的籃球 34
2．3．2 關(guān)鍵幀 36
2．3．3 預(yù)覽 40
2．4 用圖層制作效果 41
2．4．1 課堂案例：昏暗效果動畫 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í)：氣球上升動畫 56
2．6．2 課堂練習(xí)：舊電視故障效果動畫 57
2．7 課后習(xí)題 58
2．7．1 課后習(xí)題：放大Logo動畫 58
2．7．2 課后習(xí)題：聚光燈動畫 58
第3章 關(guān)鍵幀動畫 59
3．1 時間與關(guān)鍵幀 60
3．1．1 時間的概念 60
3．1．2 關(guān)鍵幀的概念 63
3．2 關(guān)鍵幀的編輯 64
3．2．1 課堂案例：紙飛機(jī)路徑動畫 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ù)報表動畫 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í)：日落動畫 77
3．4．2 課堂練習(xí)：進(jìn)度條動畫 79
3．4．3 課堂練習(xí)：書掉落動畫 80
3．4．4 課堂練習(xí)：剎車動畫 82
3．5 課后習(xí)題 84
3．5．1 課后習(xí)題：手臂動作動畫 84
3．5．2 課后習(xí)題：風(fēng)扇變速動畫 84
第4章 蒙版與遮罩動畫 85
4．1 蒙版與遮罩的功能 86
4．1．1 認(rèn)識蒙版與遮罩 86
4．1．2 區(qū)分蒙版與遮罩 89
4．2 蒙版效果 89
4．2．1 課堂案例：照亮孤獨(dú)的人動畫 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)動畫 100
4．3．2 創(chuàng)建遮罩 102
4．3．3 遮罩類型 102
4．4 課堂練習(xí) 104
4．4．1 課堂練習(xí)：車窗風(fēng)景動畫 104
4．4．2 課堂練習(xí)：滑動平板動畫 105
4．4．3 課堂練習(xí)：Logo轉(zhuǎn)場動畫 108
4．5 課后習(xí)題 110
4．5．1 課后習(xí)題：容器液體效果 110
4．5．2 課后習(xí)題：分屏動畫 110
第5章 表達(dá)式動畫 111
5．1 表達(dá)式概述 112
5．1．1 激活表達(dá)式 112
5．1．2 顯示表達(dá)式結(jié)果 113
5．2 常用表達(dá)式 114
5．2．1 課堂案例：手機(jī)演示動畫 114
5．2．2 time（時間）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)志動畫 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 動態(tài)鏈接 126
5．4．1 課堂案例：鏡面動畫 126
5．4．2 建立動態(tài)鏈接 129
5．4．3 表達(dá)式控制 129
5．5 課堂練習(xí) 130
5．5．1 課堂練習(xí)：鐘擺漸停動畫 130
5．5．2 課堂練習(xí)：小船過河動畫 132
5．5．3 課堂練習(xí)：纜車加速下落動畫 134
5．6 課后習(xí)題 136
5．6．1 課后習(xí)題：跳動的愛心動畫 136
5．6．2 課后習(xí)題：公路上的小車動畫 136
第6章 形狀圖層動畫 137
6．1 圖層路徑 138
6．1．1 課堂案例：火箭飛行動畫 138
6．1．2 添加路徑 139
6．1．3 路徑屬性 139
6．2 圖層填充 140
6．2．1 課堂案例：霓虹燈閃爍動畫 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文字動畫 146
6．4．2 簡單變換 149
6．4．3 多重變換 150
6．5 路徑效果 151
6．5．1 課堂案例：撲克牌動畫 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 擺動路徑 157
6．6 課堂練習(xí) 158
6．6．1 課堂練習(xí)：融球Loading動畫 158
6．6．2 課堂練習(xí)：光圈擴(kuò)散轉(zhuǎn)場動畫 160
6．6．3 課堂練習(xí)：播放界面動畫 163
6．7 課后習(xí)題 168
6．7．1 課后習(xí)題：立體感三角形轉(zhuǎn)場動畫 168
6．7．2 課后習(xí)題：條帶轉(zhuǎn)場動畫 168
第7章 文字動畫 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 課堂案例：文字滑梯動畫 175
7．2．2 選中文字 177
7．2．3 動態(tài)文本 177
7．2．4 文字路徑 178
7．3 文本動畫制作器 179
7．3．1 課堂案例：文字隨機(jī)淡入動畫 179
7．3．2 文本動畫制作工具 182
7．3．3 動畫制作器屬性 182
7．3．4 選擇器參數(shù) 183
7．3．5 逐字3D化 184
7．4 課堂練習(xí) 184
7．4．1 課堂練習(xí)：字幕條動畫 184
7．4．2 課堂練習(xí)：數(shù)字增加動畫 187
7．4．3 課堂練習(xí)：文字漩渦動畫 189
7．4．4 課堂練習(xí)：文字隨機(jī)擺動動畫 190
7．5 課后練習(xí) 192
7．5．1 課后習(xí)題：亂碼動畫 192
7．5．2 課后習(xí)題：字幕展示閃爍動畫 192
第8章 變速動畫 193
8．1 認(rèn)識元素的運(yùn)動狀態(tài) 194
8．1．1 觀察運(yùn)動曲線 194
8．1．2 合適的動畫速度 195
8．2 常見的運(yùn)動狀態(tài) 196
8．2．1 課堂案例：飛機(jī)平緩降落動畫 196
8．2．2 漸快啟動 199
8．2．3 緩速停止 200
8．2．4 回彈停止 201
8．2．5 彈性停止 202
8．3 時間重映射 203
8．3．1 課堂案例：視頻播放故障動畫 203
8．3．2 時間重映射 205
8．3．3 幀凍結(jié)和凍結(jié)最后幀 206
8．4 運(yùn)動與音頻匹配 207
8．4．1 課堂案例：鬧鐘動畫 207
8．4．2 波形圖 211
8．4．3 與音效匹配 212
8．4．4 與音樂節(jié)奏匹配 212
8．5 課堂練習(xí) 214
8．5．1 課堂練習(xí)：HUD風(fēng)格文字動畫 214
8．5．2 課堂練習(xí)：音樂播放器動畫 219
8．6 課后習(xí)題 222
8．6．1 課后習(xí)題：房屋生成動畫 222
8．6．2 課后習(xí)題：撥號動畫 222
第9章 基礎(chǔ)元素動畫訓(xùn)練 223
9．1 圖形蒙版/遮罩元素 224
9．1．1 課堂案例：擦除文字動畫 224
9．1．2 基礎(chǔ)動畫效果 228
9．1．3 優(yōu)化速度曲線 229
9．2 軌跡線條元素 229
9．2．1 課堂案例：定位路線動畫 230
9．2．2 基礎(chǔ)動畫效果 232
9．2．3 優(yōu)化速度曲線 233
9．3 圖形疊加元素 236
9．3．1 課堂案例：能量匯聚膨脹效果動畫 237
9．3．2 基礎(chǔ)動畫效果 241
9．3．3 重復(fù)疊加元素 242
9．3．4 優(yōu)化效果和速度曲線 243
9．4 課后練習(xí)：HUD風(fēng)格轉(zhuǎn)場動畫 245
9．4．1 環(huán)形擴(kuò)散動畫 245
9．4．2 瞄準(zhǔn)星動畫 249
9．5 課后習(xí)題 252
9．5．1 課后習(xí)題：打鉤動畫 252
9．5．2 課后習(xí)題：元素爆炸動畫 252
第 10章 MG動畫綜合案例 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 未來科技動畫 264
10．2．1 引導(dǎo)視線 264
10．2．2 信息讀取 268
10．2．3 視頻合成 273
10．3 綜藝節(jié)目動畫 274
10．3．1 流體飛散效果 274
10．3．2 多邊形出現(xiàn)效果 276
10．3．3 文字動畫效果 279
10．4 扁平MG動畫 283
10．4．1 進(jìn)入轉(zhuǎn)場 283
10．4．1 片頭轉(zhuǎn)場 287
10．4．3 運(yùn)動模糊 291
附錄 常用快捷鍵一覽表 295