AE导出含有图片的json文件

AE是一款非常强大的视频编辑软件，其中导出含有图片的json文件也是它的一个特色之一。当需要将AE中的动画效果添加到Web页面或者其他交互式应用中时，这个功能就非常有用了。

导出含有图片的json文件需要先做以下设置：

1. 在AE中选择要导出的动画效果，点击菜单栏中的“文件” -> “导出” -> “JSON文件”；

2. 在弹出的窗口中勾选“包含所有源文件”和“复合项”选项；

3. 点击“选择路径”，选择json文件保存的路径和文件名。确定后会弹出另一个窗口，点击“导出”即可。

4. 在导出过程中，AE会将所有要使用到的图片和其他资源文件都打包在一起，方便我们进行使用。

导出完成后，我们就可以在代码中引用这个json文件，并使用其中的动画效果了。下面是一个简单的演示：

// 引入json文件
import animationData from './animation.json';

// 将动画效果渲染到页面上
const container = document.getElementById('animation-container');
const animation = bodymovin.loadAnimation({
  container: container,animationData: animationData,renderer: 'svg',loop: true,autoplay: true,});

通过以上代码，我们可以将AE中的动画效果导出为json文件，并在Web页面中使用bodymovin库展示这些效果。这是一种非常方便的方式，让我们的Web页面更加生动有趣。