在制作阿里云DataV数据大屏时，因为dataV素材库中一部分动效与我们大屏的主色调不一致，所以UI额外制作了一些gif特效图片。
当GIF使用了渐变效果后，导出的图片渐变部分会被替换成黑色
但阿里云素材库里的一些动效却没有这个问题，下载了一个素材文件后发现它是png格式的。
png格式的动图只有APNG格式，这里我们选用APNG Anime Maker来制作APNG图片
- 点击Open选择序列帧
- 点击Save保存序列帧为APNG格式图片
APNG的优点就是更好的透明度和渐变效果支持，同时在相同尺寸中，相比GIF文件体积也缩小了38%（GIF原图2.88MB，APNG图片1.78MB）
效果如下，渐变效果就不会出现黑边了
附：PS导出PNG序列帧的方法
- 文件 - 导出 - 渲染视频：
- 选择Photoshop图像序列
- Alpha通道选择直接—无杂边，就可以导出透明背景的PNG序列了
本文由 程序哩 创作，采用 知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名
最后编辑时间为: Nov 23, 2021 at 07:22 pm