如何将 GIF 转换为 Lottie json？

Question

正如你所知，我们可以通过“Adobe After Effect”制作一个lottie动画，但我想知道如何通过“Photoshop”来做到这一点？ 有什么方法可以将 GIF 转换为 Lottie JSON 吗？

Answer 1

我找到了解决这个问题的方法。 要将 gif 转换为 Json，有很多网站可以将 Gif 转换为 Json，但它们都没有为 Lottie 库提供正确的输出。

因此需要两个步骤来做到这一点：

1. 首先您必须将 Gif 文件转换为视频 我推荐了这个网站： Gif2Mp4 或任何其他转换器。

2. 其次，您必须使用以下链接：

洛蒂·杰森的视频 这是唯一一个具有良好输出渲染效果的网站

通过此链接，我们可以将 Photoshop 动画转换为 Json lottie 文件 首先用Photoshop制作动画 然后以视频格式 .mp4 导出动画 最后使用

洛蒂·杰森的视频

将您的视频转换为lottie文件

请注意：根据@Dr.jacky评论，这样你就会失去透明背景

Answer 2

我也在寻找同样的东西。我正在寻找一种自动化方法，但快速搜索将我带到了这里。所以我认为它还不存在。我认为，在没有做太多研究的情况下，我们应该能够将 GIF 分解成单独的图像，然后使用 After Effects 创建 Lottie 版本。我们很可能还需要创建单个图像的矢量版本以节省文件大小。

Answer 3

尽管它内置于 Python，但它已经存在，您可以使用自己的一些技能来尝试将其转换为 JSON，我将在here添加一个链接。

Answer 4

这种转换器根本没有使用意义..

Gif

其中包含光栅化图像，您的目标是拥有矢量（svg）图像并为路径制作精美的动画等，因此尺寸当然要小得多..所以，这种类型的转换器不会对您有好处就最终结果而言！

Answer 5

0. 将 GIF 转换为 TGS。我尝试了this存储库，但是我没有成功。

如果您在将 GIF 转换为 TGS 时遇到错误或未成功，我建议首先从 TGS 开始。

1. 借助此电报机器人下载TGS格式的贴纸：https://t.me/Stickerdownloadbot或您知道的任何其他方式。
2. 借助此 https://michielp1807.github.io/lottie-editor/#/. 将 TGS 转换为 Lottie JSON
   [来源：https://github.com/MichielP1807/lottie-editor]

注意：如果您在此处上传生成的 JSON：https://edit.lottiefiles.com/ 或 https://lottiefiles.com/preview，您可以看到结果和/或编辑文件，但是，有时，它与我们在 Android 中通过

<com.airbnb.lottie.LottieAnimationView

看到的有点不同。我已经发出了这个。

Answer 6

有一个新选项不仅可以转换礼物 MP4、MOV、WebM、WebP、GIF、动画 PNG 和压缩 PNG 序列文件转换为 Lottie 动画 🎉

它仍处于测试阶段，在仪表板的lottiefiles.com内，您会找到一个上传按钮，您可以使用它

1. 前往lottiefiles.com

2. 登录

3. 上传您的文件