MG動畫製作基礎培訓教程

朱逸凡，就读于同济大学交通运输工程学院，因工作需要和个人爱好学习AE和MG动画，并拥有5年商业MG动画项目经验，期间策划制作百余个MG动画短视频、转场动画、科普视频和宣传片。于个人媒体平台分享MG动画制作教程，将部分作品于哔哩哔哩上投稿，希望帮助更多人了解和掌握MG动画制作经验和技巧。

第 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 美術設定 13

1.2.3 分鏡設計 14

1.2.4 動畫製作 15

1.2.5 配音配樂 15

1.3 圖形視頻處理 15

1.3.1 After Effects的工作界面 16

1.3.2 After Effects與MG動畫的關聯：製作動畫 18

1.4 矢量圖處理 19

1.4.1 Illustrator的工作界面 19

1.4.2 Illustrator與MG動畫的關聯：製作素材 20

1.5 導出動態圖 24

1.5.1 Photoshop的工作界面 24

1.5.2 Photoshop與MG動畫的關聯：導出GIF 24

第 2章 MG動畫的製作流程 27

2.1 創建項目合成 28

2.1.1 項目設置 28

2.1.2 創建合成 29

2.2 管理動畫素材 29

2.2.1 導入一張圖像 29

2.2.2 導入序列 31

2.2.3 導入分層素材 31

2.3 讓素材動起來 34

2.3.1 課堂案例：下落的籃球 34

2.3.2 關鍵幀 36

2.3.3 預覽 40

2.4 用圖層製作效果 41

2.4.1 課堂案例：昏暗效果動畫 41

2.4.2 圖層種類 43

2.4.3 圖層屬性 46

2.4.4 父子關系 50

2.4.5 疊加模式 52

2.5 渲染為可播放格式 53

2.5.1 課堂案例：輸出MOV格式視頻 53

2.5.2 添加渲染隊列 55

2.5.3 調整輸出參數 55

2.6 課堂練習 56

2.6.1 課堂練習：氣球上升動畫 56

2.6.2 課堂練習：舊電視故障效果動畫 57

2.7 課後習題 58

2.7.1 課後習題：放大Logo動畫 58

2.7.2 課後習題：聚光燈動畫 58

第3章 關鍵幀動畫 59

3.1 時間與關鍵幀 60

3.1.1 時間的概念 60

3.1.2 關鍵幀的概念 63

3.2 關鍵幀的編輯 64

3.2.1 課堂案例：紙飛機路徑動畫 64

3.2.2 選擇關鍵幀 66

3.2.3 編輯關鍵幀 66

3.2.4 關鍵幀類型 68

3.3 圖表編輯器 69

3.3.1 課堂案例：商業數據報表動畫 69

3.3.2 切換圖表編輯器 71

3.3.3 圖表顯示內容 72

3.3.4 調整圖表範圍 74

3.3.5 編輯關鍵幀 76

3.3.6 編輯曲線 76

3.4 課堂練習 77

3.4.1 課堂練習：日落動畫 77

3.4.2 課堂練習：進度條動畫 79

3.4.3 課堂練習：書掉落動畫 80

3.4.4 課堂練習：剎車動畫 82

3.5 課後習題 84

3.5.1 課後習題：手臂動作動畫 84

3.5.2 課後習題：風扇變速動畫 84

第4章 蒙版與遮罩動畫 85

4.1 蒙版與遮罩的功能 86

4.1.1 認識蒙版與遮罩 86

4.1.2 區分蒙版與遮罩 89

4.2 蒙版效果 89

4.2.1 課堂案例：照亮孤獨的人動畫 89

4.2.2 使用蒙版 92

4.2.3 蒙版疊加模式 95

4.2.4 蒙版羽化 98

4.2.5 蒙版不透明度 99

4.2.6 蒙版擴張 99

4.3 遮罩效果 100

4.3.1 課堂案例：水墨顯現動畫 100

4.3.2 創建遮罩 102

4.3.3 遮罩類型 102

4.4 課堂練習 104

4.4.1 課堂練習：車窗風景動畫 104

4.4.2 課堂練習：滑動平板動畫 105

4.4.3 課堂練習：Logo轉場動畫 108

4.5 課後習題 110

4.5.1 課後習題：容器液體效果 110

4.5.2 課後習題：分屏動畫 110

第5章 表達式動畫 111

5.1 表達式概述 112

5.1.1 激活表達式 112

5.1.2 顯示表達式結果 113

5.2 常用表達式 114

5.2.1 課堂案例：手機演示動畫 114

5.2.2 time（時間）116

5.2.3 index（索引）117

5.2.4 wiggle（搖擺）117

5.2.5 random（隨機數）118

5.2.6 loopOut（循環）119

5.3 函數菜單 121

5.3.1 課堂案例：城市標志動畫 121

