动效落地系列教程(五):Apng/W...

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名
28710 5 1 2021-11-30

apng格式诞生于2004年,是基于png格式的动画格式图片,它的动图后缀依然是.png,apng格式相对GIF格式有更多的优势,在色彩方面它完美支持1600万种颜色,对于渐变透明的元素,有着非常优秀的成像效果;

webp格式由Google在2010年推出的格式,能替代众多图片格式,包括有损jpeg、无损png、动图gif,最重要的是在压缩率上全面超越gif和apng,兼容安卓系统;

导出方式一:iSparta

下载地址:

http://isparta.github.io/

导出方法:

1、将动效文件导出png序列帧,保存至文件夹中

2、将整个文件夹拖入iSparta,帧速率设置24,如图所示:

3、点击开始,等待软件完成转换,如果文件序列帧尺寸比较大的话可能需要耐心等待一段时间才能完成,太大还有可能无法完成转换。

4、完成后生成.apng格式文件,自动保存至原来文件夹中,如图所示:

直接将文件交付开发即可使用!

本人在使用过程中一般用于转apng格式文件较多,webp格式导出容易出错,gif格式导出效果不佳,因此一般不使用,那么相比apng压缩率更高的webp格式文件如何导出呢?下面介绍第二种方法。

导出方式二:AE插件BX-Webp/Apng exporter

插件下载:

插件已经放置在文末,点击下载按钮进行下载

插件安装:

该插件需要借助第三方安装软件ZXP Installer进行安装,下载地址:https://aescripts.com/learn/zxp-installer/

1、根据自己对应系统下载安装程序,运行安装,打开界面如下:

2、将BX-Webp/Apng exporter.zxp文件直接拖入即可完成安装,如下所示:

3、安装完成后,我们打开ae,在窗口--扩展下,即可找到刚刚安装的插件,如下所示:

4、点开插件,界面如下所示:

5、勾选自己需要导出的格式,注意不要存储在桌面,容易出错,检查对应的后缀名是否是「/.webp」或者「/.png」,如果不是是,请改成「/xxx.webp」或者「/xxx.png」再导出!


接下来我们对比一下通过iSparta和插件BX-Webp/Apng exporter导出的png文件大小和画质对比。

iSparta导出:


BX-Webp/Apng exporter导出:

可以看出,通过BX-Webp/Apng exporter导出的文件为4.3M,通过iSparta导出的文件大小为8.6M,BX-Webp/Apng exporter相比iSparta导出的文件小一倍左右,而且通过对比画质,二者并无差异,因此更建议大家采用第二种方式导出apng,还省去了导出png序列的步骤。

Powered by Froala Editor

全部评论:5条

  • 子沐design

    2025-03-30 15:21

    @槿然: 一个是你的图太大了 不能合成动图 还有一个原因你的帧数超过250帧好像也不行 这种的话你用iSparta进行合成就好了

  • 槿然

    2025-03-27 15:31

    为什么我用BX wepb/apng导出的是png序列不是png动图

  • 無奈人生

    2024-03-21 19:34

    这个BX插件好像只支持AE2021和之前的版本...请问有新版本么,不然这个插件使用不了

  • 2024-02-22 16:23

    @: maya 我也是整了好几遍也显示不出来BX-WebP/Apng Exporter 插件

  • 2023-12-13 17:07

    请问问什么我的bx插件没办法导入ae

  • 子沐design

    2023-05-10 13:43

    @: 生成apng图片失败的原因可能是你的图过大导致生成失败,如果因为过大导致生成失败的可以将png序列导入isparta进行生成

  • 2023-05-08 11:00

    @DATO_: 你好,最后你解决了吗。我也遇到这个问题

  • 2023-05-08 11:00

    @terry8969: 你好,最后你解决了吗。我也遇到这个问题

  • macy123

    2023-02-02 13:55

    @macy123: 生成失败了,不知道咋回事

  • macy123

    2023-02-02 13:51

    第一种方式一直停留在“正在解析图片”

  • 子沐design

    2022-09-13 17:33

    @terry8969: 导出文件存放桌面试试

  • terry8969

    2022-09-12 17:07

    没用啊。。。这个BX-WebpApngExporter插件永远都是导出png序列

  • 子沐design

    2022-09-05 09:29

    @DATO_: 保存的文件路径先保存到桌面试试,目前保存到文件夹会保存失败!

  • DATO_

    2022-09-02 15:05

    你好,大佬,为什么我不管是apng还是webp导出后是png序列?

  • 昏昏11

    2022-07-11 14:32

    您好,为什么我导出的webp丢到浏览器预览,是给我带了个背景的?apng就是正常的

  • 双色鱼

    2022-03-24 15:03

    @子沐design: 选择了alpha通道

  • 子沐design

    2022-03-24 09:36

    @双色鱼: 用sparta合成apng的时候,ae导出序列帧选择阿尔法通道没有?

  • 双色鱼

    2022-03-23 17:08

    你好,因为我用sparta导出apng,带个黑边,很奇怪,不知道什么原因。然后我下载了素材,按照第二种方式导出,可是导不出来,一片空白

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票