今天要来教大家如何使用AE的表达式

做出游标一停留就有像按钮一样的悬浮效果!

这次要准备的素材有两组,

首先先汇入按钮被选取的素材,

每个按钮都要自己分开一个图层,如下图总共三个。

接着汇入按钮没有被选取的素材:

将被选取的素材放在没被选取的素材上,

总共六个素材:

接这对着图层区空白处右键 > New > Null Object。

将Null Object改名为游标,之后这个就是我们的游标座标囉。

接着用形状工具画出三个按钮的触碰范围,

这边为了方便观察我们先将素材图层都隐藏,

只显示范围形状图层。

每个范围个别一个图层:

先选取其中一个范围,按下T叫出Opacity,并Alt+左键点击小码表开启表达式视窗,

先在视窗里打上:

p =
s =

a = s.sampleImage(p,[0.1,0.1])[3]
linear(a,0,1,0,100)

这里的p代表游标、s代表显示图层,

待会我们要定义这两个代数分别代表什么,

稍后会再对其他的参数做详细说明!

将输入游标停在p =后并使用Opacity的Parent工具拖曳至游标图层的Position控制上,

表达式会显示 p = thisComp.layer(“游标”).transform.position。

接着输入游标停在s =后,Parent工具拖曳至同个形状图层上,

表达式会显示 s = thisLayer。

这么一来定义结束之后,表达式也算完成了。

完成之后会发现刚才的范围形状在预览窗内不见了。

这时将由标图层拖曳到形状上会发现当游标停在上面时形状就会显示。

将完成的表达式复制到其他的范围形状上。

拖曳游标检查看看显示有没有问题。

接着显示素材图层,

选取被选取的素材图层打开Opacity控制选项。

使用各个素材图层的Opcity Parent工具拖曳到各个范围形状的Opacity上。

最后将范围形状图层隐藏。

再次拖曳游标就会自动显示/隐藏素材囉!

因为在底下还有没被选取的素材图层在,

因此在游标没有经过的时候就会露出底下的素材。

当然也可以汇入真的游标素材并用Parent工具让游标跟着Null图层行动,

看起来就像真的用油标在选取囉。

接着来详细说明遗下刚才的表达式参数,

在a = s.sampleImage(p,[0.1,0.1])[3]中的[0.1,0.1]表示选取范围的透明度渐变范围,

如果将这里改成[10,10],就会使渐变范围增加。

将游标慢慢移动到素材的边缘会发现在这个渐变范围里,

素材的透明度会慢慢变化,而不是直接的切换显示/隐藏。

而linear(a,0,1,0,100)中会后的两组数字0,100则分别代表

没被游标接触/有被游标接触的透明度百分比。

若将这里的数字对调,改为linear(a,0,1,100,0)则会对调游标经过时的显示/隐藏效果。

更改后,素材原始状态就会是亮起的显示状态,

将游标移动至上方就会隐藏。

活用这些参数并增加一些修饰就能做出不错的效果哦!

 

此教学专案档下载(cc 2018以上):