《MG動(dòng)畫制作》課件-第四章 復(fù)雜的MG動(dòng)畫

MG動(dòng)畫制作

第四章復(fù)雜的MG動(dòng)畫本章概述：

復(fù)雜動(dòng)畫的制作原理與簡(jiǎn)單動(dòng)畫的制作原理相同，在此基礎(chǔ)上利用路徑動(dòng)畫、表達(dá)式來(lái)制作煩瑣的運(yùn)動(dòng)效果，可以將需要用很多關(guān)鍵幀才能完成的動(dòng)畫簡(jiǎn)單化。粒子特效動(dòng)畫第四章復(fù)雜的MG動(dòng)畫4.1

4.1.1AfterEffects中的粒子特效4.1粒子特效動(dòng)畫Particular（粒子）插件是一個(gè)功能非常強(qiáng)大的三維粒子濾鏡，通過(guò)該濾鏡可以模擬出真實(shí)世界中的煙霧、爆炸等效果。Particular濾鏡可以與三維圖層發(fā)生作用而制作出粒子反彈效果，或從燈光以及圖層中發(fā)射粒子，還可以使用圖層作為粒子樣本進(jìn)行發(fā)射。

4.1.2添加粒子特效的方法4.1粒子特效動(dòng)畫4.1.2添加粒子特效的方法4.1粒子特效動(dòng)畫

4.1.3粒子的屬性

4.1粒子特效動(dòng)畫1發(fā)射器

4.1.3粒子的屬性

4.1粒子特效動(dòng)畫2粒子4.1.4案例：制作粒子化logo效果動(dòng)畫4.1粒子特效動(dòng)畫4.1.4案例：制作粒子化logo效果動(dòng)畫4.1粒子特效動(dòng)畫導(dǎo)入素材4.1.4案例：制作粒子化logo效果動(dòng)畫4.1粒子特效動(dòng)畫添加粒子4.1.4案例：制作粒子化logo效果動(dòng)畫4.1粒子特效動(dòng)畫調(diào)整粒子參數(shù)

4.1.4案例：制作粒子化logo效果動(dòng)畫4.1粒子特效動(dòng)畫調(diào)整效果

4.1.4案例：制作粒子化logo效果動(dòng)畫4.1粒子特效動(dòng)畫完成效果1.導(dǎo)入汽車素材，創(chuàng)建純色層作為背景。為汽車設(shè)置位置關(guān)鍵幀動(dòng)畫，CTRL+ALT+O自動(dòng)定向。2.創(chuàng)建純色層，添加粒子特效，將汽車的位置屬性關(guān)鍵幀復(fù)制到粒子發(fā)射器的位置屬性上。

4.1.5案例：汽車噴霧效果動(dòng)畫4.1粒子特效動(dòng)畫3.設(shè)置粒子的發(fā)射器屬性和粒子屬性，制作出好看的噴霧效果

4.1.5案例：汽車噴霧效果動(dòng)畫4.1粒子特效動(dòng)畫

4.1.5案例：汽車噴霧效果動(dòng)畫4.1粒子特效動(dòng)畫4.2.1表達(dá)式的概念4.2表達(dá)式動(dòng)畫

表達(dá)式作為一個(gè)規(guī)則，可以極大簡(jiǎn)化手動(dòng)操作的步驟。例如，制作一個(gè)盒子從屏幕左邊移動(dòng)到屏幕右邊的動(dòng)畫很簡(jiǎn)單，直接為它的“位移”屬性做動(dòng)畫就可以了。4.2.2使用表達(dá)式的意義4.2表達(dá)式動(dòng)畫節(jié)省時(shí)間和快速創(chuàng)建動(dòng)畫1使用表達(dá)式可以讓一些操作自動(dòng)化（如擺動(dòng)、跳動(dòng)等）。這會(huì)節(jié)省大量時(shí)間，不必為每個(gè)動(dòng)作創(chuàng)建新的關(guān)鍵幀。4.2.2使用表達(dá)式的意義4.2表達(dá)式動(dòng)畫鏈接不同的屬性2使用表達(dá)式可以鏈接不同的屬性，如跨合成的“旋轉(zhuǎn)”和“位置”屬性。這樣的鏈接可幫助用戶創(chuàng)建不同的動(dòng)畫，而無(wú)須為每個(gè)動(dòng)畫編寫不同的表達(dá)式。4.2.2使用表達(dá)式的意義4.2表達(dá)式動(dòng)畫控制多個(gè)圖層并創(chuàng)建復(fù)雜動(dòng)畫3使用“關(guān)聯(lián)器”功能，可以輕松地用一些控件驅(qū)動(dòng)多個(gè)動(dòng)畫以創(chuàng)建復(fù)雜的動(dòng)畫，使用其他功能則需要進(jìn)行更多的操作。4.2.2使用表達(dá)式的意義4.2表達(dá)式動(dòng)畫創(chuàng)建動(dòng)畫圖形和圖表4使用表達(dá)式可以快速創(chuàng)建動(dòng)畫和運(yùn)動(dòng)信息圖，如動(dòng)態(tài)的世界地圖和指示不同國(guó)家/地區(qū)污染指數(shù)的動(dòng)態(tài)條形圖。4.2.3表達(dá)式的應(yīng)用4.2表達(dá)式動(dòng)畫表達(dá)式的創(chuàng)建表達(dá)式輸入框按住Alt鍵單擊秒表圖標(biāo)4.2.3表達(dá)式的應(yīng)用4.2表達(dá)式動(dòng)畫表達(dá)式的創(chuàng)建表達(dá)式輸入框按住Alt鍵單擊秒表圖標(biāo)

