百科生活 投稿
关于【ae导出gif文件太大怎么办】，AE文件怎么导出GIF格式，今天小编给您分享一下，如果对您有所帮助别忘了关注本站哦。
- 内容导航：
- 1、ae导出gif文件太大怎么办：AE文件怎么导出GIF格式
- 2、动效落地可能最好的几个方案，分享给你
1、ae导出gif文件太大怎么办：AE文件怎么导出GIF格式
很多人都会用AE来制作一个小动图，动图的保存格式一般我们都是要求GIF的，但是AE对于部分文件是没有办法直接渲染导出GIF的，今天给大家介绍一下如何进行操作。
操作方法
打开电脑中的AE软件，先创建一个合成，一般来说帧数我们都是设置30f/s。
创建合成完成之后，我们先随意来创建一个简单的动画，调整一不同时间下的位置状态即可进行制作。
制作完成之后需要将合成导出，选择“合成-添加到渲染队列”
在渲染队列中，我们可以看到一个“输出到”选项，在该选项下文件格式只能够选择.mov，没有别的进行选择。
格式选择完成之后点击“渲染”，等待文件渲染导出成功。
导出成功之后就会得到一个.mov的文件，打开电脑中的PS软件，拖入.mov文件打开。
文件打开之后，在上方选择“文件-导出-存储为web所用格式（旧版）”
在存储为web所用格式中，我们将格式选择为“GIF”
点选GIF格式之后，在下方“循环选项”中，要将循环选择为“永远”，最后进行存储即可完成操作了。
声明：本篇经验系「www.coozhi.com」原创，转载请注明出处。
2、动效落地可能最好的几个方案，分享给你
前言
相信打开这篇文章的你，多多少少都接触过动效设计，但不知落地方案你知多少，本期就分享几个业内设计大佬们常用，但还舍不得告诉人，超级好用的落地方案！
质量更高的GIF
GIF图是我们最熟悉的动图格式，它是一种有损格式，只支持8位256色，但它有着极强的兼容性，这让设计师又爱又恨，尤其输出透明的元素常常伴有锯齿和白边，所以对于透明的元素要慎用此格式，后面会介绍更好的方案。
对于一些需要输出GIF格式的动图，有几个技巧能助你输出更高质量的画质，首先在能接受动图大小的前提下，尽可能的调大帧速率，这样导出的动画更细腻柔和。
当在AE设计好的动画后一般是导出视频或序列帧，再用PS导出GIF图，这里推荐导出序列帧再用ps导出GIF图的方案，这样动图相对质量更高内存也更小一些。
还有一种比较快捷的方式就是用AE插件gifGun，一键导出GIF图，内存相对较小，质量次于序列帧导出的方式，如果只是导出效果观看，可以用这种快捷的方式，如果要落实到产品上，最好能够用序列帧输出更高品质的GIF。
AE插件gifGun
当输出的gif图过大时，这里推荐一个不错的压缩软件PPDuck，能够很好的压缩到更小的内存，对画质影响也较小。
软件PPDuck
apng和webp动图格式
apng格式
apng格式诞生于2004年，是基于png格式的动画格式图片，它的动图后缀依然是.png，apng格式相对GIF格式有更多的优势，在色彩方面它完美支持1600万种颜色，对于渐变透明的元素，有着非常优秀的成像效果，下图所示apng格式元素完整呈现。
apng与gif对比
预览apng动图需要拖拽到浏览器中才可以查看动画，所以传播性没有GIF图强。
apng的导出有两种方式：
第一种是通过iSparta软件导出，步骤是通过AE导出动画的序列帧，然后选中全部序列帧拖拽到iSparta软件中点击开始即可导出apng，此软件一共可以导出三种格式，APNG/GIF/WEBP，GIF导出还是推荐上文讲的方式。
iSparta软件
第二种格式依旧是用AE插件，便捷高效，质量也较为优秀，两种方式都可以用于产品中，插件也可以导出webp格式动图。
AE导出apng和webp插件
webp格式
webp格式由Google在2010年推出的格式，能替代众多图片格式，包括有损jpeg、无损png、动图gif，最重要的是在压缩率上全面超越gif和apng，兼容安卓系统，ios可能需要技术上的处理，web端上相对apng的兼容性上差一些，导出的方式跟apng一样，也是上文介绍的两种方式。
CSS序列帧精灵图动画
脚本安装后，选择文件—脚本—CSS Sprite Exporter即可使用。
CSS Sprite Exporter脚本
两个重要的选项：
参数设置好之后点击“生成”会导出两个文件，一个是代码，另一个是图片，双击html文件可以预览效果如下图，预览没问题就可以一并交给开发。
动画预览效果
Lottie—json文件代码动画
Bodumovin插件
使用Lottie设计师在设计动画时有几个点要特别注意：
第一点：json文件也需要尽可能小，例如能用父子级功能就不要在多个图层上打关键帧，每个关键帧都是一个数据点，因此会占用更多的空间。
第二点：Lottie暂不支持AE中任何表达式和效果，不支持阴影、颜色叠加效果等。
第三点：alpha的遮罩效果虽然支持，但大面积的遮罩非常影响性能，所以尽可能不用或使用小面积的遮罩效果。
第四点：Bodumovin导出的图片会有损失，会出现黑阴影现象，所以导出后，需要替换成清晰的图片。
设计师导出CSS动画代码
此脚本也可以导出精灵图，但有些复杂的特效依旧不能成功导出，所以导出精灵图，还是推荐上文CSS Sprite Exporter脚本导出方式。
AE脚本AE2CSS
AE2CSS脚本导出的是代码和图片文件，这样的方式不仅减少了开发人员的工作量，而且画质质量无损内存更小，目前支持web和H5页面，对于做数据可视化动效用这款脚步输出代码是非常高效的方式。
后语
以上介绍的几种动效落地方案，是目前比较主流的方法， 基本可以满足产品中动效落地，而且能够大大节省开发的时间和产品的稳定性。
本文关键词：ae怎么导出GIF格式视频，ae如何导出GIF格式，AE怎么导出gif格式，ae文件怎么导出为gif，ae怎么导入gif格式。这就是关于《ae导出gif文件太大怎么办，AE文件怎么导出GIF格式（动效落地可能最好的几个方案）》的所有内容，希望对您能有所帮助！
- 最近发表