如何将GIF转换为Lottie JSON？

Question

如您所知，我们可以使用“Adobe After Effect”制作Lottie动画，但我想知道如何使用“Photoshop”制作它？是否有将GIF转换为Lottie JSON的方法？

- Mostafa Imani

---

我也有这个问题。 - DIRTY DAVE

Answer 1

我找到了一种解决这个问题的方法。 要将Gif转换为Json，有很多网站可以转换Gif为Json，但它们中没有一个能够输出适合lottie库的内容。

所以这需要两个步骤:

1. 首先，您必须将Gif文件转换为视频。我推荐使用以下网站：

   Gif2Mp4

   或任何其他转换器。

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

Video to Lottie Json 这是唯一一个具有良好输出渲染效果的网站

通过此链接，我们能够将Photoshop动画转换为Json lottie文件，首先在Photoshop中创建动画，然后将您的动画导出为视频格式（.mp4），最后使用

Video to Lottie Json

将您的视频转换成Lottie文件。

请注意：根据@Dr.jacky的评论，您将失去透明背景

- Mostafa Imani

---

使用这种解决方案会导致透明背景丢失。 - Dr.jacky

太好了！就这么简单。 - Franco Maldonado

Dr. Jacky，您是正确的， 我找不到任何恢复透明背景的方法。 - Mostafa Imani

上传一个 .mov 透明视频将会创建一个透明的输出。 - Emad Morris Zedan

Answer 2

我也在寻找相同的问题。我正在寻找一种自动化方法，但快速搜索后发现目前似乎不存在。我猜测，在没有进行过多研究之前，我们应该能够将GIF分解成单个图像，然后使用After Effects创建Lottie版本。我们还很可能需要创建单个图像的矢量版本以节省文件大小。

- RabuDesign

Answer 3

虽然这已经存在，而且是使用内置的Python编写的，但你可以利用自己的技能将其转换为JSON格式。我将在此处包含一个链接here。

- Mark dG

---

python-lottie 是一个非常好的库，但请考虑提供不仅仅是链接，包括一个基本示例将会吸引更多人关注你的回答。 - PyUnchained

Answer 4

现在有一个新的选项，可以将不仅仅是Gift MP4、MOV、WebM、WebP、GIF、动画PNG和压缩的PNG序列文件转换为Lottie动画。

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

1. 前往lottiefiles.com
2. 登录
3. 上传您的文件
4. 下载您的json文件
5. 享受

- Antony Nicolas Huaman Alikhan

Answer 5

这种转换器根本没有任何意义可言。

Gif中包含光栅图像，而您的目标是具有矢量（svg）图像，并且可以很好地动画化路径等，因此当然会更小。 因此，这种转换器永远不会对您的最终结果有所帮助！

- Kresimir Pendic

Answer 6

0. 将您的GIF转换为TGS格式。我尝试过 this 存储库，但 我没有成功。

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

通过这个 Telegram 机器人 https://t.me/Stickerdownloadbot 或其他你知道的方式，下载贴纸的 TGS 格式。 使用 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看到的略有不同。我已经提出了this。

- Dr.jacky