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

搜索在互联网上大量的相关研究,发现在线信息的SVGA相当小,和很大一部分或介绍的开发、设计和生产更少的可怜,这就是为什么我要写这篇文章的内容,我想也许应该有这样一篇文章,帮助一些设计学生做这件事,如果你对你的表达有任何问题，请指出……到底，什么是SVGA？AE怎么制作输出 SVGA？我们不妨一起来看一看~

文章源自设计学徒自学网-http://www.sx1c.com/5843.html

什么是SVGA？文章源自设计学徒自学网-http://www.sx1c.com/5843.html

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

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

AE怎么制作输出 SVGA？文章源自设计学徒自学网-http://www.sx1c.com/5843.html

步骤1:从Sketch或PS中剪切导出礼品及礼品特效元素。根据个人需要，礼品可以分成几张，分别导出，方便在AFTER effects中制作动态效果。文章源自设计学徒自学网-http://www.sx1c.com/5843.html

文章源自设计学徒自学网-http://www.sx1c.com/5843.html

步骤2:将导出的切割图形材质导入AE中，使用AE制作基本属性动画。生产完成后的结果如下文章源自设计学徒自学网-http://www.sx1c.com/5843.html

文章源自设计学徒自学网-http://www.sx1c.com/5843.html

步骤3:将背景隐藏窗口以找到SVGAConverter_A文章源自设计学徒自学网-http://www.sx1c.com/5843.html

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

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

好了，以上即是关于SVGA的解析说明以及AE怎么制作输出SVGA的操作方法了，大家都学会了吗？总而言之，希望小编今天的分享对你有所帮助哦~