4.2.3表達(dá)式的應(yīng)用

4.2表達(dá)式動(dòng)畫AfterEffects中常用的表達(dá)式1擺動(dòng)表達(dá)式：使對(duì)象隨機(jī)擺動(dòng)。2代表速度，20代表振幅wiggle(擺動(dòng))

4.2.3表達(dá)式的應(yīng)用

4.2表達(dá)式動(dòng)畫AfterEffects中常用的表達(dá)式1軸定向表達(dá)式：使對(duì)象在x軸（或y軸）方向上按表達(dá)式運(yùn)動(dòng)，并在y軸（或x軸）方向上按固定值不動(dòng)。100代表y軸的值中括號(hào)表達(dá)式0代表x軸的值

4.2.3表達(dá)式的應(yīng)用

4.2表達(dá)式動(dòng)畫AfterEffects中常用的表達(dá)式1隨機(jī)表達(dá)式：使對(duì)象在一定范圍內(nèi)隨機(jī)運(yùn)動(dòng)。X軸：20%～50%的隨機(jī)值Y軸：20%～50%的隨機(jī)值

4.2.3表達(dá)式的應(yīng)用

4.2表達(dá)式動(dòng)畫AfterEffects中常用的表達(dá)式1時(shí)間表達(dá)式：使對(duì)象按設(shè)定的時(shí)間運(yùn)動(dòng)。time值是按照設(shè)定的時(shí)間變化的，當(dāng)前時(shí)間為9分24秒，旋轉(zhuǎn)為10°

4.2.4案例：制作文字抖動(dòng)效果

4.2表達(dá)式動(dòng)畫新建合成1

4.2.4案例：制作文字抖動(dòng)效果

4.2表達(dá)式動(dòng)畫設(shè)置純色背景2

4.2.4案例：制作文字抖動(dòng)效果

4.2表達(dá)式動(dòng)畫創(chuàng)建文本圖層3

4.2.4案例：制作文字抖動(dòng)效果

4.2表達(dá)式動(dòng)畫添加動(dòng)畫屬性4

4.2.4案例：制作文字抖動(dòng)效果

4.2表達(dá)式動(dòng)畫設(shè)置動(dòng)畫5

4.2.4案例：制作文字抖動(dòng)效果

4.2表達(dá)式動(dòng)畫添加點(diǎn)綴效果61.表達(dá)式概念（理解）1.Ae表達(dá)式是什么？表達(dá)式就是AE內(nèi)部基于JS（JavaScript）編程語(yǔ)言開發(fā)的編輯工具，可以理解為簡(jiǎn)單的編程，不過(guò)沒(méi)有編程那么復(fù)雜。ae表達(dá)式優(yōu)勢(shì)在哪？能夠通過(guò)簡(jiǎn)潔的代碼，代替庸雜的關(guān)鍵幀，告訴ae你想要的屬性動(dòng)畫，自動(dòng)能夠生成。表達(dá)式和腳本的區(qū)別在哪？這兩者都是與ae對(duì)話的語(yǔ)言。/s?id=1594062835622807988&wfr=spider&for=pc1.表達(dá)式概念（理解）在學(xué)習(xí)表達(dá)式之前我們首先明白這兩點(diǎn)（1）所有的表達(dá)式只可以添加在AE里面的可編輯動(dòng)畫關(guān)鍵幀的屬性上（2）并不是所有地方都需要表達(dá)式，我們要根據(jù)需求選擇使用關(guān)鍵幀或者表達(dá)式1.表達(dá)式概念如何在AE中添加表達(dá)式ALT鍵+鼠標(biāo)左鍵

