如何正确地将动画从 After Effects 传输到 React Native？

Question

我们在 After Effects 中有一个带有文件上传动画的项目，我想知道如何最正确地将其传输到 React Native？

我们尝试导出到

mp4

或

gif

，但我们需要透明背景和更多控制。

Answer 1

从 After Effects 项目制作透明 gif 时，我通常渲染出 Quicktime ProRes 4444 .mov 文件。 （见图）然后我将 mov 导入 Photoshop 并使用“文件”>“导出”>“另存为 Web”。确保启用透明度，并将其设置为“永远循环”（假设这就是您想要的）。与 Ae 相比，它制作的 gif 质量要好得多，我认为最新版本甚至不再原生支持 Ae。

或者，您也可以将 mov 文件转换为 webm（使用 ffmpeg 或其他第 3 方软件）以保留颜色，因为 gif 文件格式仅支持 256 色，并且也不支持半透明像素（例如作为外部发光）。我不确定 React Native 是否支持 webm 文件，我只是一个 After Effects 人员。