ZH

在线制作像素动画

让精灵逐帧动起来:洋葱皮、可排序的时间轴(帧序列)、共享背景图层,一键导出 GIF 或精灵图集。

Turn Pictures Into Pixel Art

几秒钟即可把照片做成像素画。逐像素编辑,做成动画,下载你的作品。

🔒 你的图片不会离开设备。所有处理都在浏览器中运行。

Sakura

用 PixiMelon 制作 · 上传。像素化。编辑。动画。下载。

1上传。 放入任意图片。
2像素化。 选择尺寸和颜色。
3编辑。 修正每个像素。
4动画。 让它动起来。
5下载。 PNG、SVG、PDF 或 GIF。

把你的图片转成像素画

上传图片,几秒钟即可做出像素画。

把图片拖放到这里

PNG · JPG · WEBP · SVG · PDF · AI ——还可以粘贴图片(Ctrl/⌘ + V)

新建像素画

选择画布尺寸开始绘制。

自定义
×

像素动画

选择画布尺寸开始制作动画。

自定义
×

把你的视频转成像素画

上传视频,几秒钟即可做出像素动画。所有处理都在你的设备上运行。

把视频拖放到这里

MP4 · WebM · MOV ——本地处理,绝不上传

动画循环,一步一步来

  1. 选择画布尺寸 — 预设或任意自定义宽 × 高,和新建工具完全一样。
  2. 画好第 1 帧,内嵌编辑器与新建工具相同,有同样的工具、图层和调色板。
  3. 添加帧:用 + 帧新增,或用复制拷贝当前帧,只改动要动的部分。
  4. 设定速度:用 FPS 滑杆(1–24)调节,按播放预览。循环会持续播放,并显示实时帧计数。
  5. 导出 GIF、精灵图集,或把当前帧按 PNG/SVG/PDF 导出。

帧与时间轴(帧序列)

帧放在画布下方带编号的时间轴(帧序列)里:点击跳转,用 ◀ ▶ 按钮拖动排序,用 ← → 键逐帧步进。删除会删掉当前帧(只剩最后一帧时改为清空),清空会擦除当前帧中未锁定的图层。先复制再改,是保持动作连贯最快的方法。

洋葱皮与节奏

洋葱皮把上一帧染成红色、下一帧染成蓝色,半透明垫在画下面,用幻影滑杆调节强度——这是判断弧线和间距的标准方法。节奏按每秒帧数控制:4–6 FPS 是复古卡顿感,8–12 FPS 适合大多数精灵循环,完整 24 FPS 适合顺滑特效。具体技法见如何制作像素动画

背景稳住不闪

任意图层按下 🔗 即可共享到所有帧,一般用来放背景或地面阴影。共享图层只存一次,会自动合成到每一帧下面,静止部分永远不会抖。普通图层仍按帧存放,只画会动的部分。

从静态图到动画

两个编辑器都有“像素动画”按钮,一键把当前合成图(含画布)送入动画工具,项目名称也会一起带过去。可以在新建工具里起一版行走循环,也可以转换一张图片再做动画——推荐流程是转换 → 编辑 → 动画 → 导出。

导出:GIF 还是精灵图集

常见问题

最多可以有多少帧?

没有固定帧数上限,只受设备内存限制。待机、行走和眨眼循环 2–8 帧就够,特效可以要更多。

FPS 用多少合适?

从 8 FPS 开始。4–6 是干脆的复古感,12 左右更顺滑。先预览——节奏比帧数重要。

什么是洋葱皮?

相邻帧的淡显预览:上一帧红色,下一帧蓝色。可以精确看到每个像素在帧之间走了多远,动作才连贯。

怎么让背景不动?

打开背景图层的 🔗,把它共享到所有帧。它会自动画到每一帧下面,不用重画。

导出 GIF 还是精灵图集?

分享、预览和贴纸用 GIF——循环播放且保留透明。游戏和引擎用精灵图集,由引擎自己切帧。

怎么预览动画?

按播放:循环会持续播放并显示实时帧计数,同时可以用下方 FPS 滑杆调速。

一张画能在多帧里复用吗?

能——复制当前帧,只改动要动的部分。帧之间位移小就显顺滑。

为什么动作看起来不对?

打开洋葱皮,用方向键逐帧步进,盯住一个标志像素看:间距均匀就是速度均匀,挤在一起就是缓动。

继续探索