SVGA 礼物动画设计相关

1.1 什么是SVGA

SVGA 是由 YY 团队开发出来的一种跨平台的开源动画格式，同时兼容 iOS / Android / Web。SVGA 除了使用简单，性能卓越，同时让动画开发分工明确，各自专注各自的领域，大大减少动画交互的沟通成本，提升开发效率，动画设计师专注动画设计，通过工具输出 SVGA 动画文件，提供给开发工程师在集成 svga player 之后直接使用。

SVGA 不同于 Lottie，Lottie 需要在 Player 一层完整地将 After Effects 所有逻辑实现，而 SVGA 则将这些逻辑免去。也因此，SVGA 可以同时支持 Flash。SVGA 做的事情，实际上，非常简单，Converter 会负责从 Flash 或 AE 源文件中提取所有动画元素（位图、矢量），并将其在时间轴中的每帧表现（位移、缩放、旋转、透明度）导出。 Player 会负责将这些信息还原至画布上。


1.2 AE 制作 SVGA 动画需要注意事项

AE制作 SVGA 动画主要采用两种方式：1、用基础属性做礼物动画，制作出的礼物内存消耗小，制作复杂效果设计成本高；2、添加序列帧动画特效，制作出的礼物内存消耗大，制作复杂效果设计成本低，因为可以利用插件或素材进行制作。如果项目需求不是特别急的情况下，建议大家还是尽量采用基础属性动画进行礼物制作，如果需要加入序列帧动画特效的话，一定要控制好序列帧大小，避免造成礼物内存消耗过大，从而影响产品稳定性。

小结：

SVGA 动画在目前直播礼物设计方面相比 Lottie 更有优势，由于 SVGA 对位图的素材提取有优势，因此我们可以用位图素材做出一些有趣的基础属性动画，同时我们也可以用序列帧位图做一些特殊效果动画，增强礼物的视觉表现力，需要注意的是大家一定要控制好礼物的内存消耗，不能盲目加入大量序列帧动画，从而影响产品稳定性。

2.1 AE 基础属性动画

用 AE 基础属性（位置、缩放、旋转、透明度）动画制作礼物，利用基础属性动画制作礼物是比较常见的一种制作方式，其实我们看到的一些特殊效果其实也可以用基础属性做，需要设计师多思考举一反三，比如我们常见的粒子效果，它有优势也有缺点。

优点：基础属性动画制作的动画比较稳定，