像素画制作 - 在线绘制并导出精灵图

像素画制作:在线绘制并制作精灵图动画

这款像素画工具是一个在浏览器中运行的绘图工具,用于制作像素画、精灵图和小型动画。选好画布尺寸,挑一种颜色,用画笔、填充、直线和图形工具一格一格地绘制——无需安装软件,也无需注册。

除了单张图像,你还能制作逐帧动画,用镜像描边瞬间得到对称效果,并从 PICO-8、Game Boy 等经典调色板中取色。完成后,可导出最高 32 倍放大的清晰 PNG,或一段动态 GIF。它非常适合制作精灵原型的游戏开发者、数字艺术家、绘制像素级图标的设计师,以及探索 8 位艺术的爱好者。

隐私优先设计:每一个像素都在你的浏览器中绘制和导出。你的作品绝不会上传到服务器,也没有账户或追踪。

如何使用像素画工具

选择画布尺寸

用尺寸下拉菜单选择 8 x 8、16 x 16、32 x 32 或 64 x 64 像素。默认选中 16 x 16 网格,适合大多数游戏精灵图和小图标。

挑选颜色

从预设调色板中单击色块,输入任意 6 位十六进制颜色码,或打开取色器选择自定义颜色。你用过的颜色会保存到"最近使用"一行,方便快速复用。

用工具绘制

默认选中画笔——在画布上单击或拖动即可绘制。随时切换到橡皮擦、填充、取色器、直线或矩形。打开网格并放大,即可进行精确的像素级作画。

添加动画帧(可选)

添加一帧,画出下一个姿势,然后打开洋葱皮,即可以红色看到上一帧、蓝色看到下一帧。按播放并调节 FPS 即可预览动作。

导出作品

选择 1x 到 32x 的导出倍率下载 PNG;当有多于一帧时,也可导出动态 GIF。两种格式都会保留透明背景。

功能特性

六种绘图工具

画笔用于自由描边,还有橡皮擦、用于区域漫水填充的填充、用于取样的取色器、直线以及矩形轮廓。

四种画布尺寸

在 8x8、16x16、32x32 和 64x64 网格之间切换,以适配图标、精灵图或更大的作品。

六套预设调色板

使用 PICO-8、Sweetie 16、Game Boy、NES、Endesga 32 和 Lospec 500——全球像素画家通用的调色板。

自定义颜色

输入任意十六进制值或使用系统取色器,并从"最近使用"一行复用颜色。

镜像模式

开启水平、垂直或双向镜像,一次绘制出对称的精灵图、脸部和图案。

逐帧动画

添加、复制和删除帧,然后以可调节的 FPS 播放序列,预览你的动画。

洋葱皮

以淡淡的叠加层显示红色的上一帧和蓝色的下一帧,帮助你顺滑地对齐动作。

缩放、平移与网格

滚动以光标为中心缩放,按住中键拖动平移,切换网格线,并查看真实效果的 1x 预览。

PNG 与 GIF 导出

以 1x 至 32x 的倍率导出 PNG,或导出动态 GIF,两种格式都完整保留透明背景。

键盘快捷键

用 B、E、G、I、L、R 切换工具,用 Ctrl+Z / Ctrl+Y 撤销和重做,右键即可快速取色。

常见问题

像素画工具免费吗?需要注册或安装什么吗?

它完全免费,并且完全在你的网页浏览器中运行。无需下载,也无需创建账户——打开页面即可立即开始绘制。

支持哪些画布尺寸?

你可以从尺寸下拉菜单中选择 8x8、16x16、32x32 或 64x64 像素。默认选中 16x16 网格,最适合大多数游戏精灵图和小图标。

可以把像素画导出为 PNG 并放大吗?

可以。以 1x、2x、4x、8x、16x 或 32x 的倍率导出 PNG。例如,一张 16x16 的画布以 8x 导出会生成清晰的 128x128 图像,未绘制的像素则保持透明。

如何制作一个动画精灵图?

在帧面板中添加帧并画出每个姿势。单击播放进行预览,调节 FPS 设置速度,再单击导出 GIF 即可保存完成的动画。

填充、镜像和网格工具如何使用?

填充会用当前颜色漫水填满一片相连的区域。镜像模式会把每一笔描边复制到画布的对称位置——水平、垂直或双向(实现四向对称)。网格开关用于显示或隐藏像素网格线,让画面更清爽。

什么是洋葱皮?

洋葱皮是一种动画辅助功能,它会在当前帧上以淡淡的叠加层显示红色的上一帧和蓝色的下一帧,让你能对齐动作,制作更顺滑的动画。

在手机上能用吗?

能。支持触控操作——单指绘制,双指捏合即可缩放并平移画布。

我的作品会自动保存吗?

不会。本工具在当前浏览器会话中运行,不会自动保存,因此请在关闭页面前把作品导出为 PNG 或 GIF。