荷蘭像素畫(huà)家 Arjan Westerdiep：ISO像素畫(huà)基礎(chǔ)教程

荷蘭像素畫(huà)家 Arjan Westerdiep：ISO像素畫(huà)基礎(chǔ)教程

文本概覽：全文約 2,056 字，閱讀約 6 分鐘。

荷蘭像素畫(huà)家 Arjan Westerdiep 在 drububu 的入門(mén)教程里，把等距像素畫(huà)拆成一條可復(fù)制的路線：先接受位圖不能無(wú)損縮放，再畫(huà)對(duì) 2:1 斜線，最后用一個(gè)帶明暗的立方體當(dāng)積木，復(fù)制粘貼搭立體。幫你建立“為什么等距看起來(lái)立體、為什么老游戲愛(ài)用這種視角”的底層直覺(jué)。

等距像素畫(huà)的可讀性，來(lái)自 2:1 像素斜線 + 可堆疊的著色立方體，而不是一上來(lái)就摳復(fù)雜建筑。

• 核心觀點(diǎn)：2:1 斜線是等距的地基；畫(huà)好一個(gè)著色立方體，就能像樂(lè)高一樣搭物體。
• 關(guān)鍵步驟：理解位圖 vs 矢量 → 等距 vs 透視 → 2:1 角度取舍 → 八步畫(huà)立方體 → 復(fù)制方塊搭簡(jiǎn)單物體 → 去內(nèi)線、加高光陰影。
• 易踩坑：用真 30° 畫(huà)斜線會(huì)鋸齒錯(cuò)位；立方體豎邊對(duì)不齊就堆不起來(lái)；位圖放大后邊緣發(fā)糊。

像素畫(huà)本質(zhì)是位圖——用有色小方塊描述圖像。矢量圖靠數(shù)學(xué)曲線描述，縮放幾乎不損畫(huà)質(zhì)；位圖縮放時(shí)要重采樣，像素變多或變少都會(huì)丟信息。做像素插畫(huà)時(shí)，畫(huà)布尺寸一開(kāi)始就要定對(duì)，否則后期放大只會(huì)糊成一片。

左圖是矢量、右圖是位圖的對(duì)比：瀏覽器里看到的矢量，最終也要柵格化成像素顯示。

二、等距投影：沒(méi)有消失點(diǎn)的“假 3D”

等距投影從斜上方看物體，頂面、左面、右面同時(shí)可見(jiàn)。遠(yuǎn)處和近處物體大小不變——沒(méi)有透視里的消失點(diǎn)。老游戲和不少當(dāng)代像素作品愛(ài)用它：不用按距離重畫(huà)尺寸，也不用算透視畸變，疊層和拼塊都省事。

代價(jià)是：旋轉(zhuǎn)視角后，精確的方向鍵操作會(huì)變難——適合策略、建造、回合類，不太適合需要精確跳躍距離的平臺(tái)動(dòng)作。

三、2:1 斜線：26.56° 比真 30° 更“像素友好”

理論上的等距地面線與水平面夾 30°。但在像素網(wǎng)格上，真 30° 的斜線步進(jìn)不規(guī)則，看起來(lái)鋸齒節(jié)奏亂。像素圈常用2:1 像素步進(jìn)（水平走 2 格、垂直走 1 格），角度約 26.56°，線條規(guī)律、可平鋪。

記住：等距像素畫(huà)的地基不是三角函數(shù)表，而是“兩格橫、一格縱”的重復(fù)節(jié)奏。畫(huà)建筑、地塊、道具，都從這根斜線尺子出發(fā)。

四、八步畫(huà)一個(gè)等距立方體

立方體是等距里最小的“樂(lè)高磚”。教程用動(dòng)圖拆成八步：

1. 畫(huà)一條豎邊定高度。
2. 從豎邊端點(diǎn)沿 z 軸方向（2:1 斜線）畫(huà)邊。
3. 再畫(huà)豎邊，閉合左側(cè)面。
4. 補(bǔ) z 軸方向線，左側(cè)面成形。
5. 復(fù)制左側(cè)面，水平翻轉(zhuǎn)，貼到右側(cè)——比手畫(huà)對(duì)稱快。
6. 復(fù)制頂面對(duì)角線，垂直翻轉(zhuǎn)，貼到頂部。
7. 輪廓閉合。
8. 給三個(gè)面填不同明暗：頂最亮、左中等、右最暗（或按統(tǒng)一光源調(diào)整）。

阻力常在這里：想一次畫(huà)完帶顏色的立體，結(jié)果邊線對(duì)不齊。先線稿閉合，再一次上色，會(huì)穩(wěn)很多。

五、選對(duì)“磚型”：豎邊必須能咬合

不是任意形狀的“方塊”都能垂直堆疊。左邊那種豎線錯(cuò)位的立方體，往上疊會(huì)接縫裂開(kāi)；右邊規(guī)律 2:1 的磚，豎邊對(duì)齊，復(fù)制粘貼就能搭墻、搭臺(tái)。

六、從磚到物體：復(fù)制、去內(nèi)線、加體積

用一塊已著色的立方體當(dāng)模具：

1. 復(fù)制多塊，拼出大致體積（基礎(chǔ)版）。
2. 刪掉物體內(nèi)部多余的輪廓線（簡(jiǎn)化版）——外表仍可讀，但不顯“一塊塊樂(lè)高露餡”。
3. 高光（受光面更亮）。
4. 陰影（背光面更暗）。

四步對(duì)比見(jiàn)動(dòng)圖：從方塊堆砌到像一件完整的等距道具。

七、什么時(shí)候不用等距

等距適合地塊、建筑、策略地圖；角色立繪、橫幅插畫(huà)多數(shù)不用 ISO透視。教程里的曲線示例說(shuō)明：即使用 2:1 網(wǎng)格，曲線也要靠像素節(jié)奏微調(diào)，別死卡公式。

八、時(shí)間與位深：別被規(guī)模嚇到

大插畫(huà)耗時(shí)長(zhǎng)：案例約160×104 萬(wàn)像素格，作者累計(jì) 110 個(gè)版本、跨度近十個(gè)月。時(shí)間軸縮略圖能一眼看出“從灰塊到成稿”的漫長(zhǎng)迭代。

畫(huà)布規(guī)模示意——像素?cái)?shù)一乘，工作量指數(shù)上去：

另一幅 splash 級(jí)作品：

保存格式也有講究：PNG / GIF 無(wú)損適合發(fā)表；JPG 有損壓縮會(huì)吃掉像素邊緣細(xì)節(jié)。1-bit 到 24-bit 色深對(duì)比——做復(fù)古風(fēng)可以主動(dòng)限色，但別用 JPG 糊掉辛苦摳的邊。

九、為什么還值得畫(huà)像素

像素畫(huà)慢，但改一個(gè)像素的位置或顏色，整幅畫(huà)的氣韻會(huì)變——這種“分子級(jí)”控制，正是很多人沉迷的原因。

從灰塊起步、懷疑能不能成稿，到局部細(xì)化、最后超出預(yù)期——教程用四格過(guò)程動(dòng)圖概括這種心流。

參考資料

Pixel Art Tutorial — drububu.com: https://drububu.com/tutorial/index.html