什么是SVGA？AE怎么制作输出 SVGA？

什么是SVGA？

SVGA是YY团队开发的跨平台开源动画格式，兼容iOS/Android/Web。SVGA操作简单，性能优良。同时，它使得动画开发分工明确，专注于自己的领域，大大降低了动画交互的沟通成本，提高了开发效率。动画设计师专注于动画设计，通过工具输出SVGA动画文件，集成SVGA Player后，可以直接供开发工程师使用。

SVGA与Lottie的不同之处是，Lottie在Player层中完全实现了所有After Effects逻辑，而SVGA不需要这个逻辑。因此，SVGA也可以支持Flash。实际上，SVGA所做的事情非常简单。转换器负责从Flash或AE源文件中提取所有动画元素(位图，矢量)，并在时间轴中导出每个帧的表示(位移，缩放，旋转，透明度)。播放器负责将这些信息恢复到画布上。

AE怎么制作输出 SVGA？

步骤1:从Sketch或PS中剪切导出礼品及礼品特效元素。根据个人需要，礼品可以分成几张，分别导出，方便在AFTER effects中制作动态效果。

步骤2:将导出的切割图形材质导入AE中，使用AE制作基本属性动画。生产完成后的结果如下

步骤3:将背景隐藏窗口以找到SVGAConverter_A

步骤4:使用SVGAConverter_AE插件导出SVGA文件，输出SVGA时记得将背景调整为透明背景，输出如下

从下图可以看出，SVGA输出格式后的文件大小只有145KB，如果是序列帧，文件大小可达10mb以上