荷蘭像素畫家 Arjan Westerdiep：ISO像素畫基礎教程

荷蘭像素畫家 Arjan Westerdiep：ISO像素畫基礎教程

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

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

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

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

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

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

二、等距投影：沒有消失點的“假 3D”

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

代價是：旋轉視角后，精確的方向鍵操作會變難——適合策略、建造、回合類，不太適合需要精確跳躍距離的平臺動作。

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

理論上的等距地面線與水平面夾 30°。但在像素網格上，真 30° 的斜線步進不規則，看起來鋸齒節奏亂。像素圈常用2:1 像素步進（水平走 2 格、垂直走 1 格），角度約 26.56°，線條規律、可平鋪。

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

四、八步畫一個等距立方體

立方體是等距里最小的“樂高磚”。教程用動圖拆成八步：

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

阻力常在這里：想一次畫完帶顏色的立體，結果邊線對不齊。先線稿閉合，再一次上色，會穩很多。

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

不是任意形狀的“方塊”都能垂直堆疊。左邊那種豎線錯位的立方體，往上疊會接縫裂開；右邊規律 2:1 的磚，豎邊對齊，復制粘貼就能搭墻、搭臺。

六、從磚到物體：復制、去內線、加體積

用一塊已著色的立方體當模具：

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

四步對比見動圖：從方塊堆砌到像一件完整的等距道具。

七、什么時候不用等距

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

八、時間與位深：別被規模嚇到

大插畫耗時長：案例約160×104 萬像素格，作者累計 110 個版本、跨度近十個月。時間軸縮略圖能一眼看出“從灰塊到成稿”的漫長迭代。

畫布規模示意——像素數一乘，工作量指數上去：

另一幅 splash 級作品：

保存格式也有講究：PNG / GIF 無損適合發表；JPG 有損壓縮會吃掉像素邊緣細節。1-bit 到 24-bit 色深對比——做復古風可以主動限色，但別用 JPG 糊掉辛苦摳的邊。

九、為什么還值得畫像素

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

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

參考資料

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