步骤 1：安装 Bodymovin 插件

1. 打开 Adobe After Effects。
2. 前往 Bodymovin GitHub 页面，点击右侧的 "Code" 按钮，然后选择 "Download ZIP" 下载插件压缩包。

步骤 2：解压插件

将下载的 ZIP 文件解压缩。你会得到一个名为 "bodymovin" 的文件夹。

步骤 3：将插件复制到 After Effects 插件目录

将解压得到的 "bodymovin" 文件夹复制到 After Effects 的插件目录。插件目录的位置因操作系统而异：

• Windows:

  mathematicaCopy code

  C:\Program Files\Adobe\Adobe After Effects CC [版本号]\Support Files\Plug-ins\

• Mac:

  cssCopy code

  /Applications/Adobe After Effects CC [版本号]/Plug-ins/

确保选择正确的 After Effects 版本号。

步骤 4：重启 After Effects

重新启动 After Effects 以应用插件的更改。

步骤 5：设计动画

1. 打开 After Effects，导入你的动画项目。
2. 在 After Effects 中设计你的动画，确保使用矢量元素，以便在不同分辨率下保持清晰度。

步骤 6：使用 Bodymovin 导出 Lottie 动画

1. 完成动画设计后，点击顶部菜单中的 "Window"，然后选择 "Extensions" > "Bodymovin".
2. 在 Bodymovin 面板中，选择你要导出的动画组件。
3. 点击 "Render" 按钮，选择导出的位置和文件名，并确保文件类型选择为 "JSON".

步骤 7：导出 JSON 文件

点击 "Save" 按钮，将动画导出为 JSON 文件。

现在，你已经成功导出 Lottie 支持的 JSON 文件。你可以将这个文件用于在移动应用或 Web 中集成和播放 Lottie 动画。在你的应用中使用 Lottie 库，按照库的文档加载和播放动画即可。