最近有个需求,是想做数字动态的动画。这个在AE中直接用表达式就可以做了,非常的方便。

效果预览

素材准备

准备一个psd文件,文字需要是文字图层。

文字图层

然后我们拖动到ae中。选择保持图层大小。

选择保持图层大小

然后双击进入我们的合成。

进入合成

转换文本

我们需要将我们的文字图层转换为ae的文字图层。右键单击图层,选择「创建」->「转换为可编辑文字」

可编辑文字

添加滑块效果

继续右键单击这个图层,选择「效果」->「表达式控制」->「滑块控制」

表达式控制

然后展开这个图层,将源文本的橡皮筋拖拽到「滑块」

拖拽

展开源文本我们就可以看到表达式的内容了。

表达式

因为滑块为0,所以我们显示的也是0。

设置小数点

默认表达式是包含一个点的,我们如果不想显示小数点,或者想保留X位小数,就需要添加.value.toFixed(0)

其中0代表不包含小数。

如果你想包含2位小数,则改为2,例如

1
.value.toFixed(2)

编辑表达式

添加数字变化

这之后我们只需要给滑块添加动画即可。

K帧

如果有文本对齐方式需求,也可以在AE里修改文本的对齐方式。

打开段落窗口修改对齐方式

相关链接

3分钟学会AE制作数字增加/减少效果 | 包教包会!