简介: 在AE制作好动画后,通过Bodymovin插件导出json文件和images文件(纯形状动画没有此文件),再把这两个文件压缩成zip格式,上传即可。 


安装软件:

1.安装Adobe After Effects软件,用于制作动画
2.安装ZXPInstaller,用于安装Bodymovin插件,下载地址:https://aescripts.com/learn/zxp-installer/  (或 https://zxpinstaller.com/) 安装完后如图: 


3. 下载Bodymovin插件,下载地址:https://github.com/airbnb/lottie-web/blob/master/build/extension/bodymovin.zxp (网站比较慢,多等等多试试)
点击此处下载。

4.打开ZXPInstaller,界面如下图; 点击红色区域,选择Bodymovin插件或者直接把Bodymovin插件拖到红色区域 


 安装完后,就可以在AE导出上传所需要的文件了 


导出文件:
1.在AE做好动画后,点击窗口-扩展-Bodymovin插件


2.选择需要导出的图层


3.勾选


4.点击设置(图中的小齿轮)


5.选择这个方式导出,然后点击保存Save按钮。


6.点击“...”,选择保存路径


7.点击渲染按钮Render


8.完成啦


9.打开保存的地方,可以看到该动画的json文件和images文件(纯形状动画没有这个文件)


10.把两这两个文件压缩成.zip格式,上传到编辑器即可。


Bodymovin支持的AE属性列表: 看右侧红框中的即可。  



备注:拖拽文件到这个网站https://app.lottiefiles.com/preview   如果能看到动画,一般是可以上传到兔展编辑器的。