晚上和朋友討論關於蝴蝶翅膀在後期軟件中的做法,曾經Combustion下也有類似教程,HQC老師也有過類似的教學程序(可惜我沒有拜讀過)。突然想到,AE5.5的強大Expression也可以用來做此類效果阿。 我立即開動AE,果然很不錯啊,和打關鍵幀效果完全不一樣,非常自然。和大家一起來分享:
首先,必須要準備一個類似的蝴蝶素材,如果沒有,可以用combustion的那個。如果還沒有,自己畫一個吧,在photoshop下處理成下圖的感覺,記得要保存通道哦。
附帶說一句,why要做成這樣的,是為了到AE下,我不需要再修改翅膀的中心點了,直接在PS下對好位置,這樣,還能保證旋轉軸是正確的。再在PS下做個左麵的翅膀,畫個身子,OVER。
好了,來到AE下,把剛才做好的圖層全部IMPORT進來,然後建一個640 x 480的Comp,將剛才做好的三個圖拖下來。看上去應該
如下圖:
然後,兩個翅膀聯接到身子的圖層上, ,將這三個圖層都設為3D層。接下來就是要加表達式了。首先,觀察圖層,發現在這個
方向上看,蝴蝶翅膀應該是在Y方向做旋轉運動。那麼,就給Y方向的rotation加上表達式。
無所謂給哪個翅膀先做,然後表達式的框內鍵入下麵幾句:
wigfreq = 1;
wigangle = 40;
wignoise = 2;
Math.abs(rotation.wiggle(wigfreq, wigangle, wignoise))+40
有空的時候,我會說明一下這幾句的具體用途。不過我想,也許根本大家都是能理解的。不用我再廢話了。然後,給另外一個翅
膀加上跟隨這個翅膀運動,也用表達式來完成,不知道如何做跟隨的朋友可以用下麵的表達式語句:
this_comp.layer("Right_wing.tga").rotationY
我先做的是right_wing,所以現在是跟隨right_wing。如果朋友們的圖片名稱有所改變,那麼也隻要對應的改變就行了。
現在預演一下,會發現,運動有點問題,問題出在左麵的翅膀,似乎和右麵的翅膀在同一麵上。這其實是旋轉角度的問題。剛才
的表達式要稍稍修改下,也就是說,要改成-this_comp.layer("Right_wing.tga").rotationY這就對了。看一下:
OK,基本上已經大體完成了,再加個背景,然後講身子縮小點,位置擺擺好。就應該基本完成了。
總結一下,這個蝴蝶是由三維圖層,鏈接物體,expression語句共同完成。可以給它打燈光,也可以再給蝴蝶的位移加上expression。這樣,效果更好,(當然,翅膀的扇動頻率要改快些)。
希望我的這段小文能夠給要做類似效果的朋友帶來一點小小的啟發。表達式可以說是AE 5.5最強大的功能了。用好它,就能做出變幻無窮的效果來。
After effects 入門-- 設置After Effects 5.0