阅读 122

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

效果图

彩色尾随的效果 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的数值


作者:ShaderJoy
链接:https://juejin.cn/post/7015120128144572446


文章分类
后端
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