ae带图片导出json教程

今天我们要来学习AE带图片导出JSON的方法。 首先，我们需要在AE中使用预合成来制作我们的动画。在动画中，我们可以添加许多不同的图层和效果来使我们的动画更生动。然后，我们需要为每个图层创建一个文件夹，文件夹中包含所有该图层的相关图像。 接下来，我们需要下载并安装一个名为bodymovin插件。它可以帮助我们将AE动画导出为JSON格式，从而用于在网页或应用程序中使用。 启用插件后，我们需要在AE中选择要导出的项目，然后单击“Add to Render Queue”按钮。在Setting中，我们需要选择JSON格式，并选择要保存文件的位置。然后，我们可以单击“Render”按钮来进行导出。 最后，我们可以使用一些json查看器来打开并查看我们刚刚导出的JSON文件。这样，我们就可以查看我们的动画图层和图像的详细信息。 在导出JSON文件时，我们需要保证所有图像都被正确导出，并且图层名称和文件夹名称都要一致。否则，我们的动画可能无法正常工作。我们可以使用bodymovin插件提供的错误消息来进行调试。

示例代码：

    <script src="bodymovin.min.js"></script>
    <script>
        var animation = bodymovin.loadAnimation({
            container: document.getElementById('animation-container'),renderer: 'svg',loop: true,autoplay: true,path: 'animation.json'
        });
    </script>

以上就是AE带图片导出JSON的教程，希望对你有所帮助！