你的像素画游戏风格无法统一?试试把整个游戏的配色拴在一根绳上

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

文本概览:全文约 1,415 字,阅读约 4 分钟。

你是不是也这样:角色、地块、UI 各用一套色,单看每个精灵都没问题,一进场景却像拼盘——树太跳、草地发灰、粉色花朵抢戏。

你以为缺的是“再多几个好看的颜色”,其实缺的是一张彼此咬合的色阶网

高级配色不是多塞颜色,而是每一步在色相、明度、饱和度上走同样大小的台阶。

整个游戏都能用的颜色板

你已学会:从一种颜色走到另一种,每一步同时压暗暗度、挪动色相,且步子不能太大也不能太小

现在要做的是:从四个颜色继续长出多色相、可分支、可回环的颜色板。

你可以从深青绿往亮红拉一条支路,也可以——像原文——从黄色往深红走

规则不变:每一步都略暗、色相朝目标色靠拢,并时刻检查相邻两级差距是否均匀

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

重复“挑一个现成亮色 → 再长出一条新暗色支路”,你会得到蓝系一支、暖灰与冷灰两支,黄红之间变成色桥,远处还能连成色环——任意连续四格都能抽出来,画一块 tile 或一个精灵。

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

你可能以为在引擎里点色最顺手;实际操作后会发现:在 Aseprite 一类软件里用取色器挪 H/V/S,更容易看见“这一步离上一步有多远”——这才是高级色阶真正省时间的地方。

颜色选择:色相、明度饱和度同步走

以蓝系四阶为例:从深紫往冷亮蓝走,需要提高明度、略降饱和度、色相远离红区转向蓝区。三个旋钮不是各玩各的,而是在色轮上画一条尽量直的梯子。

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

量一下相邻台阶的明度差,你会发现每级大致相等;色相、饱和度也同理。

阻力 → 上色测试 → 饱和度把你打醒

把色阶套到树上:树干棕、花朵粉橙。

单看每块还行,可粉色花瓣饱和度爆表,像贴在画面上对你喊“看我”——这就是高级配色里最难的一关。

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

萨金特《A Dinner Table at Night》里,台灯与周围高饱和红把视线锁在人物身上,其余大面积是低饱和黑灰黄——靠饱和度对比讲故事,不是乱艳。

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

游戏里也一样:Samurai Kid用低饱和背景、高饱和前景,可读性与景深层次立刻分开。

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

若你还在摸索,可以先用保守规则:同一条色阶上,中调与暗调的饱和度别乱跳;儿童向整体偏高饱和,偏沉静的作品就预留灰阶与低饱和中间色。

回到那朵粉花:把花瓣粉、相关紫明显降饱和,高光粉不再和草地“抢戏”,整棵树才进同一场气氛。

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

改完主色阶,再建子调色板、刷场景——这是“调色板玩法”,而不只是服务单张插画。

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

总结

  • 单一法则:一套颜色板,比十套各画各的孤立色板更能稳住整个游戏的配色。
  • 小练习(15 分钟):只画 8×8 草地+花,禁止新增“顺眼但不在色阶上”的颜色;花瓣太跳就只动饱和度,不动色相。

PS:我有个社群,叫“像素画创作者”,我会和你一起探讨像素画学习和像素画游戏开发

邀你加入,并领取限时优惠 ⬇️(5月28日截止)

来源:Development Workflow – Chapter 9: Creating a Color Palette (Part 2)[1](Gumpy Function / GB Studio Central)

参考资料

Development Workflow – Chapter 9: Creating a Color Palette (Part 2): https://gbstudiocentral.com/tips/dwf-c9-creating-a-color-palette-part-2/