这次的内容很简单,要来介绍图形曲线编辑器以及简单应用。

先开一个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):