美术

导出 Lottie 动画

什么是 Bodymovin

  • Bodymovin 是一个 AE 的插件,它可以把动画直接输出成代码,直接给程序员使用放在各个终端上使用。
  • 你可以在 github 上找到最新版本的 bodymovin 使用。
  • Bodymovin 的版本等于输出的 json 文件版本。

怎样使用 Bodymovin

  • 到 Bodymovin 的 GitHub 首页(链接:airbnb/lottie-web)克隆项目到本地,或者下载 .zip 包。    image.png
  • 在项目目录的“/build/extension”目录下找到“bodymovin.zxp”文件,这个就是插件包了。
  • 下载安装 ZXP Installer。 ZXP 插件安装器地址: https://aescripts.com/learn/zxp-installer

image.png

  • 打开 AE,点击“编辑”>“首选项”>“常规”菜单项,选中“允许脚本写入文件和访问网络”,点击确定。

image.png

  • 点击“窗口”>“扩展”>“Bodymovin”菜单项,就可以打开 Bodymovin 的界面使用插件了。

image.png

  • 打开 Bodymovin 插件窗口,可以发现该项目的名称出现在了下面的列表中。选中该名称,设置好 json 文件输出位置,点击 “Render”。
image.png
  • 点击上图中的 Settings,可以对导出的 json 进行配置:
image.png
最后更新于 七月 11, 2024

这篇文档对您有帮助吗?