點(diǎn)擊

碼表調(diào)出對(duì)應(yīng)屬性的表達(dá)式輸入框在輸入框內(nèi)輸入表達(dá)式即可1.表達(dá)式概念4.表達(dá)式工具ALT+鼠標(biāo)左鍵點(diǎn)擊屬性前面的小碼表除了調(diào)出表達(dá)式輸入框外，還會(huì)調(diào)出表達(dá)式工具表達(dá)式工具從左往右依次是：表達(dá)式開關(guān)、表達(dá)式圖表、拉索工具、表達(dá)式語(yǔ)言菜單1.表達(dá)式概念1、表達(dá)式開關(guān)：打開或者關(guān)閉表達(dá)式效果2、表達(dá)式圖表：查看表達(dá)式數(shù)據(jù)變化曲線3、拉索工具：鏈接屬性用于表達(dá)式4、語(yǔ)言菜單：調(diào)用AE內(nèi)置表達(dá)式函數(shù)命令A(yù)E表達(dá)式優(yōu)先層級(jí)位置表達(dá)式：[0,0]位置、縮放添加抖動(dòng)表達(dá)式：wiggle(10,50)旋轉(zhuǎn)添加表達(dá)式關(guān)聯(lián)器指向不透明度不透明度屬性改變，旋轉(zhuǎn)跟著改變AE表達(dá)式-抖動(dòng)表達(dá)式——制作燈泡發(fā)光效果抖動(dòng)表達(dá)式：wiggle(10,50)X:影響抖動(dòng)的速度Y:影響抖動(dòng)的范圍和幅度創(chuàng)建純色層，繪制燈泡輪廓蒙版調(diào)整羽化值為不透明度添加抖動(dòng)wiggle(30,100)AE表達(dá)式-時(shí)間表達(dá)式time*10時(shí)間表達(dá)式是做循環(huán)動(dòng)畫的利器。例如，如果想讓一個(gè)物體不停地旋轉(zhuǎn)，可以在旋轉(zhuǎn)參數(shù)中輸入time，物體就會(huì)每秒轉(zhuǎn)動(dòng)一度。time表達(dá)式同樣可以配合基本數(shù)學(xué)公式使用原理:time表示時(shí)間，以秒為單位，time*n=時(shí)間（秒數(shù)）*n（若應(yīng)用于旋轉(zhuǎn)屬性，則n表示角度）舉例:若在旋轉(zhuǎn)屬性上設(shè)置time表達(dá)式為time*60，則圖層將通過(guò)1秒的時(shí)間旋轉(zhuǎn)60度，2秒時(shí)旋轉(zhuǎn)到120度以此類推（數(shù)值為正數(shù)時(shí)順時(shí)針旋轉(zhuǎn)，為負(fù)數(shù)時(shí)逆時(shí)針旋轉(zhuǎn)）注意事項(xiàng):time只能賦予一維屬性的數(shù)據(jù)。(位置屬性可進(jìn)行單獨(dú)尺寸的分離，從而可單獨(dú)設(shè)置X或Y上的time)AE表達(dá)式-時(shí)間表達(dá)式AE表達(dá)式-擠壓與伸展表達(dá)式原理:spd表示擠壓拉伸的速度，maxDev表示擠壓拉伸的大小，decay表示衰減spd=100;maxDev=10;decay=1;t=time-inPoint;offset=maxDev*Math.sin(t*spd)/Math.exp(t*decay);scaleX=scale[0]+offset;scaleY=scale[1]-offset;[scaleX,scaleY]

案例：AE表達(dá)式快速制作延遲動(dòng)畫效果制作要點(diǎn)：1.鋼筆工具創(chuàng)建路徑和橢圓工具創(chuàng)建圓形2.復(fù)制路徑到圓形位置屬性3.復(fù)制多層圓形4.按住alt鍵為圓形2創(chuàng)建表達(dá)式，表達(dá)式關(guān)聯(lián)器指向圓形1位置屬性為圓形2添加如下表達(dá)式thisComp.layer("形狀圖層1").transform.position.valueAtTime(time-0.04)5.調(diào)整圓形2的不透明度和顏色6.其他圓形制作方法同圓形2注意哈——表達(dá)式中的符號(hào)必須是英文滴案例：AE表達(dá)式快速制作延遲動(dòng)畫效果案例：表達(dá)式制作雪花飄落效果制作要點(diǎn)：1.橢圓工具創(chuàng)建圓形（雪花）2.橢圓——橢圓路徑——大小

