正在查看旧版本。 查看 当前版本.

与当前比较 查看页面历史记录

版本 1 下一个 »

简介: 在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   如果能看到动画,一般是可以上传到兔展编辑器的。

  • 无标签