SVGA/序列帧转MP4 【VAP格式】

• 相比Webp, Apng动图方案，具有高压缩率(素材更小)、硬件解码(解码更快)的优点
• 相比Lottie，能实现更复杂的动画效果(比如粒子特效)

优势：

1.相比Webp,Apng动图方案，具有高压缩率(素材更小)、硬件解码(解码更快)的优点

2.相比Lottie，能实现更复杂的动画效果(比如粒子特效)

3.视频透明度实现

4.动画配置信息与融合动画

下载地址：https://github.com/Tencent/vap/tree/master/tool

⚠️⚠️⚠️文章内的SVGA文件均已商用❗️

一、SVGA转VAP

SVGA网址：https://svga.io/svga-preview.html

1.打开网址-社区生态--SVGA Tools

2.将SVGA文件拖入或选择文件打开

3.下载图片资产--生成png序列--下载所有图片

4.解压文件，并给文件重命名。这里需要注意❗️视频帧❗️ 重要❗️特效的帧素材，命名必须以固定长度的数字递增例如（000.png, 001.png, ...），否则无法导入视频帧！mac具有批量修改文件名的功能，非常方便，如下所示：

必须是000开头，且三位数，依次按顺序命名：

替换完成，如下图：

5.打开专门为vap组件打造的素材生成工具--vapxTool，界面基本参数保持默认，如下图修改输出目录。按照步骤生成文件👇

点击生成后等待一段时间就会生成一个vap.mp4和一个json文件，mp4文件即为vap文件，使用这个文件即可； vapc.json文件是给前端用的，实际上就是已经编码在mp4的vap配置信息

二、AE导出序列帧转VAP

1.打开需要导出的文件，选择合成-添加到渲染列队（或快捷键Command+M）
渲染输出步骤 如下图：

2.即可得到下列序列帧

修改命名，如下图：

3.打开vapxTool，界面基本参数保持默认，如下图修改输出目录。按照步骤生成文件👇

4.生成成功。mp4文件即为vap文件，使用这个文件即可；

以上是两种生成VAP的方法！喜欢的小伙伴可以留下足迹👣