美文网首页聊聊产品设计
怎么把AE动画转换成WebP动画更好地适配Android

怎么把AE动画转换成WebP动画更好地适配Android

作者: 不吃苦瓜_ | 来源:发表于2020-03-25 16:21 被阅读0次

    最近为了动画的事情真是头疼。

    动画师用AE文件做了动画,本想用BodyMovin或者Lottie直接把源文件转换成json文件放到安卓机器里,文件小,播起来又流畅。没曾想,在pc上还播放得好好的json文件,到了安卓机,不是颜色变了就是样式变了,怎么都不给力。

    算了,还是换种方法吧。

    这不,才发现柳暗花明又一村。

    把AE动画转换成同样文件较小的WebP文件。

    下面是教程:

    一、把AE动画渲染为png序列帧

    这2个地方要调整

    注意:如果动画中有透明像素的记得把通道改为RGB+Alpha,这样才能保留透明像素,不然转出来的透明区域是黑色的。

    二、下载iSparta软件,把序列帧批量转换成WebP文件


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

    拖入文件夹(一个或多个都可以)

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

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

    生成成功

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

    全部导出到了文件夹~

    相关文章

      网友评论

        本文标题:怎么把AE动画转换成WebP动画更好地适配Android

        本文链接:https://www.haomeiwen.com/subject/evdsactx.html