animation - 为什么 bodymovin 结果动画看起来比源帧更拉伸

Question

我正在制作一些产品的动画，它会倾听你的声音并做出相应的反应，但是，我想将我的动画上传到我的 webflow 项目

我的动画分辨率是 1080x720，但是我将关键帧导出为 PNG 图像（如 webflow 教程推荐）然后我将这些图像导入到一个新的 After Effects 项目中，然后我导出动画（我想说我完全按照本教程的每个步骤进行操作）但是当我在 LottieFiles 预览器中测试我的结果 json 时出现了问题，动画看起来很紧张（我无法解释，所以我上传了 2 张图片来显示问题）

原始帧是bodymovin序列中使用的png图像

json输出帧是base64图像（动画的第一帧）存储在bodymovin动画结果data.json中

上面两张图片分辨率相同，但看起来不同，我想知道为什么以及如何解决它

提前致谢

链接到我遵循的原始 webflow 教程

标签： animationafter-effectslottiebodymovinwebflow

Answer 1

抱歉，这只是配置问题，我想出了如何解决这个问题，我只需要设置 bodymovin 设置>资产>“复制原始资产”打开，实际上，bodymovin 使用了一个低级 AI 去除白色/ 透明填充和扩展内容，启用原始复制强制 bodymovin 避免使用该 AI