添加表達(dá)式seedRandom(index,1)r=random(15,20);[r,r]3.打開雪花位置屬性，右鍵設(shè)置XY軸的獨(dú)立尺寸。分別為X\Y位置添加表達(dá)式seedRandom(index,1)random(0,800)+wiggle(2,20)-valueseedRandom(index,1)random(-600,600)+time*804.添加背景擠壓與伸展原理:spd表示擠壓拉伸的速度，maxDev表示擠壓拉伸的大小，decay表示衰減spd=100;maxDev=10;decay=1;t=time-inPoint;offset=maxDev*Math.sin(t*spd)/Math.exp(t*decay);scaleX=scale[0]+offset;scaleY=scale[1]-offset;[scaleX,scaleY]運(yùn)動(dòng)拖尾原理:delay表示要延遲的幀數(shù)舉例:為位置屬性添加表達(dá)式delay=0.5;d=delay*thisComp.frameDuration*(index–1);thisComp.layer(1).position.valueAtTime(time–d)；如想要實(shí)現(xiàn)不透明度拖尾需為不透明度屬性添加表達(dá)式opacityFactor=.80;Math.pow(opacityFactor,index–1)*100(調(diào)整好一個(gè)圖層后復(fù)制多個(gè))4種循環(huán)表達(dá)式用AE動(dòng)畫軟件制作MG動(dòng)畫宣傳片、MG科普短片、MG動(dòng)漫視頻等比較常用的4種循環(huán)表達(dá)式loopOut(PingPong)、loopOut(Cycle)、loopOut(Continue)、loopOut(Offset)四種循環(huán)表達(dá)用圖線表達(dá)4種循環(huán)表達(dá)式第一種：loopOut("PingPong")循環(huán)表達(dá)式：一直循環(huán)左右搖擺4種循環(huán)表達(dá)式第二種：loopOut("Cycle")循環(huán)表達(dá)式：直接就跳回第一幀播放4種循環(huán)表達(dá)式第三種：loopOut("Continue")循環(huán)表達(dá)式：讓物體一直運(yùn)動(dòng)下去4種循環(huán)表達(dá)式第四種：loopOut("Offset")循環(huán)表達(dá)式自動(dòng)計(jì)算這個(gè)動(dòng)畫間隙及運(yùn)動(dòng)規(guī)律，從而重復(fù)從一個(gè)方向往另外一個(gè)方向跳出去4.3.1人偶控點(diǎn)工具4.3人偶控點(diǎn)動(dòng)畫網(wǎng)格：決定是否顯示網(wǎng)格，網(wǎng)格線的顏色由時(shí)間軸面板中圖層名稱左側(cè)的顏色標(biāo)簽決定。

擴(kuò)展：決定網(wǎng)格包圍的區(qū)域，一般以稍微超出對(duì)應(yīng)區(qū)域?yàn)闇?zhǔn)，如果想做一個(gè)整體運(yùn)動(dòng)，可增大該值，直到網(wǎng)格覆蓋需要的區(qū)域?yàn)橹埂?/p>

密度：決定網(wǎng)格中包含的三角形的數(shù)量，此值越大，變形的邊緣越平滑。4.3人偶控點(diǎn)動(dòng)畫1人偶位置控點(diǎn)工具4.3人偶控點(diǎn)動(dòng)畫2人偶固化控點(diǎn)工具4.3人偶控點(diǎn)動(dòng)畫3人偶彎曲控點(diǎn)工具4.3人偶控點(diǎn)動(dòng)畫4人偶高級(jí)控點(diǎn)工具4.3人偶控點(diǎn)動(dòng)畫5人偶重疊控點(diǎn)工具

4.3.2動(dòng)畫制作4.3人偶控點(diǎn)動(dòng)畫

使用人偶控點(diǎn)工具制作變形動(dòng)畫，就是在“時(shí)間軸”面板中為各個(gè)控點(diǎn)的位置、旋轉(zhuǎn)或縮放等屬性添加關(guān)鍵幀，實(shí)現(xiàn)的方法有手動(dòng)法和自動(dòng)法兩種。

