繪製遊戲角色前,如何選擇一致的像素精靈(Sprite)尺寸
從玩家在螢幕上必須看到的畫面著手,逆向推導來選擇角色畫布:確定遊戲的攝影機視角,預估角色在該視角中所佔的比例,然後使用粗略的剪影測試幾種候選的像素尺寸。對於需要互相對齊或一起製作動畫的角色,請使用統一的共用畫布尺寸;僅在角色體型較大或攝影機縮放比例不同確實需要時,才作例外處理。像素精靈並沒有放之四海皆準的完美尺寸;最合適的尺寸,就是能清晰傳達角色特徵並契合遊戲視角的最小網格。
從攝影機與螢幕視角開始
在開始作畫之前,先確定大致的遊戲視角:側視角、俯視角、等軸測視角(isometric)或特寫視角。決定螢幕中要容納多少遊戲世界畫面,以及主角在其中看起來應該多大。在擁擠的俯視場景中需要讓人一眼辨識的角色,與特寫對話頭像的需求截然不同。
如果你已經知道遊戲的內部解析度,請將其作為量測的基準框。例如,草繪一個簡單的 320 × 180 測試畫面,並標出約 32 像素的角色大致高度。這個比例能提供具體的評估依據:角色大約佔了螢幕高度的 18%。這些數字僅供說明,並非推薦的標準規格。攝影機構圖、移動空間以及預期的視覺重點才應該是決定比例的關鍵。
Unity 的 Pixel Perfect Camera 說明文件將「參考解析度(Reference Resolution)」定義為素材設計時採用的原始解析度,其設定指南指出,320 × 180 的參考解析度可提供 320 × 180 精靈像素的攝影機視角。這使得遊戲視角成為設計角色尺寸時極為實用的起始限制條件。Unity: Add a pixel perfect camera
在設定畫布前先確定角色的可見高度
將繪製的人物高度與影像畫布區分開來。如果一個角色在 32 × 32 的畫布中高 28 像素,剩餘的空間就可以用來容納頭髮、跳躍動作或武器,而無需為每個姿勢更改畫布大小。先決定目標可見高度,然後僅預留遊戲所需的邊距即可。
製作兩到三種候選高度的簡易剪影(例如 16、24 和 32 像素),並檢查在正常遊戲尺寸下,頭部、四肢和具辨識度的道具是否依然清晰可辨。12 × 16 像素的人物仍然可以清楚呈現角色形貌;像素藝術家 Kabaya 便以原版 NES《瑪利歐》的尺寸為例說明了這一點。其核心要點不是照搬該尺寸,而是根據你自身設計所需的特徵來評估最小網格。Creative Bloq: Forget nostalgia, modern pixel art is more than retro gaming
挑選能呈現所需細節的基礎尺寸
較小的畫布會限制可用於描繪臉部、服裝或手持物品的像素數量;較大的畫布雖能提供更多空間,但需要你在像素層級做出更多決策。請根據所需的視覺資訊進行選擇。如果在遊玩過程中面部表情很重要,請測試眼睛和嘴巴是否清晰可辨。如果角色在廣闊場景中僅以微小身影呈現,那麼剪影和色塊可能比面部像素更為重要。
一個實用的選擇方式是以兩到三種尺寸繪製相同的純色剪影,然後只添加關鍵的辨識特徵:頭部形狀、一處服裝細節,以及武器或工具(若適用)。在預期的螢幕縮放比例下檢視每個版本。如果最小的版本遺失了重要的識別特徵,而放大一個尺寸又能清楚呈現,這就構成了採用較大網格的依據。這種比較是一種設計檢驗,而非通用的尺寸規則。
考量動畫需求來選擇影格畫布
對於需要製作動畫的角色,在最終確定尺寸之前,測試的內容不應僅限於站立姿勢。在相同的影格框內製作站立、奔跑和跳躍的粗略剪影。檢查在整個運動過程中,腳部、頭部和手持物品是否都保持在邊界內。過於緊湊的影格可能會裁切到舉起的手臂或頭髮;過大的影格則會使位置對齊和視覺比例的比較變得更加困難。
當需要維持穩定的位置時,跨影格的畫布尺寸和對齊規則必須保持一致。確定角色的著地點或錨點(pivot)應位於何處,並在每個姿勢中使用該參考點。繪圖軟體的畫布與可見繪製區域是兩回事:Aseprite 將畫布定義為精靈的可見區域,並提供分別用於調整畫布大小(Canvas Size)和調整精靈內容大小(Sprite Size)的選項。Aseprite: Canvas Size、Aseprite: Sprite Size
使角色比例與世界網格相匹配
如果遊戲採用圖塊(tile)建構,請將角色的高度和寬度與標準圖塊進行比較。側視角的玩家角色可能高於地面圖塊;俯視角的人物可能需要在佔據單個圖塊底面積的同時,在視覺上向上延伸。具體比例取決於遊戲的視角與碰撞體設計,因此請使用快速場景模型進行測試,而不要直接假定角色與圖塊必須共用相同尺寸。
在預期的攝影機距離下,將玩家角色置於一般環境圖塊、門口以及另一個角色或道具旁進行檢查。如果玩家角色看起來太小而難以辨認,或者太大而無法在場景中順暢穿行,請在添加細節之前修改可見高度或攝影機構圖。在各素材之間建立一致的像素密度;在 Unity 中,Pixel Perfect Camera 的設定說明要求精靈使用統一的 Pixels Per Unit(每單位像素數)數值,並要求攝影機的 Asset Pixels Per Unit 與之相符。Unity: Add a pixel perfect camera
在定案前製作比例參考表
與其立即完成第一個角色,不如製作一份小型的比較參考表。在模擬遊戲視角中放置三種候選畫布尺寸,將每種都繪製成扁平剪影,並包含相同的標誌性細節。然後以實際遊戲比例檢視這份參考表並思考:我能辨認出這個姿勢嗎?人物與周圍環境搭配起來自然嗎?其動作範圍能否保持在框線內?預期的表情或道具特徵是否有保留下來?
記錄下選定的畫布寬度和高度、目標可見高度、基準線或錨點,以及任何允許的例外情況。這份簡要的參考標準能讓後續繪製的角色更易於比較,並有助於防止每張新圖逐漸偏離設定的比例。這並不要求每個角色都具有完全相同的繪製邊界:高帽子或體型龐大的 Boss 剪影可能會佔用更多共用畫布空間,同時仍能保持專案底層的像素密度與對齊慣例。
在遊戲視角中再次檢查選擇
編輯器的縮放功能可能會讓微小的精靈看起來細節豐富,但在實際遊玩時卻可能難以辨識。將粗略的測試素材匯入遊戲或具有代表性的場景中,並以預期的攝影機縮放比例進行檢視。在 Unity 中,參考解析度決定了設計的像素視角,而 Pixel Perfect Camera 和相符的精靈設定則有助於確保跨螢幕尺寸時的像素渲染效果不失真。Unity: Pixel Perfect Camera component reference
如果角色不清晰,首先請思考問題出在像素尺寸、剪影、對比度還是攝影機距離。單純增大畫布不一定能改善薄弱的剪影;如果玩家角色在螢幕上所佔比例過小,縮小畫布也無濟於事。一次只調整一個變數,並與原始測試進行比較。一旦角色清晰易讀且其動畫能契合所選邊框,即可將該畫布作為具有相同角色定位和攝影機比例的角色標準規格。
