像素画(Pixel Art)不是「画质差」,而是一种刻意用低分辨率表达的设计风格。从《超级马里奥》到现在的独立游戏,像素画一直有市场。
速工具 的像素画板支持自定义画布尺寸、调色板、图层、导出 PNG/GIF,纯浏览器运行。
像素画的核心技巧
| 技巧 | 说明 | 示例 |
|---|---|---|
| 限制色数 | 不要用全色板,限制到 8/16/32 色 | 8-bit 游戏用 8-16 色 |
| 避免 anti-aliasing | 不要羽化边缘,保持硬边 | 像素画的本质 |
| 轮廓线 | 用深色勾轮廓,再填色 | 让角色在背景上突出 |
| 抖动(Dithering) | 用两种颜色交错排列模拟中间色 | 在有限色板下增加层次 |
| 读动画 | 关键帧之间插中间帧(3-5 帧足够) | 让动作流畅 |
常用画布尺寸
- 16×16:图标、小道具
- 32×32:角色精灵(Sprite)
- 64×64:大角色、道具
- 128×128:场景瓦片(Tile)
- 256×256:完整场景
尺寸选 2 的幂次(16/32/64/128/256),方便游戏引擎处理(纹理要 2 的幂次才能用 GPU 加速)。
调色板建议
不要直接用取色器随便取,好的像素画用有限色板:
- 主色(占 60%)+ 辅色(30%)+ 强调色(10%)
- 阴影不要用黑色,用「主色 + 暗色」更自然
- 高光不要用纯白,用「主色 + 亮色」
- 可以用 Lospec 上的经典色板(比如「NES」「Game Boy」)
在线画板使用步骤
- 打开 像素画板。
- 设置画布尺寸(建议从 32×32 开始练手)。
- 选颜色,用铅笔工具画轮廓。
- 填色,加阴影和高光。
- 导出 PNG(静态)或 GIF(动画)。
FAQ
像素画和「马赛克滤镜」有什么区别?
完全不一样。马赛克滤镜是「把高清图压糊」,像素画是「从零开始每个像素手动画」。AI 生成像素画也不理想,因为像素画讲究「每个像素都有意义」,AI 会画出不必要的细节。
导出的图放到游戏里模糊了怎么办?
在游戏引擎里要把纹理过滤模式设为「Nearest」(最近邻),不要用「Linear」(线性插值)。这样像素边缘才不会模糊。导出时也要选「不压缩」或「PNG(无损)」。