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