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