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

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

先開一個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)：