你畫的像素畫全部像紙片?一只 32×32 小烏龜教你掌握立體感
![]()
文本概覽:全文約 1,535 字,閱讀約 4 分鐘。
你鋪完色、勾完邊,角色卻像貼在背景上的紙片——明明有明暗,遠(yuǎn)看還是“平”。
Aseprite 里調(diào)色板換了好幾輪,縮放到游戲里一看,還是像剪下來的紙片。
問題往往不在筆刷,而在兩件事:光有沒有按體積走,以及描邊會(huì)不會(huì)跟著光變亮變暗。
今天從草圖到上色、陰影、選擇性描邊(selout),再到收尾拋光。核心就一句:別把所有朝下的像素都涂暗,要像理解球體那樣理解殼和頭。
開工:畫布與草圖
用32×32像素、兩層:一層淺藍(lán)背景(#a2cddb),一層畫烏龜。尺寸小,反而逼你把步驟拆清楚。
![]()
草圖不用完美:殼、上揚(yáng)的長(zhǎng)頭、腳,尾巴可有可無。后面上色、加殼紋時(shí)還會(huì)改。
![]()
鋪色:先讓形狀從背景里“站出來”
選棕色系鋪主體,畫上殼紋線條,再勾輪廓,讓烏龜和淺藍(lán)底分開。
你可能以為“有描邊就夠了”——在小尺寸里,底色對(duì)比 + 后續(xù)陰影才真正決定可讀性。
![]()
陰影:想象太陽在斜上方,殼是圓的
要習(xí)慣在腦子里放一盞“天上的太陽”,光從斜上方來——不等于把朝上的像素全提亮、朝下的全壓暗。
你可能正在犯的錯(cuò):枕頭陰影
下面這種,頂上一圈亮、底下一圈暗,像枕頭鼓起來:
![]()
阻力 → 嘗試 → 轉(zhuǎn)折
你畫小角色時(shí),很可能也這樣:為了“看起來有立體”,上下各刷一條明暗帶。
教程的轉(zhuǎn)折是:把殼當(dāng)成球(或圓柱)——最亮在光直接命中的弧面,往側(cè)面、背面逐漸變暗;頭也一樣。
殼紋凹槽不是純黑,凹槽里能進(jìn)多少光,取決于光是不是直射進(jìn)去。
![]()
第二個(gè)常見坑:腳底和殼底“一律涂黑”
殼底、腿根確實(shí)更暗,但若把殼緣最底一行、每只腳最底一行都?jí)核溃謺?huì)變回“貼紙感”:
![]()
可復(fù)制做法:想成光被殼擋住,但地面還會(huì)反光——二次反射進(jìn)殼底,每反彈一次亮度衰減。
完全封閉的洞才全黑;有一縷光進(jìn)來,里面就會(huì)被一點(diǎn)點(diǎn)照亮。
太陽亮、火把弱,也是因?yàn)椤肮饽軅鞫噙h(yuǎn)”不同。按這個(gè)想,殼頂仍亮,腿進(jìn)殼處略暗即可:
![]()
選擇性描邊(Selout):描邊也會(huì)“吃光”
輪廓不必整圈純黑。
朝光的一側(cè)描邊可以亮一點(diǎn),背光側(cè)再暗;只有幾乎收不到光的地方,才值得用接近純黑的線。
對(duì)比圖說明:左邊像硬卡紙,右邊描邊跟著體積走:
![]()
輪廓內(nèi)部仍可以用深色,但外圈盡量別“一圈死黑”。
你實(shí)際操作后會(huì)發(fā)現(xiàn):只改描邊明暗,不改形體,角色立刻從“剪貼畫”變成“站在地上”。
拋光:殼厚、眼神、腳趾、尾巴
- 殼要裝得下脖子和尾巴——加厚殼緣,脖子和尾巴才“進(jìn)得去”:
![]()
- 眼睛:一個(gè)黑點(diǎn)在小臉上容易糊;畫出眼白/高光,再加一點(diǎn)眉弓對(duì)比,表情才讀得出來:
![]()
- 腳趾:32×32 里腳趾極易畫大。若向前“戳”出輪廓,會(huì)像穿大鞋:
![]()
微調(diào)腿姿,讓腳趾留在剪影內(nèi)、不大幅外凸,往往更穩(wěn):
![]()
- 尾巴:藏在殼后,光不應(yīng)比殼面還跳;略改弧度、壓一點(diǎn)亮部:
![]()
最后加深殼縫、微調(diào)色相/飽和度/對(duì)比度——屬于個(gè)人口味,GIF 里能看到迭代過程:
![]()
總結(jié)
- 單一法則:小精靈的體積感,來自“光沿體積衰減 + 描邊隨光變化”,而不是上下兩條色帶。
- 你今天就能做:開32×32,背景
#a2cddb,畫任意小動(dòng)物(青蛙、瓢蟲都行),只做到“鋪色 + 體積陰影”,故意畫一張“錯(cuò)誤枕式”和一張“球體感”對(duì)比。 - 小練習(xí):同一只角色畫兩版描邊——一版全黑外輪廓,一版 selout;縮放到游戲?qū)嶋H顯示尺寸,問你自己:哪一個(gè)更像“站在場(chǎng)景里”?
原文:Pixel Tutorial - Tortoise[1]。
參考資料
Pixel Tutorial - Tortoise: https://itch.io/t/2087708/pixel-tutorial-tortoise
特別聲明:以上內(nèi)容(如有圖片或視頻亦包括在內(nèi))為自媒體平臺(tái)“網(wǎng)易號(hào)”用戶上傳并發(fā)布,本平臺(tái)僅提供信息存儲(chǔ)服務(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.