怎么让精灵图在杂乱背景上看得清
精灵单独看着挺好,放进地图里就没了。加描边是标准解法,通常也确实管用—— 但值得花十分钟先搞清楚问题到底出在哪,因为另外三种办法在对症的时候比描边更好。
1. 先把颜色拿掉
把精灵站在那个「让它消失」的背景上的样子截下来,转成灰度。 这一步花不了一分钟,但能直接定性。
如果灰度下它还分得开,那可读性不是你的问题。 真正让你不舒服的是别的东西——精灵读得出来但不像站在地上、 它的颜色和整体色调打架、或者它单纯比你记忆中小。 这些都是别的修法,描边一个都碰不到。
如果灰度下它消失了,说明精灵和背景的明度是一样的。 几乎所有情况下这才是真正的问题,而且值得说准确: 在「两个东西分不分得开」这件事上,色相和饱和度的贡献远远小于明度。 同明度的红色精灵放在绿色背景上,扫一眼几乎是看不见的, 而换成哪一种红都救不回来。
2. 单独检查轮廓
把精灵整个填成一块纯色,只看形状。 这和灰度那一测是两回事,抓的是另一种毛病。
一个轮廓含糊成一团的角色,就算放在纯色背景上也难读, 给它描边只会得到一团边界清晰的糊东西。 那种情况要改的是画本身:一顶帽子、一把伸出去的武器、一个有辨识度的站姿—— 某种在看清任何内部细节之前就能认出这是谁的东西。
这一步值得在描边之前做,因为描边很便宜, 而且能掩盖住「底下那个形状本身有问题」这件事。 描完会好看一些,但仍然是错的。
3. 三种不靠描边的办法
把背景的明度往远处推。如果地块和角色挤在同一个中间明度带里, 可读的做法通常是压暗背景而不是提亮角色—— 更暗的环境读起来是纵深,而更亮的角色读起来像在发光。 具体做法是改背景的画,不是加个滤镜。
把背景的饱和度降下来。让重要的前景物件成为画面上唯一鲜艳的东西。 这就是为什么那么多像素游戏是灰褐色的环境配鲜亮的角色: 它首先不是一个风格选择,而是一个可读性决定,然后才变成了风格。
把精灵自身的明度跨度拉大。通体用中间调画出来的精灵,眼睛没有任何抓手。 加上一块真的暗的暗面和一块真的亮的亮面, 它就能从任何单一明度的东西里分出来—— 而且这件事不管背景是什么,都会让这张图变好。
这三种都是改画本身而不是在上面盖一层, 而且背景换了它们还继续管用。描边解决的是眼前这一对搭配。
4. 要描边,就描对
当背景确实千变万化的时候——杂乱的地图、视差层、任何精灵会跨过去的东西—— 描边就是正确答案,因为它对付的是所有背景,而不是某一个背景。
别用纯黑。一个最深处只是深蓝的精灵,配上纯黑描边,读起来就像贴在场景上的贴纸。 改用精灵自身主色相的极深版本: 深到足以和任何背景分开,又和画面有血缘关系。像素画调色板转换器能把一张精灵图的调色板读出来,是找这个颜色最快的办法。
1 像素,十字拐角。1 像素粗的时候,描边应该只往上下左右四个方向长、把斜角留空—— 填上斜角会让描边恰恰在拐角处明显变粗。 超过 1 像素之后,描边开始读起来像设计的一部分而不是一圈边框, 那是一个决定,不该是默认值。
考虑只描一部分。整圈描到底是那种平、均匀的观感。 只描朝向画面杂乱那一侧的边——或者只描外轮廓、不描内部的边—— 能保留更多画面,同时照样分得开。 整圈描边是一种风格;选择性描边通常才是一个讲究的画师手工会做的事。
先描边再放大。1 像素的描边放大 4 倍就是 4 像素的描边。 要么在它最终会被看到的尺寸上描,要么交给引擎在绘制时缩放。
5. 如果它读得出来但飘着
有一种抱怨经常被误当成可读性问题: 精灵看得非常清楚,但看起来不像站在任何东西上。
解法是接地阴影——脚下一小片深色的、半透明的椭圆, 画在地面上而不是挂在精灵身上。 它不需要物理正确,它需要在精灵接触地面的地方接触到精灵。 UI 元素或者躺在地上的道具,用一个往下偏一点、往侧面偏一点的投影同理。
值得知道,是因为症状听起来一样—— 「这东西放在场景里怎么不对劲」——而描边对它一点用都没有。
常见故障
描完之后像贴上去的贴纸
在一张根本没有纯黑的画上用了纯黑。 改用精灵自身主色的极深版本。
描了边还是看不清
问题出在明度对比,不在边界是否清晰。转成灰度看一下: 如果精灵和背景一样亮,那分开它们的就只剩那一圈描边,而 1 像素不够。
描边在拐角处比别处粗
拐角样式选成了填满斜角。切到十字。
在草地上读得出来,在石头上就没了
单一颜色的描边不可能适配所有背景。 要么把环境本身的明度对比拉开,要么接受一个更深的描边色, 让它对付得了你手上最亮的那种地块。
描边跑到精灵内部去了
那里有一片透明或接近透明的区域。 不管你想不想要那个描边,那块的 alpha 和你以为的不一样。
每张图都被套上了一个黑框
这些精灵图的背景不是透明的,而是不透明的, 所以被描的那个轮廓就是那个矩形。