Metlivi 部落格

如何為小型動物精靈(Sprite)選擇有限色盤

製作小型動物精靈時,建議先從區分輪廓、主體、陰影以及一兩個標誌性特徵所需的少數幾種顏色著手。為主體材質建立簡短的由暗到明漸層色階(Ramp),然後在精靈預期的顯示尺寸下測試這些顏色。對於 16×16 的角色,通常初步使用約 4–8 種顏色是不錯的起點,但這只是參考範圍而非硬性規定:精靈的尺寸、材質數量、光照和整體設計都至關重要。

2026年10月15日閱讀時間 7 分鐘作者:Metlivi Editorial Team
第 1 節

從精靈的定位與尺寸開始

首先決定這隻動物需要一眼傳達出什麼資訊。極小的圖示可能只需要清晰的身體形狀和一個顯著特徵;而較大的角色可能還需要單獨的顏色來表現腹部、耳朵、爪子或配飾。只列出在精靈預期尺寸下必須保持可辨識的特徵。這樣能讓色盤的選擇緊密契合視覺需求,而非受限於預設的顏色數量。

專業的像素藝術指南建議,16×16 角色的顏色數量(含輪廓線)大約為 4–8 種,32×32 角色則為 8–16 種。請將這些視為實用的起點:單一材質的動物需要的顏色可能更少,而擁有數種材質或特別重要斑紋的動物可能需要更多。關鍵衡量標準在於每種顏色是否都提供了肉眼可見的區隔度。Tsubu 的像素藝術色盤指南

第 2 節

挑選值得擁有專屬顏色的特徵

在確定確切色調之前,先確認身體的主要材質以及該動物最具辨識度的次要特徵。例如,一隻小狐狸可以使用一組身體漸層色階,並保留一種淺色用於口鼻和胸部;一隻深色貓咪則可以利用較淺的面部或眼睛細節來凸顯表情。這些是設計範例,並非動物固定的配色方案。如果兩個區塊在原始尺寸下糊成一團,它們可能需要更明確的明度區隔。如果它們在視覺上已能辨別為同一個形狀,硬給它們不同顏色可能會顯得雜亂,且無法增加有效資訊。

輪廓線可以與身體最深的色調共用,也可以使用獨立的顏色。共用深色調能節省色盤位置,並有助於銜接形狀;而當精靈需要與背景形成強烈對比邊緣時,使用獨立的輪廓線就很有意義。請對照實際的遊戲背景或匯出底色來檢查效果:若輪廓線融進背景顏色中,就無法清晰勾勒出形體外觀。

第 3 節

為主體建立簡短的漸層色階

漸層色階(Color ramp)是單一材質由暗到明排列的一組簡短色調序列。請從三個角色開始:陰影、底色和亮部。只有在精靈確實需要時,才加入更深的陰影或明亮的高光。像素藝術教學通常建議使用三到五階的漸層色階,其中最暗的一階有時可兼作線稿使用。Pixor 的色盤漸層色階指南

選擇一個符合預期風格的底色,然後建立一深一淺的相鄰色。放置在精靈上時,每個色階都應與相鄰色階有明顯差異。一排色票在排列時看似豐富多樣,但在小面積的像素群中可能幾乎看不出變化,因此請務必在實際畫面中評估漸層色階。避免預設每種材質都需要一套完全獨立的序列:共用陰影或高光能讓精簡的色盤為多個區域進行著色。

第 4 節

調整明度的同時也微調色相

如果僅透過降低底色的明度來製作陰影,漸層色階可能會顯得平淡或髒濁。試著在明度變化時稍微移動色相:例如,暖色底色可以搭配偏冷的陰影和偏暖的亮部。色相推移的方向取決於預期的光照和風格,因此藍紫色的陰影與黃橙色的高光是常見的搭配,但並非強制公式。Pixor 的色相推移指南

