什么是Bodymovin

Bodymovin 是 Hernan Torrisi 做的一个 After Effects 的插件，起初导出的 JSON 文件只是通过 JavaScript 在网页中进行动画的播放，后来才将 JSON 文件的解析渲染应用到了其他平台上。

1) 安装与打开

• 安装方式常见是用 ZXP Installer 安装 bodymovin 扩展（bodymovin.zxp）。
• 安装完成后在 AE 里通过 Window > Extensions 找到并打开 Bodymovin 面板。

2) AE 侧制作建议（更容易导出成功）

• 尽量用矢量与 Shape Layers：例如从 AI 导入后，在 AE 里把矢量层转换为 shape（Layer > Create Shapes from Vector Layer），再做动画。
• 避免使用不被 Lottie 支持的 AE 特性：文章里提到 Lottie 对 expressions/effects（效果面板里的各种特效）不支持或支持不完整，复杂遮罩/图层效果也可能带来兼容和性能问题。
• 控制复杂度：尽量保持动画“简单小巧”，过多路径节点、过大的形状再用很小的 mask 去裁切等做法会影响体积和性能。

3) 导出 JSON（Bodymovin 面板）

基本流程是：

1. 在 AE 打开 Bodymovin 面板：Window > Extensions > Bodymovin。
2. 在面板里选择要导出的合成（composition），指定导出目录/文件名。
3. 点击 Render 生成 JSON 文件（交付给开发或用于 Web/端内加载）。