哈囉!又到了快樂的教學時光。
-想畫好一張圖就能做出3D的動畫嗎?
-明明年過三十,魔法的力量卻尚未覺醒嗎?
今天就要教大家,如何用AE做出3D魔法蝴蝶飛舞效果!
Footage:
Final:
這次我們使用的圖片素材為MotionElements的素材
蝴蝶素材:點我前往
背景素材:點我前往
首先匯入蝴蝶素材,
並利用鋼筆工具將蝴蝶去背。
(蝴蝶素材盡量找平面展翅且左右對稱的)
右鍵Pre compos選下面的,讓蝴蝶的圖層符合目前Comp大小。
(Pre compose就是PS的智慧型物件,通常用於製作動畫模板,或是添加效果時能一次調整多個圖層;
上面是讓Comp符合素材大小方便替換素材,下面則是讓Comp符合目前的Comp大小方便調整)
為了加速製作蝴蝶拍打翅膀動畫的時間,我們先下載一個好用的動態腳本,
Utility Box:點我前往
從上方Window可開啟Utility Box腳本的視窗。
Composition Setting用正方形(1080×1080),並點擊Utility Box腳本Grid的Icon,
這個功能可以快速把一個圖層垂直、水平分割成好幾個相同等分的3D圖層,
水平、垂直分別輸入14、1,並點擊Split。
右鍵新建一個Adjustment Layer。
(Adjustment Layer加入效果時,在它底下的圖層也會受該效果影響)
Adjustment Layer加入Slider Control效果,Ctrl+D再複製一層效果,
一個要來控制翅膀轉動角度,另一個要來控制翅膀拍打彎曲用,
(Slider Control是特效的控制器,添加時不會有反應,因為它主要用於控制其他效果,舉例來說,如果加了一堆效果,想要同時控制某些參數,才會使用到這個效果)
為了方便觀察、處理,我們對圖層左邊數字旁的顏色(Label)右鍵,
將左翅膀、身體、右翅膀的Comp們區分成不同的顏色。
將左翅膀的中心點放到各自圖層的右邊。
按住Alt點擊左翅膀Comp們的Y Rotation碼錶,
將表達式綁定到Adjustment Layer的同一個Slider Control效果上。
(如果覺得一個一個綁很費時,可以綁好一個後Ctrl C/V複製到其他層)
目前控制Slider Control效果,會發現翅膀會是各自依據中心點再轉動。
所以為了讓這隻蝴蝶的翅膀不要拍打就解體,
要將最左邊的翅膀圖層,綁定到右邊一個圖層,以此類推,綁定到身體旁的左翅膀。
如此一來再調整Slider Control效果,就會有自然的蝴蝶翅膀動畫了。
右邊的翅膀也是相同的步驟,改中心點>表達式綁定>圖層綁定,
不過不同的是Y Rotation碼錶點開表達式再綁定到Slider Control效果上時,
為了讓Slider Control滑動時右邊翅膀不會往另一個方向彎,要在表達式後方輸入*-1,
圖層的綁定則從最右邊的翅膀圖層,綁定到左邊一個圖層,以此類推,綁定到身體旁的右翅膀。
為了讓蝴蝶的翅膀不要感覺這麼軟,讓它有類似飛機襟翼的構造,
靠近身體的左、右翅膀Y Rotation碼錶點開表達式綁定到第二個Slider Control效果上,
要注意在右翅膀表達式後方輸入*-1。
右鍵新建一個Camera。
利用Camera旋轉蝴蝶,
「Adjustment Layer」效果之Slider Control設置兩個關鍵影格後F9,做蝴蝶拍翅動畫,
為了不用一直設置影格就能有循環的動畫,按住Alt點擊Slider Control的碼錶輸入循環表達式:
loopOut('pingpong')。
再來開啟動態模糊。
目前效果。
如此一來3D蝴蝶就做完了,
全選右鍵Pre compose,並開啟3D圖層。
Composition Setting改回1920×1080,
匯入背景素材。
如果覺得背景很雜,可以加入Tint、Glow效果調色。
右鍵新建一個Null Object,開啟3D圖層,Position右鍵Separate Dimensions將Position分為XYZ方便調整,
並將蝴蝶綁定到Null上,同樣Position右鍵Separate Dimensions。
(Null Object是個空物件,主要用於綁定,以調整圖層的Transform及畫面追蹤)
調整蝴蝶的Z Position,並按住Alt點擊Null Object的Y Rotation碼錶,輸入表達式:
time*120。
之後在設置Null Object的Position的關鍵影格讓蝴蝶垂直往上,
就會有蝴蝶旋轉往上飛的動畫了。
Ctrl+D複製一層背景,複製的背景放到最上層,
利用鋼筆或是Roto Brush工具為背景物件繪製遮罩,讓整體更有空間感。
最後要做跟隨蝴蝶的魔法粒子,
新建一個正方形的Comp,並雙擊橢圓工具繪製圓形的Shape。
將剛新建用來做魔法粒子的Comp從Project視窗拖曳到蝴蝶圖層上。
魔法粒子Comp開啟3D圖層並綁定到Null Object上,
Ctrl C/V複製蝴蝶的Transform到魔法粒子Comp,
這樣一來魔法粒子Comp就會跟隨蝴蝶移動了。
關閉魔法粒子Comp的眼睛,
右鍵新建一個Solid。
Solid加入Particular效果,圖層混合模式改Add。
展開Emitter將Emitter Type(發射器類型)選Layer(圖層),這樣就能讓粒子發射器變為其中一個圖層,
展開Layer Emitterr(圖層發射器),Layer選魔法粒子Comp,Layer Sampling選Particle Birth Time,
提高Emitter中的Particles/sec,讓粒子更多,
展開Particle調整Size、Life控制粒子大小與壽命,Size over Life選一個預設。
如果想讓粒子通過物件時被遮蔽,
只要展開Visibility(可見性),Obsuration Layer(遮蔽層)選物件圖層即可。
(遮蔽物要記得開啟3D圖層)
展開Emitter,Velocity與Velocity Radom/Distribution/from Motion都設0,
Layer RGB Usage選RGB-Size Vel Rot,
展開Physics的Air>Turbulence Field,提高Affect Position。
展開Particle,Set Color選Over Life,並從Color Over Life調整粒子漸層色。
最後粒子在加入Glow效果,
如此一來就完成啦~
這次我們使用的圖片素材為MotionElements的素材
蝴蝶素材:點我前往
背景素材:點我前往
相關素材:點我前往
如果還有想學的特效歡迎在下方留言,或是於六指淵特效社團發問讓我們知道!
我們會用最快的速度推出您有需求的學習內容~!我們下次見!
此教學專案檔下載(cc 2020以上):