透明背景GIF制作教程

如题所述

第1个回答  2022-06-30
经过不断试错和在网上查询,终于找到了一个我认为效果比较好的方法,在这里跟大家分享一下

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

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

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

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

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

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

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

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

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

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