如何将 GIF 转换为 Lottie json?

how can I convert a GIF to Lottie json?

如您所知,我们可以通过 "Adobe After Effect" 制作 Lottie 动画,但我想知道如何通过 "Photoshop" 制作它? 有什么方法可以将 GIF 转换为 Lottie JSON 吗?

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

这已经存在,尽管它是内置的 Python 您可以使用您自己的一些技能来尝试转换它进入 JSON 我将包括一个 link here.

我找到了解决这个问题的方法。 要将 gif 转换为 Json,有很多网站可以将 Gif 转换为 Json,但其中 none 具有适用于 lottie 库的正确输出。

所以这有两个步骤:

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

  2. 第二你必须使用下面的link:

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

通过这个 Link 我们能够将 Photoshop 动画转换为 Json lottie 文件 首先用Photoshop制作了一个动画 然后以视频格式 .mp4 导出您的动画 最后使用

Video to Lottie Json

将您的视频转换为 lottie 文件

这种转换器用起来完全没有意义..

Gif 中有光栅化图像,您的目标是拥有矢量 (svg) 图像并很好地设置动画路径等,以便在尺寸上小得多当然..所以,没有这个转换器就最终结果而言,善意对您有好处!

  1. 将您的 GIF 转换为 TGS。我试过了 this repository but I wasn't succeed.

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

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

注意:如果您在此处上传生成的 JSON:https://edit.lottiefiles.com/ or https://lottiefiles.com/preview, you could see the result and/or edit the file but, sometimes, it's a bit different than what we see via <com.airbnb.lottie.LottieAnimationView in Android. I already issued this