透明背景GIF制作教程

经过不断试错和在网上查询，终于找到了一个我认为效果比较好的方法，在这里跟大家分享一下

1.在AE里做好动效，记得勾选切换透明网格（活动摄像机左边的蓝色图标）

图1

2.添加到渲染队列，格式选择QuickTime，通道选择RGB+Alpha（蓝框里），渲染出来。

图2

3.出来的视频是带有透明通道的，直接打开看还会有黑底，不要着急，关闭时会提示你是否转换成新文档（图3），一定要确定存储。生成的新视频打开看是完全透明背景的视频（如图4）。

图3 图4

4.将转换的视频拖入ps中，会自动出现时间轴，在这里检查一下帧速率是否跟AE里的一致，如果有差别，可以在右边的图标里找到设置时间轴帧速率（图5），可以设置帧速率（图6）

图5 图6

5.设置完成后，导出web所用格式（图7），调节参数（重点注意图8红色框中的设置）

图7 图8

6.最后导出来的gif就是透明背景的啦～这样的好处是清晰度最大程度得到保证，没有杂色和多余的描边。好像在gif里不透明度变化很难体现出来，这里就通过扩散透明度仿色来曲线救国达到近似的效果。

其他

网上也有其他的一些办法，比如在AE里导出png序列帧，再在ps里合成gif，我尝试后出来的gif效果锯齿效果比较明显，质量不达标（可能是我设置的问题，大家知道怎么解决的可以在评论里教教我～感谢～！），有的文件出来后效果会发生变化或者内容不完整，总之会遇到各种bug，所以放弃了。

在AE里用gifgun这个插件可以直接导出gif格式，但是貌似不支持透明背景。

从AE里导出的转换视频也试过通过gifrocket这个软件来转换，但是也不支持导出透明背景gif。

因为这个问题折磨了我一两天，网上也没有比较完整的解决方式，也发现很多朋友也在网上问过类似问题没有相关解答，所以写这篇教程，希望能帮到有需要的朋友。