你的像素畫游戲風(fēng)格無法統(tǒng)一?試試把整個游戲的配色拴在一根繩上
![]()
文本概覽:全文約 1,415 字,閱讀約 4 分鐘。
你是不是也這樣:角色、地塊、UI 各用一套色,單看每個精靈都沒問題,一進(jìn)場景卻像拼盤——樹太跳、草地發(fā)灰、粉色花朵搶戲。
你以為缺的是“再多幾個好看的顏色”,其實缺的是一張彼此咬合的色階網(wǎng)。
高級配色不是多塞顏色,而是每一步在色相、明度、飽和度上走同樣大小的臺階。
整個游戲都能用的顏色板
你已學(xué)會:從一種顏色走到另一種,每一步同時壓暗暗度、挪動色相,且步子不能太大也不能太小。
現(xiàn)在要做的是:從四個顏色繼續(xù)長出多色相、可分支、可回環(huán)的顏色板。
你可以從深青綠往亮紅拉一條支路,也可以——像原文——從黃色往深紅走。
規(guī)則不變:每一步都略暗、色相朝目標(biāo)色靠攏,并時刻檢查相鄰兩級差距是否均勻。
![]()
重復(fù)“挑一個現(xiàn)成亮色 → 再長出一條新暗色支路”,你會得到藍(lán)系一支、暖灰與冷灰兩支,黃紅之間變成色橋,遠(yuǎn)處還能連成色環(huán)——任意連續(xù)四格都能抽出來,畫一塊 tile 或一個精靈。
![]()
你可能以為在引擎里點色最順手;實際操作后會發(fā)現(xiàn):在 Aseprite 一類軟件里用取色器挪 H/V/S,更容易看見“這一步離上一步有多遠(yuǎn)”——這才是高級色階真正省時間的地方。
顏色選擇:色相、明度、飽和度同步走
以藍(lán)系四階為例:從深紫往冷亮藍(lán)走,需要提高明度、略降飽和度、色相遠(yuǎn)離紅區(qū)轉(zhuǎn)向藍(lán)區(qū)。三個旋鈕不是各玩各的,而是在色輪上畫一條盡量直的梯子。
![]()
![]()
量一下相鄰臺階的明度差,你會發(fā)現(xiàn)每級大致相等;色相、飽和度也同理。
阻力 → 上色測試 → 飽和度把你打醒
把色階套到樹上:樹干棕、花朵粉橙。
單看每塊還行,可粉色花瓣飽和度爆表,像貼在畫面上對你喊“看我”——這就是高級配色里最難的一關(guān)。
![]()
薩金特《A Dinner Table at Night》里,臺燈與周圍高飽和紅把視線鎖在人物身上,其余大面積是低飽和黑灰黃——靠飽和度對比講故事,不是亂艷。
![]()
游戲里也一樣:Samurai Kid用低飽和背景、高飽和前景,可讀性與景深層次立刻分開。
![]()
若你還在摸索,可以先用保守規(guī)則:同一條色階上,中調(diào)與暗調(diào)的飽和度別亂跳;兒童向整體偏高飽和,偏沉靜的作品就預(yù)留灰階與低飽和中間色。
回到那朵粉花:把花瓣粉、相關(guān)紫明顯降飽和,高光粉不再和草地“搶戲”,整棵樹才進(jìn)同一場氣氛。
![]()
改完主色階,再建子調(diào)色板、刷場景——這是“調(diào)色板玩法”,而不只是服務(wù)單張插畫。
![]()
總結(jié)
- 單一法則:一套顏色板,比十套各畫各的孤立色板更能穩(wěn)住整個游戲的配色。
- 小練習(xí)(15 分鐘):只畫 8×8 草地+花,禁止新增“順眼但不在色階上”的顏色;花瓣太跳就只動飽和度,不動色相。
PS:我有個社群,叫“像素畫創(chuàng)作者”,我會和你一起探討像素畫學(xué)習(xí)和像素畫游戲開發(fā)
邀你加入,并領(lǐng)取限時優(yōu)惠 ??(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/
特別聲明:以上內(nèi)容(如有圖片或視頻亦包括在內(nèi))為自媒體平臺“網(wǎng)易號”用戶上傳并發(fā)布,本平臺僅提供信息存儲服務(wù)。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.