Lottie Editor 在线修改——不懂动效也能改颜色和尺寸

Lottie Editor 和 Creator 的区别

LottieFiles 有两个编辑器，定位不同：

• Lottie Creator —— 专业的完整编辑器，时间轴 + 关键帧 + 图层管理 + AI Copilot + 状态机。面向动效设计师。
• Lottie Editor —— 轻量的快速修改工具，不需要时间轴，主要做颜色替换、尺寸调整、简化等。面向非专业设计师（产品经理、前端工程师、团队管理者）。

能做什么

颜色替换

一键把动画里的所有颜色替换成你指定的颜色。最常用的操作：

1. 上传或打开一个动画文件。
2. Editor 自动识别动画里用到的所有颜色（左侧面板列出）。
3. 点击某个颜色，选择新颜色或输入 HEX 值。
4. 动画里所有用到这个颜色的图层同步变化。

如果需要更精细的控制（只改某一个图层的颜色），需要用 Creator。

尺寸调整

• 按百分比缩放整个动画（保持比例）。
• 指定目标宽高。
• 改变视口尺寸（Viewport）。

简化与优化

• 路径简化：把复杂路径里的多余锚点去掉，减小 JSON 体积。
• 去除不可见图层：自动标记隐藏的图层，一键删除。
• JSON / dotLottie 格式互转：上传 JSON 可以导出 dotLottie，上传 dotLottie 可以拆分回 JSON。

格式导出

从 Editor 可以导出：

• JSON（Bodymovin 格式）
• dotLottie（打包格式）
• GIF
• MP4（视频格式，用于社交平台）

典型工作流

产品经理：从市场找到一段 Loading 动画 → 进 Editor 改品牌蓝为当前项目的绿色 → 导出 → 发给前端。全程不需要动效设计师参与。

设计师：Creator 里做完整动画 → 上传到 LottieFiles → 团队成员可以在 Editor 里调整颜色方案，设计师只负责核心动效。

使用门槛

Editor 是免费功能，所有 LottieFiles 账号都能用（包括免费账号）。Creator 功能需要 Individual 及以上订阅。