嘿,小伙伴们!欢迎再次来到AE小课堂!今天咱们来点高级的,一起探讨如何利用表达式制作动态波纹效果。保证让你的作品瞬间提升一个档次,让你在朋友圈里秀一波操作!
一、准备工作在开始之前,咱们得做点准备工作。确保你的AE已经安装好,并且版本不要太旧哦,不然有些功能可能用不上。然后,新建一个合成,尺寸啥的自己定,分辨率高点效果会更好。
二、创建波纹图层接下来,咱们要创建一个波纹图层。在AE里,图层就像是咱们画画用的纸,可以在上面涂涂画画。
添加图层在时间线面板里,点击那个新建图层的按钮,选择“纯色”图层。在弹出的窗口里,选个你喜欢的颜色,或者直接用默认的黑色也行。这个图层就是咱们制作波纹的“画布”。
添加波动效果在效果面板里,搜索“波形变形”(Wave Warp),然后把它拖到咱们刚才创建的纯色图层上。这个效果就是用来生成波纹的。
三、编写表达式到了这一步,咱们就得开始编写表达式了。表达式就像是给图层写的小程序,可以让图层按照咱们设定的规则动起来。
打开表达式编辑器在图层属性面板里,找到波形变形的“波形高度”(Wave Height)和“波形宽度”(Wave Width)属性,按住键盘上的Alt键(Mac上是Option键),然后点击这些属性旁边的小码表图标。这样,就打开了表达式编辑器。
编写波形高度表达式在波形高度的表达式编辑器里,输入以下代码:
javascript复制代码
time * 10 + Math.sin(time * 5) * 50这行代码的意思是,让波形高度随时间增加,并且加上一个正弦波的变化。time * 10是让波形高度随时间线性增加,Math.sin(time * 5) * 50是加上一个周期为2秒(因为5是time的系数,1秒有25帧,所以5*25=125,大约等于一个正弦波的周期)的正弦波变化,振幅为50。
编写波形宽度表达式波形宽度的表达式可以简单一点,咱们就让它随时间线性增加吧:
javascript复制代码
time * 5这行代码的意思是,让波形宽度每秒增加5个单位。
四、调整参数现在,咱们已经编写了表达式,但是效果可能还不太理想。没关系,咱们可以调整一下参数,让波纹效果更加完美。
调整波形速度和振幅回到波形变形的属性面板,你可以直接拖动“波形速度”(Wave Speed)和“振幅”(Amplitude)的滑块,来实时查看效果。波形速度决定了波纹移动的快慢,振幅决定了波纹的大小。
添加其他效果如果你觉得波纹效果有点单调,还可以给它加点其他效果。比如,你可以添加一个“发光”(Glow)效果,让波纹边缘发光,看起来更加酷炫。
五、让波纹动起来现在咱们的波纹效果已经做好了,但是它是静态的,没有动起来。咱们得让它动起来,才能看出效果。
创建关键帧动画在时间线面板里,给图层的位置属性打个关键帧。然后,移动时间指针到几秒钟后,改变图层的位置,再打一个关键帧。这样,图层就会在时间轴上移动了。
调整波纹方向如果你希望波纹沿着图层移动的方向移动,可以调整波形变形的“方向”(Direction)属性。这样,波纹就会跟着图层一起移动了。
六、优化效果到这一步,咱们的波纹效果已经基本完成了。但是,为了让效果更加完美,咱们还可以做一些优化。
调整图层混合模式如果你的合成里有其他图层,可以尝试调整波纹图层的混合模式。比如,使用“叠加”(Overlay)或“柔光”(Soft Light)模式,可以让波纹和其他图层更好地融合在一起。
添加背景为了突出波纹效果,你可以添加一个背景图层。比如,一个渐变色背景或者一个模糊的图片背景都可以。
七、搞定啦!好啦!咱们的动态波纹效果就做到这里啦!看看时间,好像写得有点长了,不过没关系啦!只要你们能学到东西就行!
现在你已经掌握了利用表达式制作动态波纹的技巧啦!接下来就靠你自己多动手实践啦!记得哦!实践出真知!只有多动手做才能真正掌握AE哦!加油哦!期待你们的佳作!如果有什么问题或者心得,欢迎在评论区留言哦!咱们下次再见啦!