《AE教學》動態魔手~曲線編輯器的簡單應用!

哈囉!又到了快樂的教學時光。

這次的內容很簡單,要來介紹圖形曲線編輯器以及簡單應用。


先開一個Shape Layer示範:

 

然後用鋼筆工具(快捷鍵G)繪製一條線段:

因為想做流星的效果所以不是直線。

 

接著在Shape內容裡新增一個Trim Paths:

它能修剪線段的頭尾。

 

調整End數值,從0%到100%,讓線段的尾巴從起始點生長到結束位置:

 

然後選擇End數值後,點選上面的Graph Editor:

 

就會像這樣:

出現了這個數值的圖形曲線編輯器。

曾上圖可以看到,隨著時間前進,數值會從0%(線段左下角位置)上升至100%(線段右上角位置),

因為中間都是直線,所以速度不變。

 

按住ALT去拖曳右上角的節點,可以拉出拉桿,這樣就讓線段有了弧度、曲線:

 

它也給你一些基本型:

也就是快捷鍵F9的關鍵影格模式,漸進漸出。

 

來看看整體的話就是…

你可以看到曲線在該時間的位置,對應左邊的%數,大致為65%左右,

那再從左邊End數值來看,可以看到精確的值為64.8%;游標挪到曲線上也可以看到當前的數值唷!

 

上面的類型是以數值變化為主,也可以用速度作為依據:

底下有個列表ICON可以選擇Speed Graph。

 

這時就會看到曲線變換成速度模式了:

你可以從圖形中看到,速度從0、隨著時間持續增加,一直到15幀(f)的地方,再漸漸變慢、一直到0。

速度上也是這樣表現。

 

所以我把節點往前推,讓它一開始的曲線弧度較高,隨後漸緩:

動態上就會再開始處較快、然後漸漸緩和、靜止。

 

你可以看到在一開始的部分,加速度較快,線段已衝出一段距離:

 

 

不過部分多項數值在曲線編輯器內不能同時控制:

例如座標。

在曲線編輯器內,不同數值變化會一起控制。

 

你可以點選右下方的Separate Dimensions來分離它們:

 

或是在座標數值上點右鍵來找到它:

 

這樣就能個別控制座標內的X、Y或Z軸囉!

 

所以運用這樣的動態變化,就可以應用在很多地方,無論是動態圖像或是其他動畫特效,

數值變化不一定都是死板的往前往後,試著讓它們更多元吧!

例如流星由快到慢的劃過去也可以利用曲線編輯器調整動態速率~

流星弧度太大了請無視…

那這次的教學就到這邊結束,我們下次見~

 

 

此教學AE專案欓下載(cc 2019 & CC 2014):

 

 

 

 

 

 

 

 

 

 

非經授權請勿轉載本網站原創內容,盜用必究

若想得到更多教學資訊,歡迎加入六指淵學生社團


《立即分享》
Loading Facebook Comments ...