版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

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


安装软件:

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

Image Added


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

Image Added

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

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


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

Image Added


2.选择需要导出的图层

Image Added


3.勾选

Image Added


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

Image Added


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

Image Added


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

Image Added


7.点击渲染按钮Render

Image Added


8.完成啦

Image Added


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

Image Added


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

Image Added


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

Image Modified



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