AE导出序列帧图片

UI设计 yekong

vue数据可视化大屏开发中,经常会遇到添加动画效果的情况,一些动画可以通过css和js来实现,而另外一些只能通过图片序列帧来实现,当动画做完以后,我们需要导出序列帧图片。

添加渲染队列

选择我们要导出的资源,找到合成选择添加到渲染队列。

添加渲染队列

找到渲染队列

找到输出模块,选择类型

找到渲染队列

选择序列

这里我需要的是png序列,所以选择png序列,选择完成后点确认。
确认完成后配置一下输出模块右侧的输出到的目录.

选择序列

配置完成后点击渲染

配置完成后点击渲染

渲染完成后,就可以看到我们的序列图片了。

配置完成后点击渲染

页面渲染

得到了我们的序列帧图片后,我们就可以在可视化数据大屏中添加我们的序列帧动画了,我们可以通过vue 使用canvas实现序列帧动画效果或者css方式渲染序列帧了,js或者css的方式来渲染我们的序列帧图片。

喜欢