色相推移請保持克制,確保漸層色階看起來仍屬於同一種材質。在動物的身體、臉部及任何次要漸層色階上,套用一致的光照方向;毫無關聯的色相推移會讓小小的精靈看起來像是受到多個方向的光源照射。像素藝術家 Raymond Schlitter 的色盤教學也討論了沿著色階改變色相與調整飽和度的方法,同時強調色階的視覺效果取決於審美判斷,而非固定的數學公式。Slynyrd 關於色盤的 Pixelblog

第 5 節

在新增細節之前檢查明度區隔

單憑色相名稱並不能保證相鄰區域能被清晰區分。例如,紅棕色的身體和綠色的配飾可能具有相似的明度,在小尺寸下會混在一起。暫時將精靈轉為灰階檢視,或用肉眼比對各個區域:您是否仍能辨識出輪廓、面部和關鍵斑紋?Pixor 建議在灰階下檢查漸層色階的明度;Tsubu 的指南同樣強調要在精靈的實際尺寸下測試相鄰區域。Pixor 談色階、Tsubu 談明度對比

如果兩個重要區域混在一起,請先調整其中一個顏色的明度,或從鄰近的色階中選擇分離度更高的色調。如果仍然難以區分,請改變色相或預留一個鮮明的點綴色。切勿僅僅因為某個細節看不清楚就直接新增顏色,因為這個細節本身可能太小,根本無法在最終尺寸下保留。在這種情況下,簡化或放大形狀可能比再增加一個色票更有效。

第 6 節

在精靈本體上測試色盤,而非僅看色票列

將顏色放入實際的設計中,並以原始尺寸進行檢視。放大檢視有助於點像素,但可能會掩蓋精靈縮小顯示時顏色是否協調的問題。對照背景檢查輪廓邊緣,接著檢查臉部和其他標誌性特徵。如果動物帶有動畫,請預覽幾個影格:在某個姿勢下效果良好的顏色,可能會在剪影改變時與另一個特徵混在一起。

採用簡單的修改循環:標記每個顏色的用途,以 1× 原始尺寸檢查精靈,找出第一個模糊不清的特徵,並調整最少數量的色票來改善辨識度。當某個顏色沒有明顯作用時,嘗試將其刪除或合併。當您新增顏色時,請明確說明其用途(例如區分淺色腹部與軀幹),然後確認該區隔是否清晰可見。這種基於功用的檢驗方法,能有效避免習慣性地擴充色盤。

第 7 節

選擇現成色盤或自訂小型色盤

社群分享的色盤可以提供一套調和好的色彩,供快速測試。從中選出符合動物材質與預期氛圍的子集即可;色盤中的顏色總數並不是每個精靈都必須用滿的目標。如果是自訂色盤,請從身體的漸層色階開始,且僅為需要區分的特徵新增顏色。在補充額外色調之前,先建立並測試精靈。

在 Aseprite 中,RGB 模式允許使用未列在色盤列上的顏色,而索引模式(Indexed mode)會將每個像素對應到色盤條目,並限制只能使用這些條目進行繪製。編輯索引色盤的顏色會同時變更使用該索引的所有像素,這在一次調整整組漸層色階時非常實用。索引模式還會使用一個色盤索引來代表透明度。這些是軟體特有的工作流程特性,並非選擇有限色盤的必要條件。Aseprite 的色彩模式說明文件

第 8 節

精簡決策檢查清單

在最終確定色盤之前,請確認:動物的輪廓與標誌性特徵在預期的顯示尺寸下清晰可辨;身體漸層色階具有明確的陰影、底色和亮部職責;重要相鄰區域在灰階下仍能區分;輪廓線能將精靈與背景區隔開來;每個色票都有明確的視覺目的。若有任何一項未通過檢查,請修正該特定關係並重新檢視精靈。在維持設計精簡的前提下,盡可能縮減色盤大小,同時保留讓這隻動物具備高辨識度的特徵。

第 9 節

資料來源

相關閱讀

繼續探索這個主題