在线制作像素动画
让精灵逐帧动起来:洋葱皮、可排序的时间轴(帧序列)、共享背景图层,一键导出 GIF 或精灵图集。
Turn Pictures Into Pixel Art
几秒钟即可把照片做成像素画。逐像素编辑,做成动画,下载你的作品。
🔒 你的图片不会离开设备。所有处理都在浏览器中运行。
Sakura
用 PixiMelon 制作 · 上传。像素化。编辑。动画。下载。
把你的图片转成像素画
上传图片,几秒钟即可做出像素画。
把图片拖放到这里
或
PNG · JPG · WEBP · SVG · PDF · AI ——还可以粘贴图片(Ctrl/⌘ + V)
新建像素画
选择画布尺寸开始绘制。
像素动画
选择画布尺寸开始制作动画。
把你的视频转成像素画
上传视频,几秒钟即可做出像素动画。所有处理都在你的设备上运行。
把视频拖放到这里
MP4 · WebM · MOV ——本地处理,绝不上传
正在处理第 1 / 1 帧
动画循环,一步一步来
- 选择画布尺寸 — 预设或任意自定义宽 × 高,和新建工具完全一样。
- 画好第 1 帧,内嵌编辑器与新建工具相同,有同样的工具、图层和调色板。
- 添加帧:用 + 帧新增,或用复制拷贝当前帧,只改动要动的部分。
- 设定速度:用 FPS 滑杆(1–24)调节,按播放预览。循环会持续播放,并显示实时帧计数。
- 导出 GIF、精灵图集,或把当前帧按 PNG/SVG/PDF 导出。
帧与时间轴(帧序列)
帧放在画布下方带编号的时间轴(帧序列)里:点击跳转,用 ◀ ▶ 按钮拖动排序,用 ← → 键逐帧步进。删除会删掉当前帧(只剩最后一帧时改为清空),清空会擦除当前帧中未锁定的图层。先复制再改,是保持动作连贯最快的方法。
洋葱皮与节奏
洋葱皮把上一帧染成红色、下一帧染成蓝色,半透明垫在画下面,用幻影滑杆调节强度——这是判断弧线和间距的标准方法。节奏按每秒帧数控制:4–6 FPS 是复古卡顿感,8–12 FPS 适合大多数精灵循环,完整 24 FPS 适合顺滑特效。具体技法见如何制作像素动画。
背景稳住不闪
任意图层按下 🔗 即可共享到所有帧,一般用来放背景或地面阴影。共享图层只存一次,会自动合成到每一帧下面,静止部分永远不会抖。普通图层仍按帧存放,只画会动的部分。
从静态图到动画
两个编辑器都有“像素动画”按钮,一键把当前合成图(含画布)送入动画工具,项目名称也会一起带过去。可以在新建工具里起一版行走循环,也可以转换一张图片再做动画——推荐流程是转换 → 编辑 → 动画 → 导出。
导出:GIF 还是精灵图集
- GIF — 无限循环,保留透明,最长边按 512 像素或更大渲染,小精灵分享出去依然清晰。
- 精灵图集 — 所有帧横向拼在一张 PNG 里,可直接交给游戏引擎。
- 单帧 — 当前帧和新建作品一样导出:原始尺寸(1 倍)PNG、矢量 SVG 或矢量 PDF。
常见问题
最多可以有多少帧?
没有固定帧数上限,只受设备内存限制。待机、行走和眨眼循环 2–8 帧就够,特效可以要更多。
FPS 用多少合适?
从 8 FPS 开始。4–6 是干脆的复古感,12 左右更顺滑。先预览——节奏比帧数重要。
什么是洋葱皮?
相邻帧的淡显预览:上一帧红色,下一帧蓝色。可以精确看到每个像素在帧之间走了多远,动作才连贯。
怎么让背景不动?
打开背景图层的 🔗,把它共享到所有帧。它会自动画到每一帧下面,不用重画。
导出 GIF 还是精灵图集?
分享、预览和贴纸用 GIF——循环播放且保留透明。游戏和引擎用精灵图集,由引擎自己切帧。
怎么预览动画?
按播放:循环会持续播放并显示实时帧计数,同时可以用下方 FPS 滑杆调速。
一张画能在多帧里复用吗?
能——复制当前帧,只改动要动的部分。帧之间位移小就显顺滑。
为什么动作看起来不对?
打开洋葱皮,用方向键逐帧步进,盯住一个标志像素看:间距均匀就是速度均匀,挤在一起就是缓动。