有需求做个数字滚动动画,这里参考视频做个笔记。因为是跟做的,所以有些截图是我的,有些是截视频的。
参考视频
https://www.bilibili.com/video/BV1VN4y1V73k/
创建文字图层
填写表达式,例如
1
2
n = "1234567890";
n.repeat(3)
如果你在使用repeat方法的时候报错,请将表达式引擎改成javascript
如果数字是平躺的,双击选中文字,在字符面板右侧三横杠上右键:标准垂直罗马对齐方式。
如果标准垂直罗马对齐方式无法选中,则因为你的数字是横排,需要转换为直排文字。
更改数字为垂直
取消勾选标准垂直罗马对齐方式
取消勾选标准垂直罗马对齐方式
数字移动
画一个蒙版
选中矩形工具画一个蒙版
画蒙版
调整蒙版羽化
调整蒙版羽化
添加位置移动动画
点击添加动画选择位置动画。
添加位置动画
我们直接就可以在范围选择器中调整啦
调整位置动画