像素画显脏，是色块太碎：先铺大块，再修台阶
文本概览：全文约1,967字，阅读约5分钟。画面显脏，很少是因为细节太多。
多半是色块太碎。方法：先用两三像素粗的笔铺大色块，一轮比一轮小，收尾时一边把边缘的台阶数排顺，一边加细节。
这套画法来自像素画师 Pedro Medeiros（Saint11）。他管它叫“色块草图”：不画线稿，直接从颜色开始，像画画一样由粗到细。
先认识你要管的东西：色块一群颜色完全相同、彼此相连的像素，就是一个色块。
斜着挨在一起也算相连，Pedro 管它叫“弱连接”，能避开就避开，不必纠结。
他画像素画的目标很明确：
色块越少越好，单像素色块能不要就不要。上下左右和四个斜角都没有同色邻居的像素，叫孤立像素。
画面发噪、看不清，很多时候就是它们在捣乱。
处理孤立像素有两条路。
这颗像素可有可无，直接删掉。你确实需要这点细节，就把它扩成一个两三像素的小形状，图下方那排绿色小块就是 Pedro 常用的替换形状。
但孤立像素不是罪人。用来做质感、做抗锯齿，或者需要一个特别强的点，它就该在那里。
所以规则是：
孤立像素必须是你故意放的。手滑留下的那些，才是噪点。
第一步：大色块，乱一点没关系开一张画布，Pedro 用的是 100×64，配色是 DB32（一套 32 色的公开调色板）。有数位板最好，手腕的自然笔触对这个画法帮助很大。
尺寸可以调，但他建议别小于 64，也别大于 128。场景太复杂就删东西，房子、人物都可以不要。
换新画法时，画一个你画得舒服的东西。这一步只管两件事：颜色选对，氛围对上。
不加任何细节。
这是少数几种允许你把笔刷开到 2 甚至 3 像素的时候。
另一个办法是先勾出色块的外轮廓，再用油漆桶一键填满。你会觉得这一步丑得不像话。
这正常，它丑是因为它还在找颜色，不是因为你画错了。第二步：从远往近，一层层压上去大色块铺完，开始细化。
笔刷从这一步起逐步调小，把一整块颜色拆成几块更小的色块，边缘改准。顺序是从最远的开始：先天空和山，再房子，离你最近的那个人影留到收尾。
这是绘画里的老规矩，放到像素画里一样好用。底子先铺好，再往上放东西，颜色和大小都有了参照。
你先画人，后画天，人的颜色大概率要返工。图右下角那三簇草，就是这一步的缩影：先一坨绿，再拆出几片叶，叶尖是收尾才加的。
Pedro 会把天空、房子、前景人物各放一个图层，但他同时提醒：
图层越少越好。图层一多，你会分不清哪一笔在哪一层。
第三步：修台阶，顺手加细节这一步最磨人。像素画的边缘全是一格一格的方块，画笔不会替你把边缘柔化。
你手画一条自然的弧线，边缘总会冒出一些不该有的小拐角。这些拐角就是锯齿。
听上去复杂，做起来只需要数数。把一条边缘想成楼梯，从一头数到另一头，写下每一级有几格。
平的地方台阶长，陡的地方台阶短。
锯齿就是数字里的“走错一步”。
像图里这种拱形，数字先涨后跌，整条线只掉头一次。只朝一个方向弯的线，数字就一路涨或一路跌。
涨得快慢不要紧，别在半路跌一下又涨回去。半路多出来的那次掉头，就是锯齿。
修法就是推像素：找到让数字掉头的那一级，在它和旁边一级之间挪一两格，直到数字重新只朝一个方向走。图下方三条藤蔓就是完整过程：原稿、红色标出锯齿、修好。
回到场景，剩下的活 Pedro 叫做“把猫头鹰画完”（一个网络梗：第一步画两个圆，第二步直接画完整只猫头鹰）。沿着每条边缘找锯齿，一个一个修。
修的同时，你会顺手加细节、拉对比、调光。
Pedro 自己也承认，这一步不太有条理。
但它管用。你大概会卡在这里：修了十几个台阶，画面看着没变化，想放弃。
这时候别盯着放大的画布，把画缩回原大看一眼。你会发现轮廓变硬了，房顶那条斜线终于像一条线。
改动是一格一格的，效果是整体的。这招适合画什么这套画法出来的效果偏有机、偏绘画感，最适合画背景和自然：植物、水、山。
这也正好是不少人做游戏时容易卡住的地方。角色画得出来，一到背景就只会平涂一个蓝天加一条绿地。
用今天这套办法，你可以给自己的游戏画出第一张有远近、有氛围的标题画面。第二步由远到近分出的天、山、房子、前景，拆开就是做横版视差背景的几层，这时图层多几层也值得。
总结显脏来自色块碎。色块越少越好，孤立像素必须是故意放的。
由粗到细，由远到近。先铺大色块定颜色，再一层层往前压。
锯齿靠数台阶。数字只该掉头一次，半路多掉头一次就修。
练习：开一张 100×64 的画布，只画一块石头或一个树桩，按大块、细化、修台阶三步走完，缩回原大看不出手滑的孤立像素才算过。参考资料[1]
https://saint11.art/pixel_art_articles/article2/:
https://saint11.art/pixel_art_articles/article2/[2]
https://saint11.art/pixel_art_articles/:
https://saint11.art/pixel_art_articles/
