最近为了动画的事情真是头疼。
动画师用AE文件做了动画,本想用BodyMovin或者Lottie直接把源文件转换成json文件放到安卓机器里,文件小,播起来又流畅。没曾想,在pc上还播放得好好的json文件,到了安卓机,不是颜色变了就是样式变了,怎么都不给力。
算了,还是换种方法吧。
这不,才发现柳暗花明又一村。
把AE动画转换成同样文件较小的WebP文件。
下面是教程:
一、把AE动画渲染为png序列帧

注意:如果动画中有透明像素的记得把通道改为RGB+Alpha,这样才能保留透明像素,不然转出来的透明区域是黑色的。
二、下载iSparta软件,把序列帧批量转换成WebP文件

1、把所有序列帧文件夹拖到iSparta工作区。

2、一个比较简单,这里说多个的情况。分别(是的,一个一个)勾选好转出的格式,我们这里是WebP,以及设置好帧率和循环次数。特别注意:循环次数默认是0,也就是无限循环,如果你的动画只需要在客户端播放1次,则需要把这里的0改为1。否则,开发工程师会很头疼怎么处理你这个无限循环的动画。

3、全部设置好之后,command+A,全选,点击“导出到目录”,自己可以在桌面创建一个文件夹,专门用来存放导出的WebP文件。

OVER!全部导出成功之后可以去你的文件夹里取用了~(右键点击文件用浏览器打开可以预览)

网友评论