隨著移動(dòng)互聯(lián)網(wǎng)、5G技術(shù)的發(fā)展,視頻已經(jīng)成為了人們?nèi)粘I钪凶钇毡榈囊环N信息載體。視頻不僅可以用來傳播內(nèi)容,也可以用來傳播營(yíng)銷類的廣告信息。MG動(dòng)畫作為時(shí)下流行的營(yíng)銷廣告內(nèi)容的傳播形式之一,受到越來越多企業(yè)的追捧。
MG是Motion Graphic的縮寫,可以直譯為圖形動(dòng)畫或動(dòng)態(tài)圖形,即通過動(dòng)態(tài)的圖形變換表現(xiàn)出各種引人入勝的畫面,最終達(dá)到傳播內(nèi)容的目的。
MG動(dòng)畫的制作流程相對(duì)復(fù)雜,涉及的軟件種類較多,所以MG動(dòng)畫師的門檻也相對(duì)偏高。除了要會(huì)畫分鏡,還要懂平面和動(dòng)畫,但也正因如此,一名合格的MG動(dòng)畫師在行業(yè)內(nèi)的薪資報(bào)酬也很可觀。本書的主要內(nèi)容就是教會(huì)讀者如何一步步從零開始成為一名合格的MG動(dòng)畫師。
1. 編寫目的
鑒于制作MG動(dòng)畫的流程相對(duì)復(fù)雜,我們力圖編寫一本可以讓一名小白從零開始學(xué)MG動(dòng)畫的書。所以本書從MG動(dòng)畫的基本概念講起,全面介紹了各MG動(dòng)畫主流制作軟件的應(yīng)用方法,并附有大量的案例練習(xí),力求讀者能在學(xué)完本書內(nèi)容之后,可以輸出屬于自己的MG動(dòng)畫作品。
2. 內(nèi)容安排
本書共11章,有理論,有實(shí)操。講解軟件時(shí),會(huì)從軟件的基本功能講起,并附有案例練習(xí),讓讀者通過邊學(xué)邊練的方式掌握書中的知識(shí)。本書最后幾章更是針對(duì)目前市面上的主流風(fēng)格,有針對(duì)性地設(shè)計(jì)了幾個(gè)案例。
全書具體內(nèi)容安排
第1章 MG動(dòng)畫概述 介紹MG動(dòng)畫的基本概念,MG動(dòng)畫制作的常用軟件,以及MG動(dòng)畫的一般制作流程。
第2章 動(dòng)畫設(shè)計(jì)風(fēng)格的確立 介紹MG動(dòng)畫的幾種常見風(fēng)格,講解MG動(dòng)畫的配色原理和技巧。
第3章 Illustrator在MG動(dòng)畫中的應(yīng)用 介紹Illustrator軟件,從基本操作講起,涉及繪圖工具、圖形繪制技巧等。
第4章 After Effects在MG動(dòng)畫中的應(yīng)用 介紹After Effects軟件,從基本操作講起,涉及動(dòng)畫屬性、關(guān)鍵幀和表達(dá)式等重點(diǎn)知識(shí)。
第5章 Photoshop在MG動(dòng)畫中的應(yīng)用 介紹Photoshop軟件,從基礎(chǔ)操作講起,涉及工具組、圖層等重點(diǎn)知識(shí)。
第6章 點(diǎn)線風(fēng)格MG動(dòng)畫 從零開始制作一個(gè)點(diǎn)線風(fēng)格的MG動(dòng)畫,從動(dòng)畫分析講起,依次完成每一個(gè)分鏡,最后將所有分鏡組合成一個(gè)完整的MG動(dòng)畫。
第7章 LOGO動(dòng)效MG動(dòng)畫 從零開始制作一個(gè)LOGO動(dòng)效,從出場(chǎng)到停留,再到收尾,每個(gè)部分都會(huì)告訴讀者如何制作。
第8章 UI動(dòng)效MG動(dòng)畫 從零開始制作一個(gè)UI動(dòng)效,使用素材庫(kù)提供的psd素材,制作兩個(gè)UI的轉(zhuǎn)場(chǎng)動(dòng)效。
第9章 MBE風(fēng)格MG動(dòng)畫 從零開始制作一個(gè)MBE風(fēng)格的動(dòng)畫,從元素繪制到動(dòng)畫制作,全流程講解。
第10章 人物角色MG動(dòng)畫 從零開始制作一個(gè)人物角色動(dòng)畫,使用軟件提供的aep文件,將繪制好的人物形象制作成一個(gè)不斷奔跑的狀態(tài)。
第11章 羊駝奔跑MG動(dòng)畫 通過制作一個(gè)奔跑的羊駝動(dòng)畫,掌握切換形態(tài)的制作技巧,學(xué)習(xí)After Effects路徑動(dòng)畫的靈活應(yīng)用。
3. 本書寫作特色
本書主要以理論結(jié)合實(shí)戰(zhàn)的方式,講解制作MG動(dòng)畫所需要的各項(xiàng)知識(shí)點(diǎn),力求讀者學(xué)完之后,自己也能動(dòng)手制作自己的MG動(dòng)畫。本書有如下特點(diǎn)。
由易到難,循序漸進(jìn)。
先從基礎(chǔ)理論講起,再過渡到簡(jiǎn)單案例,最后用綜合案例結(jié)尾。學(xué)習(xí)過程由易到難,循序漸進(jìn),力求讓讀者在學(xué)習(xí)過程中不會(huì)卡殼。
圖文視頻,相得益彰。
本書采用文字配合圖片的講解方式,圖片為主,文字為輔。案例部分除了圖文,還配有詳細(xì)的視頻教程,即便是新手,也能跟著視頻完成操作。
注重落地,學(xué)以致用。
由于本書涉及的知識(shí)較多、較廣,為了確保讀者能將所學(xué)知識(shí)學(xué)以致用,本書的最后6章都是綜合案例。
4. 配套資源及技術(shù)支持
本書的配套素材及視頻教學(xué)文件請(qǐng)用微信掃描下面的二維碼進(jìn)行下載,如果有技術(shù)性問題,請(qǐng)用微信掃描下面的技術(shù)支持二維碼,聯(lián)系相關(guān)人員進(jìn)行解決。如果在配套資源下載過程中碰到問題,請(qǐng)聯(lián)系陳老師,聯(lián)系郵箱:chenlch@tup.tsinghua.edu.cn。
2023年5月
基礎(chǔ)篇
第1章 MG動(dòng)畫概述
1.1 什么是MG動(dòng)畫 1
1.2 MG動(dòng)畫的傳播優(yōu)勢(shì) ·1
1.2.1 可加載的信息量大 ·1
1.2.2 成本低,制作周期短 1
1.2.3 畫面品質(zhì)標(biāo)準(zhǔn)化 2
1.2.4 傳播載體多樣化 2
1.3 MG動(dòng)畫制作常用軟件 ·2
1.3.1 Illustrator2
1.3.2 After Effects 3
1.3.3 Cinema 4D 3
1.3.4 Photoshop ·3
1.4 MG動(dòng)畫制作的一般流程 4
1.4.1 劇本文案 ·4
1.4.2 美術(shù)設(shè)定 ·5
1.4.3 設(shè)計(jì)分鏡頭 6
1.4.4 繪制素材 ·6
1.4.5 聲音的創(chuàng)作 7
1.4.6 后期剪輯 ·7
1.5 本章小結(jié)7
第2章 動(dòng)畫設(shè)計(jì)風(fēng)格的確立
2.1 MG動(dòng)畫的常見風(fēng)格 ·8
2.1.1 MBE風(fēng)格 ·8
2.1.2 線條風(fēng)格 ·8
2.1.3 扁平風(fēng)格 ·8
2.1.4 插畫風(fēng)格 ·9
2.1.5 點(diǎn)線科技風(fēng)格 ·9
2.2 色彩搭配原理 9
2.2.1 主色和輔色的作用 ·9
2.2.2 色輪工具 ·10
2.2.3 色相、飽和度及明度 10
2.2.4 配色公式 ·11
2.3 MG動(dòng)畫的配色技巧 ·12
2.3.1 色差的比例調(diào)配 12
2.3.2 利用色彩的反差 12
2.3.3 選擇合適的配色方案 13
2.3.4 巧妙運(yùn)用黑色 ·13
2.3.5 從大自然中提取顏色 14
2.3.6 從圖案中提取顏色 ·14
2.3.7 根據(jù)情緒和心理活動(dòng)選擇顏色 14
2.4 本章小結(jié)15
第3章 Illustrator在MG動(dòng)畫中的應(yīng)用
3.1 Illustrator軟件概述·16
3.2 文檔的基本操作·17
3.2.1 新建文檔 · 17
3.2.2 打開文檔 · 17
3.2.3 置入文檔 · 18
3.3 認(rèn)識(shí)繪圖工具 18
3.3.1 線條工具 · 18
3.3.2 圖形工具 · 20
3.3.3 實(shí)戰(zhàn)繪制極簡(jiǎn)風(fēng)格圖標(biāo) · 22
3.3.4 鋼筆工具 · 24
3.3.5 實(shí)戰(zhàn)繪制雪人卡通插畫 · 27
3.4 圖形的填充 30
3.4.1 單色填充 · 30
3.4.2 漸變填充 · 30
3.4.3 漸變網(wǎng)格 · 31
3.4.4 文字工具 · 31
3.5 編輯圖形對(duì)象 32
3.5.1 變換控件 · 32
3.5.2 旋轉(zhuǎn)工具 · 33
3.5.3 比例縮放工具 · 33
3.5.4 鏡像工具 · 34
3.5.5 傾斜工具 · 34
3.5.6 不透明度屬性 · 35
3.6 綜合案例繪制江南水鄉(xiāng)場(chǎng)35
3.7 本章小結(jié)· 38
第4章?After Effects在MG動(dòng)畫中的應(yīng)用
4.1 After Effects軟件概述 39
4.2 After Effects的基本操作· 39
4.2.1 新建項(xiàng)目 · 40
4.2.2 新建合成 · 40
4.2.3 導(dǎo)入素材 · 40
4.2.4 實(shí)戰(zhàn)將AI文件導(dǎo)入After Effects · 41
4.3 圖層的基本操作· 42
4.3.1 新建圖層 · 42
4.3.2 圖層的混合模式 42
4.3.3 常用的圖層類型 43
4.4 圖層的基本動(dòng)畫屬性 44
4.4.1 錨點(diǎn) · 44
4.4.2 位置 · 44
4.4.3 縮放 · 45
4.4.4 旋轉(zhuǎn) · 45
4.4.5 不透明度 · 45
4.4.6 實(shí)戰(zhàn)樹葉飄動(dòng)進(jìn)度條 46
4.5 蒙版與遮罩 51
4.5.1 創(chuàng)建蒙版的工具 51
4.5.2 蒙版屬性的修改 52
4.6 關(guān)鍵幀與表達(dá)式· 54
4.6.1 添加關(guān)鍵幀 54
4.6.2 查看關(guān)鍵幀 54
4.6.3 編輯關(guān)鍵幀 54
4.6.4 關(guān)鍵幀類型 55
4.6.5 圖表編輯器 56
4.6.6 幾個(gè)常用的表達(dá)式 ·56
4.6.7 實(shí)戰(zhàn)飛舞的雪花動(dòng)畫 58
4.7 綜合案例變形彈跳 62
4.8 本章小結(jié)66
第5章 Photoshop在MG動(dòng)畫中的應(yīng)用
5.1 Photoshop軟件概述 67
5.2 Photoshop工具組 67
5.2.1 選區(qū)工具組 67
5.2.2 形狀工具組 68
5.2.3 實(shí)戰(zhàn)使用形狀工具繪制機(jī)器人圖標(biāo) ·71
5.3 綜合案例繪制相機(jī)圖標(biāo) ·73
5.4 本章小結(jié)78
實(shí)戰(zhàn)篇
第6章 點(diǎn)線風(fēng)格MG動(dòng)畫
6.1 動(dòng)畫分析79
6.2 創(chuàng)建第一幕:開始動(dòng)畫 80
6.2.1 創(chuàng)建合成 ·80
6.2.2 創(chuàng)建背景 ·80
6.2.3 制作圓點(diǎn)動(dòng)畫 ·80
6.2.4 制作沖擊波 83
6.2.5 制作速度線 83
6.2.6 制作粒子匯集 ·84
6.3 創(chuàng)建第二幕:生成動(dòng)畫 85
6.4 制作第三幕:結(jié)尾動(dòng)畫 92
第7章 LOGO動(dòng)效MG動(dòng)畫
7.1 動(dòng)畫分析95
7.2 創(chuàng)建第一幕:種子動(dòng)畫 96
7.3 創(chuàng)建第二幕:蘋果動(dòng)畫 97
7.3.1 線條動(dòng)畫 ·97
7.3.2 蘋果掉落動(dòng)畫 ·98
7.4 創(chuàng)建第三幕:字母動(dòng)畫 101
第8章 UI動(dòng)效MG動(dòng)畫
8.1 動(dòng)畫分析106
8.2 創(chuàng)建第一幕:轉(zhuǎn)場(chǎng)動(dòng)畫 107
8.3 創(chuàng)建第二幕:返回動(dòng)畫 111
第9章 MBE風(fēng)格MG動(dòng)畫
9.1 動(dòng)畫分析113
9.2 制作雷達(dá)圖標(biāo)的MG動(dòng)畫 113
9.2.1 調(diào)整MBE效果 113
9.2.2 制作雷達(dá)動(dòng)畫 115
9.3 制作UFO的MG動(dòng)畫·116
9.3.1 UFO動(dòng)畫 116
9.3.2 吸收動(dòng)畫 119
9.3.3 修飾動(dòng)畫 122
第10章 人物角色MG動(dòng)畫
10.1 動(dòng)畫分析124
10.2 綁定骨骼125
10.3 制作腿部動(dòng)畫 ·126
10.4 制作身體動(dòng)畫 ·128
10.5 制作手臂動(dòng)畫 ·128
10.6 完善細(xì)節(jié)動(dòng)畫 ·130
第11章 羊駝奔跑MG動(dòng)畫
11.1 動(dòng)畫分析 ·131
11.2 正常奔跑 ·131
11.2.1 導(dǎo)入 131
11.2.2 腿部和身體動(dòng)畫 ·132
11.2.3 身體細(xì)節(jié)調(diào)整 135
11.2.4 頭部細(xì)節(jié)調(diào)整 136
11.2.5 五官細(xì)節(jié)調(diào)整 136
11.2.6 眼鏡動(dòng)畫制作 138
11.2.7 制作圍巾上的斑點(diǎn) 139
11.2.8 制作地面上的陰影 141
11.3 銜接動(dòng)畫 ·142
11.4 直立行走動(dòng)畫 146
11.5 整合動(dòng)畫 ·150