AEJoy ——表达式之彩色文字尾随特效【JS】

423 阅读1分钟

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

效果图

彩色尾随的效果 111.gif

加了马赛克的效果 111.gif

步骤一

建立空对象制作基础动画,添加滑块控制器

image.png

步骤二

输入你想要的的文字(比如, AEJoy),并点击在位置属性 “秒表”图标,添加表达式

image.png

步骤三

为文字添加 valueAtTime 表达式,制作延时效果

具体的表达式代码如下

thisComp.layer("空对象").transform.position.valueAtTime(time - 
thisComp.layer("空对象").effect("Slider Control")("Slider")*index)

通过 index 让不同图层获得不同的延时

步骤四

添加最后的表达式 [index*10, index*10],使不同图层位置产生偏移

thisComp.layer("空对象").transform.position.valueAtTime(time - 
thisComp.layer("空对象").effect("Slider Control")("Slider")*index) +
[index*10, index*10]

步骤五

调整文字颜色,为文字添加动画预设

image.png

还可以考虑添加调整图层制作马赛克效果来进一步丰富效果

image.png

表达式解析

  • thisComp.layer(“空对象”).transform.position:代表了跟随空对象 “空对象” 的位置属性

  • valueAtTime(time - thisComp.layer("空对象").effect("Slider Control")("Slider")*index:为延时表达式,滑块数值*图层序号为延迟时间

  • index*10,index*10:意为在空对象“空对象”的位置属性基础上,x、y的位置分别增加图层序号*10的数值