有需求做个数字滚动动画,这里参考视频做个笔记。因为是跟做的,所以有些截图是我的,有些是截视频的。

参考视频

https://www.bilibili.com/video/BV1VN4y1V73k/

创建文字图层

填写表达式,例如

1
2
n = "1234567890";
n.repeat(3)

如果你在使用repeat方法的时候报错,请将表达式引擎改成javascript

如果数字是平躺的,双击选中文字,在字符面板右侧三横杠上右键:标准垂直罗马对齐方式。

如果标准垂直罗马对齐方式无法选中,则因为你的数字是横排,需要转换为直排文字。

更改数字为垂直

取消勾选标准垂直罗马对齐方式

取消勾选标准垂直罗马对齐方式

数字移动

画一个蒙版

选中矩形工具画一个蒙版

画蒙版

调整蒙版羽化

调整蒙版羽化

添加位置移动动画

点击添加动画选择位置动画。

添加位置动画

我们直接就可以在范围选择器中调整啦

调整位置动画