像素畫JRPG 戰斗背景+角色教程
![]()
文本概覽:全文約 1,400 字,閱讀約 4 分鐘。
JRPG 戰斗背景約192×144,靈感來自勇者斗惡龍與夢幻星 4 那種開闊對戰場。
核心不是堆更多細節,而是縱深主要靠色帶分層傳達:近處飽和、對比強,遠處變淡、變亮、色相往天空靠,全程壓在 16 色以內。
動作游戲背景要讓精靈可讀,往往得壓灰;回合制 RPG 則允許更沉浸的風景。這篇按山谷 → 沙漠 → 森林三套公式走,再補敵人與 CRT 濾鏡。
山谷:先鋪色帶,再種草與山
先定畫布。192×144 貼近 4:3,也塞得進常見 8/16-bit 對戰窗口;若以后要做像素級視差滾動,192 寬也好算步長。
流程:水平色帶定地平線 → 把地面與天空拆成更多色帶 →大氣透視決定選色(近處最飽和、明暗反差最大;越遠飽和越低、白天越亮、色相越貼近天空)。
本例晴空偏藍,近草偏暖,遠層一路往藍靠。
山從最遠草地層插入:近山略深略藍,遠山更藍、更淡、更亮,陰影色往往直接復用天空色帶。近草再加一檔深色做豎向短筆觸;距離越遠,草只剩 1~2 像素高的簇,再遠就不再畫“單根草”。云也分近遠:近云對比與細節最強,遠云直接烤進天空底。全場約15 色。
![]()
山谷成品動圖(步驟合集)。
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
沙漠:同一套色帶比例,換紋理與霾
色帶層數與山谷幾乎同構,但調色板與地表紋理換成沙丘。高溫干霾讓藍天發白,遠距離色相漂移更猛:近處深橙 → 中遠淺黃 → 最遠淺藍。近處暗紅陰影在遠丘變成淺紫,再遠并進淡藍。
地表用飄忽的 S / C 形簇模擬沙紋;云少,就在天空漸變上加旋紋強化霾感。顏色大量復用,總數仍約 15。
![]()
沙漠成品動圖。
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
森林:縱深刻意收短,樹吃掉上半畫布
公式仍在,但視點到地平線的“心理距離”更短:層與層之間縮放不那么極端,遠處仍能看見枝葉,樹冠頂到畫布上沿。從林蔭望向林緣暖光時,近綠偏冷藍,遠綠反而偏暖黃——飽和與明度走向仍類似,色相漂移方向反了。
森林最難:每一深度層都要畫樹,地面還有草、土與斑駁光斑。顏色預算緊,靠遠樹陰影復用近處綠色,硬壓在 15 色內。
![]()
森林成品動圖。
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()
敵人:色塊解剖先于細節
角色仍建議先做色塊解剖定姿態,再填細節。小精靈可跳過,但跳過容易糊成噪點團。簇要簡單、色要少,每個像素說清楚“它是什么”比硬塞腦內細節重要。
三只對應三場景:林間暗法師、沙漠巨甲蟲、草原怒馬——真實物種參考 + 幻想夸張,既好認又有趣味。
![]()
可選:CRT 濾鏡
用 Vayce[2] 一類工具調曲率、掃描線、色差;圖要相對小(本例 ×4 到 768×576)掃描線才夠“厚”。找到喜歡的滑桿位置就截圖備份——早期版本不一定顯示百分比。
![]()
![]()
![]()
![]()
CRT 參數截圖備份。
總結
JRPG 戰斗背景的資產價值 =色帶分層的大氣透視+≤16 色復用+距離越遠紋理刻度越小。山谷、沙漠、森林共用骨架,靠調色板、紋理與縱深尺度換場景。
參考資料
Pixelblog - 62 - Landscape Backgrounds: https://www.slynyrd.com/blog/2026/5/27/pixelblog-62-landscape-backgrounds
Vayce: https://vayce.app
Pixelblog 11 風景: https://www.slynyrd.com/blog/2018/11/16/pixelblog-11-landscape-pixeling
Pixelblog 23 視差: https://www.slynyrd.com/blog/2019/11/12/pixelblog-23-parallax-scrolling
特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。
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.