跳到正文
AI Sprite Maker

像素画编辑器

打开浏览器就能用的正经精灵图编辑器。图层、带洋葱皮的动画帧、镜像绘制和像素级精准线条,然后导出 PNG、精灵图集或 GIF。无需账号,无需上传。

  • 免费
  • 本地运行
  • 无需注册
12×
笔刷大小1
帧
调色板
图层
图层 1
不透明度100%
预览
精灵

所有处理都在你的浏览器中完成。文件绝不会上传,页面加载后即使离线也能使用。

像素画编辑器使用方法

  1. 选择画布尺寸(16×16 和 32×32 是不错的起点),或打开 PNG、GIF 或 .piskel 文件。
  2. 选择 PICO-8 或 Endesga 32 等调色板,用铅笔(B)绘制。右键用副色绘制,副色默认为透明。
  3. 为线稿、上色和阴影分别添加图层。添加帧来制作动画,并打开洋葱皮(K)查看前一帧和后一帧。
  4. 按 Enter 播放动画,调整 FPS,并在 1×、2× 或平铺模式的小预览中检查效果。
  5. 打开导出,下载 PNG、带 JSON 的精灵图集、GIF 动图、SVG、帧 ZIP 包或 .piskel 文件。

你能得到什么

  • 当前帧的 PNG,1× 到 16×
  • 精灵图集 PNG,附 JSON 帧列表(任意列数)
  • 使用文档 FPS 的 GIF 动图,保留透明度
  • 按编号命名的帧 PNG 的 ZIP 包
  • 每种颜色一条路径的 SVG
  • 可在这里或 Piskel 中重新打开的 .piskel 文件

来自游戏开发实战的技巧

  • 画 1px 描边时保持像素完美(P)开启,它会去掉徒手画线留下的重复拐角像素。
  • 用铅笔 Shift+点击,可以从上一个点画一条直线。拖动直线时按住 Shift 可吸附到 45° 步进,矩形/椭圆则会变成正方形/圆形。
  • 明暗工具(U)会把像素换成调色板中下一个更亮或更暗的颜色,不用离开调色板就能画阴影。右键变暗。
  • 绘制前先选区(S,或用 W 选择同一颜色),笔触就会限制在选区内;移动前先选区,则只移动那些像素。
  • 画角色和正面精灵时打开 X 轴镜像,最后再手动打破对称,免得精灵看起来像盖章盖出来的。
  • 在线稿下方放一个低不透明度的隐藏“草稿”图层,导出前删掉即可。
  • 作品会自动保存在当前浏览器中。它不会同步到任何地方,想要备份请导出 .piskel 文件。
  • 用 Ctrl+V 粘贴图片,会作为新图层放入,描摹参考图很方便。

适用场景

  • 不用安装任何软件,就能在 Game Jam 中绘制角色、道具和瓦片
  • 在导入引擎之前,逐像素清理 AI 生成的精灵图
  • 制作待机、行走和攻击循环动画,并导出精灵图集用于 Godot、Unity 或 GameMaker
  • 制作小型 GIF 动图和表情
  • 在没有安装 Piskel 的电脑上编辑 Piskel 项目

常见问题

这个像素画编辑器免费吗?
免费。所有绘制、动画、导入和导出功能都免费,也没有水印。编辑器完全在你的浏览器中运行。
我的作品保存在哪里?
保存在浏览器的本地存储中,仅限当前设备。刷新页面不会丢失,但清除网站数据或换浏览器就没了。请导出 .piskel 或 PNG 保留一份副本。
能打开 Piskel 文件吗?
能。打开 .piskel 文件后,图层、帧和 FPS 都会导入。也可以再导出为 .piskel。
画布最大能多大?
512×512 像素。像素画通常每边 16 到 128 像素,把上限定在这里,可以让手机和旧笔记本上的绘制保持流畅。
怎样为游戏引擎制作精灵图集?
在时间轴上绘制每一帧动画,然后选择 导出 → 精灵图集。设置列数和缩放,你会得到一张 PNG 和一个记录每帧位置与时长的 JSON 文件。
能在手机或平板上用吗?
能。用一根手指绘制,双指捏合或拖动来缩放和平移。不过因为有快捷键,做精细活时鼠标和键盘还是更快。
能导入 GIF 或精灵图集吗?
能。GIF 打开后每个 GIF 帧对应一帧。打开看起来像图集的 PNG 时,编辑器会提示按检测到的网格拆分成帧。
全部免费工具 →