手動(dòng)法：使用傳統(tǒng)的添加關(guān)鍵幀的方法，先確定時(shí)間指示器的位置，再改變相應(yīng)屬性的值。自動(dòng)法：按住Ctrl鍵將鼠標(biāo)指針移動(dòng)到控點(diǎn)上即可激活“人偶草繪工具”，此時(shí)拖曳控點(diǎn)會(huì)自動(dòng)記錄控點(diǎn)的運(yùn)動(dòng)并生成關(guān)鍵幀；釋放鼠標(biāo)左鍵會(huì)停止記錄，時(shí)間指示器返回原來(lái)的位置。

導(dǎo)入斑馬素材4.3案例：制作斑馬行走動(dòng)畫

為斑馬的腿添加控點(diǎn)4.3人偶控點(diǎn)動(dòng)畫

制作斑馬行走動(dòng)畫4.3人偶控點(diǎn)動(dòng)畫rubberhose2腳本

卡通人物關(guān)節(jié)骨骼綁定聯(lián)動(dòng)彈跳MG動(dòng)畫工具非常方便的一款卡通人物關(guān)節(jié)骨骼綁定聯(lián)動(dòng)彈跳MG動(dòng)畫效果腳本RubberHose，是目前制作MG人物綁定動(dòng)畫最簡(jiǎn)單方便的AE腳本，此腳本是制作MG動(dòng)畫角色效果最快的方法，這是一個(gè)專為處理頭痛復(fù)雜動(dòng)畫部分的開放系統(tǒng)，將更好的控制角色的性能。為你會(huì)節(jié)省時(shí)間，你會(huì)真正享受動(dòng)畫制作這個(gè)過(guò)程，僅需兩個(gè)控制點(diǎn)即可完全控制整個(gè)綁定動(dòng)畫，不同物體間的鏈接動(dòng)，可自由變形/拉伸，利用腳本能夠快速生成人體的手和腳，然后還可以和身體做綁定，制作人體動(dòng)畫。RubberHos是目前在AE中制作MG人體綁定動(dòng)畫最好用的腳本！腳本安裝：拷貝.jsxbin腳本文件到AE安裝目錄下：SupportFiles\Scripts\ScriptUIPane腳本使用：在AE軟件中點(diǎn)擊Window（窗口菜單）即可找到腳本rubberhose2腳本

4.3.1人偶控點(diǎn)工具4.3人偶控點(diǎn)動(dòng)畫網(wǎng)格：決定是否顯示網(wǎng)格，網(wǎng)格線的顏色由時(shí)間軸面板中圖層名稱左側(cè)的顏色標(biāo)簽決定。

擴(kuò)展：決定網(wǎng)格包圍的區(qū)域，一般以稍微超出對(duì)應(yīng)區(qū)域?yàn)闇?zhǔn)，如果想做一個(gè)整體運(yùn)動(dòng)，可增大該值，直到網(wǎng)格覆蓋需要的區(qū)域?yàn)橹埂?/p>

密度：決定網(wǎng)格中包含的三角形的數(shù)量，此值越大，變形的邊緣越平滑。

4.3.1人偶控點(diǎn)工具4.3人偶控點(diǎn)動(dòng)畫1、操控點(diǎn)工具——為對(duì)象添加控制點(diǎn)，并通過(guò)移動(dòng)這些控制點(diǎn)制作動(dòng)畫。為對(duì)象添加控制點(diǎn)后，會(huì)根據(jù)對(duì)象的輪廓自動(dòng)生成網(wǎng)格，所有的動(dòng)畫變形效果，都是通過(guò)這些網(wǎng)格的變形實(shí)現(xiàn)的。在工工具欄選擇操控點(diǎn)工具后，操控工具右邊會(huì)出現(xiàn)擴(kuò)展和三角形兩個(gè)選項(xiàng)；擴(kuò)展選項(xiàng)用來(lái)控制網(wǎng)格的影響范圍，三角形工具用來(lái)控制網(wǎng)格中三角形的數(shù)目。

4.3.1人偶控點(diǎn)工具4.3人偶控點(diǎn)動(dòng)畫

1、操控點(diǎn)工具——為對(duì)象添加控制點(diǎn)，并通過(guò)移動(dòng)這些控制點(diǎn)制作動(dòng)畫。如圖是增加擴(kuò)展后的網(wǎng)格顯示，網(wǎng)格影響范圍增加，如此移動(dòng)胳膊可能會(huì)導(dǎo)致身體的錯(cuò)誤變形。如圖是減少三角形數(shù)目后的網(wǎng)格顯示，三角形數(shù)目越少，操控點(diǎn)對(duì)于網(wǎng)格影響越直接粗暴，三角形數(shù)目越多，