像素造型基本功:轮廓、斜线与一格细节的处理
发布于 2026-07-20
在几十格的画布上画出可辨识的形状,靠的不是画技而是几条像素画规则:斜线的台阶节奏、轮廓的闭合、单格细节的取舍,以及为什么抗锯齿在拼豆里要反过来用。
格数决定你能画什么
在动手之前先算一下可用格数。一个形状要被认出来,通常需要至少 8 到 10 格的跨度;要有内部细节(眼睛、纹理),需要 15 格以上;要有表情或方向感,需要 25 格以上。这些数字是硬约束,不是可以靠技巧突破的。
所以在 29×29 的画布上放一个主体是合理的,放三个主体每个只有 9 格就都认不出来。构图的第一个决定应该是:这张图放几个东西。宁可只放一个并且把它做好。
斜线:台阶节奏要均匀
像素画里没有真正的斜线,只有台阶。一条 45 度斜线是每走一格横向就下降一格;更平缓的斜线是每走两格下降一格,或每走三格下降一格。关键规则是:同一条线上的台阶节奏必须均匀。
错误的样子是这样的:走两格降一格、然后走三格降一格、然后走两格。人眼对这种不规则极其敏感,看起来线是抖的、歪的,即使每一格都在数学上正确。正确的做法是选定一个节奏(比如固定每两格降一格)并保持到线的末端,需要改变斜率时明确地换一个新节奏,而不是渐变。
| 节奏 | 视觉斜率 | 适合 |
|---|---|---|
| 1:1 | 45 度 | 菱形、箭头、对角线 |
| 2:1 | 约 27 度 | 屋顶、缓坡、字母笔画 |
| 3:1 | 约 18 度 | 很平缓的弧、地平线 |
| 1:2 | 约 63 度 | 较陡的边、树干 |
曲线是若干段不同节奏的斜线拼起来的。画一段圆弧的做法是:从最平的地方开始用 3:1,然后 2:1,然后 1:1,然后 1:2,节奏依次变化但每一段内部保持一致。段与段的长度也要递减得有规律,这样弧线才顺。
轮廓:必须闭合且一格宽
轮廓线要么完整闭合,要么明确断开一段作为设计,不要出现意外的缺口。一格的缺口在图纸上不显眼,在成品上会让整个形状散掉,因为人眼是靠闭合轮廓来识别形状的。
轮廓要保持一格宽。有些地方因为斜线的台阶会不自觉地变成两格,尤其是在转折处。两格宽的轮廓会让那个位置看起来更重,形状显得肿。检查方法是沿着轮廓走一遍,任何位置只要有两格并排的描边色就要修掉一格。
转角处有一个专门的规则:直角转折时不要在拐角外侧多加一格。也就是说,横线到竖线的转折就是一个格子同时属于两条线,不需要额外的补角。加了补角的转角看起来是圆的,不是直角。
单格细节:通常应该删掉
只有一格的细节——一格宽的胡须、一格的高光点、一格的分隔线——在拼豆里有两个具体问题。第一个是视觉问题:一格在成品上非常小,而且被周围颜色包围后会被视觉融合掉,几乎看不出来。第二个是物理问题:一格宽的结构熨烫后是最容易断的部位。
所以处理原则是:要么加粗到两格,要么删掉。加粗会改变造型比例,删掉会丢失细节,两者都是取舍——但保留一格宽的细节通常是最差的选择,因为你付出了对齐的精力却什么都没得到,还增加了作品损坏的风险。
唯一的例外是眼睛的瞳孔。即使只有一格,瞳孔也会被识别出来,因为人对眼睛的敏感度远高于其他细节。这一格值得保留,而且要确保它周围有足够的眼白衬托。
抗锯齿:在拼豆里要反过来想
屏幕上的抗锯齿是在斜线边缘加半透明的中间色,让台阶看起来平滑。拼豆里没有半透明,但可以用中间明度的实色达到类似效果——这就是很多照片自动转换的图纸里那些看起来多余的杂色的来源。
但在低格数下,手工加抗锯齿通常是有害的。原因是:每个抗锯齿的格子都占用了本来可以表现形状的格子,而在 29×29 这种尺寸下你根本没有格子可以浪费。同时抗锯齿会引入额外的颜色,挤占配色配额。
正确的做法是反过来:低格数时主动去掉抗锯齿,让边缘变成干净的硬边。这就是所谓的清理。自动生成的图纸如果看起来脏,大多不是颜色不准,而是边缘有一圈过渡色。把这些过渡色归到相邻的主色里,画面立刻清晰。
格数上去之后(58 格以上)抗锯齿才开始有价值,因为这时候有格子可以花在过渡上,而且台阶的绝对尺寸变小,平滑处理的收益能体现出来。
常见问题
- 为什么自动生成的图纸看起来很脏?
- 通常是边缘有一圈抗锯齿过渡色。把配色数量调低,系统会把这些过渡色合并到相邻主色里,画面会明显清晰。
- 一格宽的细节要保留吗?
- 除了眼睛的瞳孔,通常应该加粗到两格或直接删掉。一格宽的结构在成品上几乎看不见,却是熨烫后最容易断的部位。