如何Lottie动画SVG

问题描述 投票:0回答:1

我是lottie文件的新手,我已经在视频的After Effects中创建了动画,我认为这就是我将使用的方法,从illustrator到After Effects,或者figma到After Effects。

我想要实现的动画非常复杂,我认为所有的lottie动画都是以.lottie结尾的文件,但现在我发现很多我用来获取灵感的动画,是带有动画元素的 svgs。

我的灵感动画: 第一个英雄视觉效果: https://lottiefiles.com/platform https://www.apollo.io/ https://stripe.com/en-ca/billing

这些是乐蒂动画吗?如果是,是什么类型?如何?如何创建这样的动画?如果您有一些链接可以为我指明正确的方向,我将非常感激!

谢谢!

我尝试过使用lottie,但每次我尝试制作动画时,它只会给我一个 .json 文件或 .lottie 文件。我无法像我的灵感动画那样将动画导出为 html 或 SVG 动画。

animation jquery-animate lottie
1个回答
0
投票

将 .json 或 .lottie(最好是文件大小较小的 .lottie)传递给 Lottie / dotLottie 播放器后,它们将在页面上呈现为 SVG。

基本上,您将动画文件传递给播放器,播放器可以将其渲染为 DOM 中的动画 SVG。

© www.soinside.com 2019 - 2024. All rights reserved.