【表达式案例】如何做出居中对齐的打字机动画

打字机动画顾名思义,就是让文字像打字机一样逐个出现,在文字出现的过程中配上敲键盘的声效,可以营造出很官方很正式的感觉。

由于实用性非常广泛,ae把打字机动画做进了动画预设合集里了

在打字机动画中也有把动画做成居中对齐的案例,这样的动画就有了一些俏皮的元素。

https://www.bilibili.com/video/BV1K7411E7Zm?from=search&seid=3638684105850381246

和一般文字动画制作思路不同,这种文字动画需要把表达式打在图层的中心点的数值上。

而且把文本对齐方式设置为左对齐,这样图层的中心点的起始点就会在图层的最左边,然后只要加上图层长度的一半就能保证中心点一直在图层中心了。

这个表达式只是改变了中心点位置,所以还能自由地调整图层位置。

变量=thisLayer.sourceRectAtTime(time).width;
[0+变量/2,0]

这段表达式翻译成人话就是:设置一个变量,变量数值等于这个图层的实时宽度

[输出x轴数值为0加上变量的一半,y轴为0]

这样就能让中心点始终保持在图层中间了

注意事项:

图层的中心点信息是基于图层本身之上的,不像位置信息是基于世界坐标。中心点在图层属性中占据重要地位,位移与缩放动画都是围绕着中心点发挥着作用,位移动画里并不是图层本身在动,而是中心点带着图层运动。

文字动画的原理就是文字的初始状态到另一种状态的变化过程,ae的打字机文字动画预设是不透明度的变化,它只能改变可见性并不能改变图层的长度,所以必须要在缩放动画上来实现改变可见性。

同时也要把动画的平滑度归零,这样就能看起来像常规的文字动画一样逐个出字了。

Leave a Reply