Lottie 中文文档 下载 App

Bodymovin 插件安装——让 After Effects 导出 Lottie JSON

Bodymovin 是什么

Bodymovin 是 Airbnb 开发的 After Effects 扩展插件(Extension),它的作用就是:把你在 AE 里做好的合成(Composition)解析成一份 JSON 文件,这份 JSON 就是各平台 Lottie SDK 能原生渲染的动效描述。

Bodymovin 不是一个独立软件,它是 AE 内部的一个面板——导出操作完全在 AE 里完成,不需要任何第三方工具。

安装步骤

方式一:直接下载 ZXP(推荐)

  1. 打开 GitHub 仓库 airbnb/lottie-web,进入 /build/extension/ 目录,找到 bodymovin.zxp 文件(Bodymovin 扩展包)。
  2. 下载后关闭 After Effects。
  3. 用 Adobe 的 ZXP 安装工具(比如 Anastasiy 的 Extension Manager 或 7-Zip 解压后手动放到扩展目录)安装。

AE 扩展目录位置因系统而不同:

把解压后的 bodymovin 文件夹放进去即可。

方式二:用 Anastasiy 的 Extension Manager

  1. 下载 Anastasiy 的 Extension Manager。
  2. 选择 AE 版本。
  3. 直接拖拽 .zxp 文件到扩展管理器窗口里。
  4. 重启 AE。

验证安装

安装完成后,打开 After Effects:

  1. 菜单 编辑 → 首选项 → 常规(macOS 是 After Effects → 首选项 → 常规)。
  2. 勾选 "允许脚本写入文件和访问网络"(Allow Scripts to Write Files and Access Network)——Bodymovin 需要这个权限才能导出 JSON。
  3. 打开菜单 窗口 → 扩展 → Bodymovin,如果看到了 Bodymovin 面板,安装成功。
Bodymovin 导出面板
Bodymovin 在 After Effects 里的导出界面

和 zLottie 插件的关系

社区还有一个叫 zLottie 的插件,本质上也是一个 Bodymovin 封装,加上了一些额外功能(比如自动检查不支持的特性)。如果你发现官方 Bodymovin 版本更新不及时,可以试试 zLottie。

版本对应关系

不同版本的 AE 对应不同版本的 Bodymovin:

如果导出的 JSON 在 SDK 上出现兼容性问题,先查一下你用的 Bodymovin 版本和 AE 版本是否匹配。