像素画抖动与材质教程:少用色也能做出纹理层次

打开网易新闻 查看精彩图片

文本概览:全文约 1,665 字,阅读约 5 分钟。

抖动不是把画面弄脏,材质也不是往表面上乱点。两者都在回答同一件事:颜色不够、像素不够时,怎么让眼睛相信“这里有过渡、这里是木头不是塑料”。

方法:先用交错像素混出中间色;再靠“表面图案 + 对光的反应”区分材质;细节只堆在该看的地方。

规则可以打破,但先有一套能复现的起点,手感才有地方落。

抖动:用最少中间色骗过眼睛

机器曾经只能显示很少颜色。

像素画师就把两种颜色交错排列,让不完美的人眼自己“混”出第三种色。

左边那块看起来偏绿的方块,其实只有黄和蓝两种像素交错——你的眼睛替你做了混合。

两种固有色交错,中间色可以不进调色板。

为什么不直接拉一条平滑渐变?三条够用的理由:

  1. 少色仍像像素画

    :中间色少,整局游戏的风格更统一。

  2. 调色板可复用

    :渐变里的色可以是板子上已有的色,画面更“一家”。

  3. 中间可以故意更鲜

    :自动渐变往往单调;你在中间塞一点更高饱和的色,眼睛会觉得更有意思。

时代不同了,乱用抖动更容易毁图。

它需要足够的面积才读得出来;小精灵格子上硬铺,多半只剩脏。

大图、天空背景这类大块面,才是它更常出彩的地方。

图案节奏:越靠近一侧,某一色越多

三色抖动渐变的通法很朴素:越靠近某一端,那一端的颜色占比越高。两种图案别贴得太近;缩小一看,节奏会糊成一团,逻辑也断。

打开网易新闻 查看精彩图片

占比渐变,不是两种花纹硬拼。

常见图案有棋盘、斜线、点阵等;也可以自己发明。有时故意无序的混沌抖动,反而适合粗糙、脏旧的表面——秩序感本身也是材质的一部分。

图案可以规整,也可以脏;看你要什么表面气质。

材质:图案管“长什么样”,光管“摸起来怎样”

像素画里的纹理,是让人一眼认出“木桥”而不是“塑料桥”。两条标准:

  1. 表面图案

    :木纹、石上的坑、划痕——小尺度明暗。

  2. 对光的反应

    :亮不亮、高光大不大、阴影里色相往哪偏。

下面这组材质球,把同一套球体造型换成不同材料读法:

打开网易新闻 查看精彩图片

图注:同一球形,材料差在图案与高光,不在轮廓。

对照时记住几条可落地的判断:

  • 木头

    :靠线状木纹和结疤;未上漆时对光不敏感。

  • 花岗岩

    :表面起伏更大,要在球面上加小尺度明暗;高光偏钝。

  • 大理石

    :手法接近花岗岩,但更光滑——颜色更多、抗锯齿更重,高光也更亮。

  • 水 / 玻璃

    :半透明,常出现“内部二次高光”;主高光又大又亮,边缘要大量抗锯齿。

  • 黏土

    :粗糙、细节少;用粗笔触就够,别堆花纹。

  • :金属高光极亮、暗部极暗;阴影常偏绿——对照真照片,别凭感觉改灰。

  • 钢 / 金属

    :从黑到白跨度大,但几乎不该是中性灰;要么自带色相,要么吃环境光。

  • 西瓜(偏塑料读法)

    :高光很快漂向白、阴影不重;塑料面几乎无坑无纹。

毛发:别一根根画,画高光束

单根毛比一个像素还细。

硬画会碎。

做法是画高光束:线或小三角,粗细跟毛长有关,方向顺着体积表面(或取更接近竖直、更顺眼的那一侧)。

再把毛发想成一层“毯子”:有的毛落得更低、进阴影,用这些阴影当色阶过渡,边界就不会像贴纸,毛皮纹理还在。

打开网易新闻 查看精彩图片

看束与阴影,别数每一根毛。

注意狮身左后腿几乎是整块平色——暗部可以“糊”,焦点才留给该看的地方。

克制:纹理不是处处铺满

抖动和纹理都要克制。

该暗的暗、该亮的亮,让一部分区域读不出纹理,反而加深景深、省工,也标出重点。

打算做动画时更要先想清楚:细节越多,逐帧越痛。

放大看抖动与材质如何分工,而不是处处同密。

总结

  1. 抖动用交错像素混中间色;面积要够,小精灵慎用。

  2. 材质 = 表面图案 + 对光反应;金属别画成死灰。

  3. 毛发画高光束与阴影过渡;暗部可糊,细节留给焦点。

今天可做一个小练习:画四个 32×32 材质球(木、石、金属、玻璃),只允许每球 4–6 色,禁止平滑渐变工具。

参考资料

https://opengameart.org/content/chapter-7-textures-and-dithering: https://opengameart.org/content/chapter-7-textures-and-dithering