5.3.2 Global（全局表達式） 123

5.3.3 Comp（合成） 124

5.3.4 Random Numbers（隨機數表達式） 124

5.3.5 Interpolation（插值表達式） 125

5.3.6 Color Conversion（顏色轉換表達式） 125

5.3.7 其他數學表達式 125

5.3.8 JavaScript Math（腳本數學方法） 126

5.4 動態鏈接 126

5.4.1 課堂案例：鏡面動畫 126

5.4.2 建立動態鏈接 129

5.4.3 表達式控制 129

5.5 課堂練習 130

5.5.1 課堂練習：鐘擺漸停動畫 130

5.5.2 課堂練習：小船過河動畫 132

5.5.3 課堂練習：纜車加速下落動畫 134

5.6 課後習題 136

5.6.1 課後習題：跳動的愛心動畫 136

5.6.2 課後習題：公路上的小車動畫 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 扭轉 157

6.5.9 擺動路徑 157

6.6 課堂練習 158

6.6.1 課堂練習：融球Loading動畫 158

6.6.2 課堂練習：光圈擴散轉場動畫 160

6.6.3 課堂練習：播放界面動畫 163

6.7 課後習題 168

6.7.1 課後習題：立體感三角形轉場動畫 168

6.7.2 課後習題：條帶轉場動畫 168

第7章 文字動畫 169

7.1 圖層路徑 170

7.1.1 課堂案例：文字排版 170

7.1.2 點文本 171

7.1.3 段落文本 172

7.1.4 段落和字符 173

7.2 編輯文本 175

7.2.1 課堂案例：文字滑梯動畫 175

7.2.2 選中文字 177

7.2.3 動態文本 177

7.2.4 文字路徑 178

7.3 文本動畫製作器 179

7.3.1 課堂案例：文字隨機淡入動畫 179

7.3.2 文本動畫製作工具 182

7.3.3 動畫製作器屬性 182

7.3.4 選擇器參數 183

7.3.5 逐字3D化 184

7.4 課堂練習 184

7.4.1 課堂練習：字幕條動畫 184

7.4.2 課堂練習：數字增加動畫 187

7.4.3 課堂練習：文字漩渦動畫 189

7.4.4 課堂練習：文字隨機擺動動畫 190

7.5 課後練習 192

7.5.1 課後習題：亂碼動畫 192

7.5.2 課後習題：字幕展示閃爍動畫 192

第8章 變速動畫 193

8.1 認識元素的運動狀態 194

8.1.1 觀察運動曲線 194

8.1.2 合適的動畫速度 195

8.2 常見的運動狀態 196

8.2.1 課堂案例：飛機平緩降落動畫 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 幀凍結和凍結最後幀 206

8.4 運動與音頻匹配 207

8.4.1 課堂案例：鬧鐘動畫 207

8.4.2 波形圖 211

8.4.3 與音效匹配 212

8.4.4 與音樂節奏匹配 212

8.5 課堂練習 214

8.5.1 課堂練習：HUD風格文字動畫 214

8.5.2 課堂練習：音樂播放器動畫 219

8.6 課後習題 222

8.6.1 課後習題：房屋生成動畫 222

8.6.2 課後習題：撥號動畫 222

第9章 基礎元素動畫訓練 223

9.1 圖形蒙版/遮罩元素 224

9.1.1 課堂案例：擦除文字動畫 224

9.1.2 基礎動畫效果 228

9.1.3 優化速度曲線 229

9.2 軌跡線條元素 229

9.2.1 課堂案例：定位路線動畫 230

9.2.2 基礎動畫效果 232

9.2.3 優化速度曲線 233

9.3 圖形疊加元素 236

9.3.1 課堂案例：能量匯聚膨脹效果動畫 237

9.3.2 基礎動畫效果 241

9.3.3 重復疊加元素 242

9.3.4 優化效果和速度曲線 243

9.4 課後練習：HUD風格轉場動畫 245

9.4.1 環形擴散動畫 245

9.4.2 瞄準星動畫 249

9.5 課後習題 252

9.5.1 課後習題：打鉤動畫 252

9.5.2 課後習題：元素爆炸動畫 252

第 10章 MG動畫綜合案例 253

10.1 液態Logo片頭 254

10.1.1 液體迸發階段 254

10.1.2 液體匯聚階段 259

10.1.3 Logo出現階段 261

10.2 未來科技動畫 264

10.2.1 引導視線 264

10.2.2 信息讀取 268

10.2.3 視頻合成 273

10.3 綜藝節目動畫 274

10.3.1 流體飛散效果 274

10.3.2 多邊形出現效果 276

10.3.3 文字動畫效果 279

10.4 扁平MG動畫 283

10.4.1 進入轉場 283

10.4.1 片頭轉場 287

10.4.3 運動模糊 291

附錄 常用快捷鍵一覽表 295