AE导出Lottie动效-json（Bodymovin插件的安装与使用 ）

一、准备工具

1.Adobe After Effect CC 2017以上

2.Bodymovin插件
下载链接：https://github.com/airbnb/lottie-web/blob/master/build/extension/bodymovin.zxp

3.ZXP Installer软件（安装Bodymovin时使用）-双击安装即可，贼简单
下载链接：https://aescripts.com/learn/zxp-installer/

👆安装步骤：https://airbnb.io/lottie/#/after-effects

二、安装bodymovin

1.打开ZXP Installer，选择Bodymovin文件后拖入ZXP Installer内等待安装

2.点击安装

3.安装成功

三、Bodymovin导出json

1.点击窗口-扩展查看是否添加成功

2.调出Bodymovin面板，选择需要导出的合成

3.渲染完成，可去储存位置查看位置

4.这时候就可以把 json 文件给到开发，如果 AE 合成中有图片，需要把图片放在文件夹内一起提供给开发。同时可以给到一个gif文件，如果实现有不一样的地方，开发可以询问设计师。

⚠️⚠️⚠️如按上述步骤，导致开发无法使用文件，可能是版本不兼容❗️

1.点击设置

2.选择导出旧版本

详细请看指南

📒UI设计中常用的Lottie动效输出指南：https://www.uishe.cn/189094.html