精灵图制作工具

逐格绘制像素画,逐帧制作动画,并在创作时预览动作。这款免费工具提供画笔、橡皮擦、填充和取色器,还可通过洋葱皮叠影对照上一帧。您可以制作拼豆动画预览或游戏精灵图,下载循环 GIF、横向 PNG 精灵图集或可编辑项目文件。全部操作都在浏览器中完成。实体拼豆不会动;动画中的每一帧都是单独的设计。

项目会自动保存在此浏览器中。下载 JSON 文件可制作便于转移的备份。

如何制作精灵图动画

  1. 从 16 × 16 网格开始,先画出清晰的轮廓。
  2. 复制当前帧,移动少量像素,制作下一个动作姿态。
  3. 用洋葱皮叠影对照上一帧;叠影不会出现在导出文件中。
  4. 点击播放并调整速度。改变帧顺序,让循环动作更流畅。
  5. 下载 GIF 用于分享,或下载精灵图集供游戏引擎使用。

导出格式与项目限制

网格尺寸可选 8 × 8 至 64 × 64,最多使用 32 帧。PNG 和 JSON 会保留原始颜色;GIF 使用带透明效果的近似 256 色调色板,并持续循环播放。精灵图集按原始分辨率将各帧排成一行,不添加间距。

保存您的动画

此编辑器在浏览器中的保存区与图案设计器分开。导入项目后可以撤销。您可以将全部动画帧保存到账户,或在图库中发布循环 GIF。清除浏览器数据或更换设备前,请先导出 JSON。

动画技巧

先用两帧或四帧和较慢的播放速度开始。保持主体形状稳定,每帧只改动少量细节,并检查最后一帧接回第一帧是否自然。避免快速闪烁或大幅度的高对比度变化。