EasyLottie
AI 图片转 LOTTIE

上传 PNG 素材,用 AI 生成稳定的 Lottie 动画

保留你自己的插图和品牌视觉,用一句话描述动效,无需 After Effects 和手动关键帧即可导出可用的 Lottie JSON。

使用你自己的素材一次生成三个方向输出合法 Lottie JSON无需 After Effects

1 · 上传切图

推荐使用带透明通道的 PNG。每个会动的部件单独一层,例如盒盖和盒身要分开。记得给每层起名字:AI 是根据你的命名和描述来理解画面的,它看不到图片本身。最多 8 层。

2 · 描述动画效果

先写一个简单想法,AI 可以帮你补成清晰、可执行的动效描述。

AI 会保留你的原意,结果仍可修改。0/500

试试这些示例

AI 图片转 Lottie 四步流程:上传 PNG 图层、描述动效、生成三个方案、预览并导出合法的 Lottie JSON 或 ZIP

围绕你的素材设计动效,而不是重新画一张

普通文生 Lottie 同时猜画面和动作,容易偏离品牌。EasyLottie 从你的 PNG 图层开始,只编排路径、节奏、缩放、旋转和缓动,因此更适合游戏道具、产品图标和运营素材。

01

把会动的部件分层上传

金币、盒盖、光效、按钮、角色部件或全屏图片都可以作为独立图层。

02

只描述意图,不用写关键帧

输入“金币收集”或“按钮点击”,AI 辅助会补全为清晰的动效指令。

03

编译、校验、导出

AI 只输出受约束的动效规格,由确定性代码编译并检查最终 Lottie JSON。

四步把静态 PNG 变成 Lottie JSON

不用时间轴软件,也不用手写动画 JSON。

  1. 01

    上传素材

    使用透明 PNG 切图或全屏图片,每个会动的部件单独上传并命名。

  2. 02

    选择画布

    可使用 1:1,安卓常见 9:20、9:19.5,或横屏 16:9。

  3. 03

    描述动效

    写一句简单想法,套用示例,或让 AI 帮你补成完整指令。

  4. 04

    预览并导出

    比较三个方案,调整速度和尺寸,再下载 JSON 或图片分离 ZIP。

适合真实产品场景的动效方向

系统从生产 Lottie 样本沉淀的动效 Recipe 中选择方向,再根据你的图层调整时长、路径、缩放、旋转和缓动。

金币与物品收集

多个副本错峰沿弧线飞向同一目标,到达时缩小并收束。

点击与触摸反馈

快速按下、短暂停留、弹回,并可在接触点增加波纹。

加载循环

闭合的匀速旋转配合轻微呼吸缩放,循环接缝不可见。

奖励与揭示

主体弹出、轻微过冲、停留并回稳,适合徽章、礼盒和成就。

庆祝爆发

主体先出现,粒子随后错峰向外散开并淡出。

页面与全屏转场

全屏素材使用克制的平移、缩放和淡入,避免不自然的大幅旋转。

为什么上传图片比纯文字生成更适合品牌动效?

对比项EasyLottie 图片生成纯文字生成
视觉一致性原始素材和品牌风格保持不变。模型可能生成不同的主体或画风。
动作控制图层命名和独立切图明确哪些部件可以移动。模型同时决定绘图结构和运动。
输出稳定性TimelineSpec 校验通过后再编译。直接生成 Lottie JSON 可能静默失败。
适合场景游戏奖励、UI 反馈、品牌图标、运营素材、全屏特效。不需要指定素材的新矢量概念。

AI 图片转 Lottie 常见问题

应该上传什么素材?

独立运动部件推荐透明 PNG,也支持不透明的全屏图片。每个需要单独运动的部件分开上传,并填写有意义的图层名称。

不会写动效关键词怎么办?

可以只输入“金币收集动画”这样的简单想法,再点击“AI 帮我写”。系统会补全路径、先后顺序、节奏和收尾方式,结果仍可修改。

AI 会直接生成 Lottie JSON 吗?

不会。AI 只输出较小的 TimelineSpec,描述图层、变换、路径、时间和缓动。EasyLottie 校验后再用确定性代码编译最终 JSON。

支持哪些画布尺寸?

支持 1:1 正方形、安卓常用的 9:20 与 9:19.5 竖屏,以及 16:9 横屏。自动模式会根据上传素材推荐比例。

可以用于 Android、iOS 和网页吗?

可以。导出的 JSON 可用于 Web、Android、iOS 和 React Native 的标准 Lottie 播放器,也可导出图片资源分离的 ZIP。

需要 After Effects 或 Bodymovin 吗?

不需要。上传、生成、预览、调整和导出都在浏览器完成。只有需要超出当前功能范围的完全手工编辑时,才需要 AE。