透明背景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。

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,056评论 3 119
  • 2016年7月18日开始跑步,距今共跑12次,总里程45.47公里,累计用时5.4小时。 对于运动,一直是喜欢,还...
    舒琳Nina阅读 1,373评论 0 0
  • 干嘛给我发钱? 今天早上小编的头被互加的大礼包砸晕了,到现在才缓过来。小编迫不及待的要晒一晒。但是小编始终不明白,...
    N1012王冬梅阅读 1,621评论 0 0
  • 金牛派阅读 1,063评论 0 0

友情链接更多精彩内容