做直播特效踩过的坑

从企业级的直播转到秀场直播   从千遍一律的蓝色到五彩斑斓的黑

第一次做直播礼物特效、进场特效，将踩过的各种坑分享一下～

工具：C4D、PS、AE、AE的插件svga

一、GIF格式：

对于开发来说比较方便，但是画质效果差，占用内存大。不建议采用这个方法

1、在c4d做好模型和简单的动效果（小菜鸡的我只会简单的动动）、导出png序列和.aec文件。（c4d也可以直接导出mov，但是它是带有背景的。我做直播礼物的话是需要背景透明的特效，所以我选择了导出png序列。）

2、在AE里面导入从c4d里导出的aec文件，这样就能在ae里看到在c4d做的动效啦～

然后可以在ae里再加些点缀素材丰富画面，这个看画面需要啦。最后就是保存导出，勾选Alpha通道，渲染成mov。

3、在ps里导入mov再导出成gif，当帧数比较多时，可以删减掉一半的帧数，比如删掉所有的奇数，剩下偶数。这样导出成gif动画动起来不会卡顿，看起来还是挺流畅的。占用内存也会小很多。

二、png序列帧动画

用得比较多的一种方式，开发用动画引擎能减少手机运行内存。追求画质效果好，动效时长又比较长的可以采用这个方式。

我们平台直播间的大礼物特效是采用这个方式。

动效做好直接导出成png序列给到开发小哥哥就好了，但是一定要保证每一张png的尺寸都是一样的！！

如果png图片太多可以删减一部分+对每一单张png图也进行压缩，因为直接从c4d或者ae里导出来的png可能不是最小的。

三、svga格式

这个是我们现在app采用的格式，一个7M的gif，用svga格式只有300KB大。

可以下载svga这个插件，支持AE和Animate。http://svga.io/designer.html 下载地址

在AE里做好动效后，直接导出成svga格式就可以了。

但是svga有一个非常非常不友好的地方，它只支持AE里面的位移、缩放、旋转、不透明度这种效果。什么粒子，超级酷炫的效果是不支持的。从C4D里导出的aec格式也是不支持的，所以啊！！只能做比较简单的动画。

最后，我用了一个比较笨的方法。将png序列导入AE里面做帧动画，再导出成svga格式，就是特别麻烦。

四、webp动画

这个优点很多，最大的一个就占用内存小！！它是谷歌，对安卓来说是ok的。但是对于ios来说，是不支持webp的，但也有插件可以实现。啊～～这是开发小哥哥的领域，我也说不清是怎么一回事.......可以百度！

png序列帧转换webp动画，对于png 、jpg、 gif 等格式转换webp ,google给提供了命令行工具，下载地址：https://storage.googleapis.com/downloads.webmproject.org/releases/webp/index.html 

我也是在摸索中，学习中。

希望有大神能告知更好的方法～