微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ae动画如何导出json文件格式

AE 动画是一种常用的视频特效制作软件,而导出 JSON 文件格式则是将 AE 动画文件转换为 web 上可复用的数据。下面我们来看看如何将 AE 动画导出为 JSON 文件格式。


ae动画如何导出json文件格式

1. 准备工作

在 AE 中,我们需要使用插件 bodymovin 来实现导出 JSON 的功能。我们可以在 AE 中进行安装插件,也可以在官网下载插件后手动安装。


2. 导出 JSON 文件

在 AE 中将需要导出的动画或图形合成选中,然后选择菜单栏 File -> Export -> Add to Render Queue,然后在弹出的 Render Queue 面板中选中 bodymovin,并设置好导出路径和文件名,点击渲染即可将 AE 动画导出为 JSON 文件

{
  "version": "5.7.7","assets": [
    {
      "id": "image_0","w": 800,"h": 462,"p": "L0JPRFkwQlMvaW1hZ2VzL0FnZW5jeV9TdGFuZGFyZC5naWY="
    }
  ],"layers": [
    {
      "ddd": 0,"ind": 1,"ty": 2,"nm": "Shape Layer 1","refId": "image_0","sr": 1,"ks": {
        "o": {
          "a": 0,"k": 100
        }
      }
    }
  ]
}

3. 将 JSON 文件应用于 Web 中

使用 bodymovin 插件导出的 JSON 文件可以在 HTML 文件中直接使用。我们需要在 HTML 中引入 bodymovin 库并指定 JSON 文件路径,就可以在页面显示动画了。


  

以上就是将 AE 动画导出为 JSON 文件格式的步骤。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