像素藝術看似簡單，實則考驗對透視、結構、色彩光影的像素級掌控。本教學以等距透視建築圖標為例，完整拆解從草圖分析、立方體構建、樓層疊加、屋頂坡度、門窗細節、材質上色、陰影高光到最終潤飾的全流程，掌握後可舉一反三繪製任何像素場景。

前置認知：等距透視與像素網格

• 等距透視：三軸夾角 120°，無消失點，適合像素網格對齊。
• 像素網格：1 px = 1 單位，所有線條、色塊邊緣須落在像素邊界，避免半像素模糊。
• 常用角度：26.565°（1:2 坡度）、45°（垂直面）、0°（水平面）。

建築結構分解與草圖

1. 觀察參考照片/實物，繪製簡略草圖：分解為底層立方體 + 二樓立方體 + 兩面坡屋頂。
2. 標註關鍵尺寸：樓高、窗戶間距、屋頂寬出量，確保後續像素對齊。
3. 準備 4 視角草圖（正面、側面、俯視、等距），辅助 3D 空間理解。

像素繪製步驟

1. 底層立方體（45° 等距）

• 鉛筆工具（B，1 px、硬度 100%）畫正面立方體：正面正方形 + 側面平行四邊形（寬 1:2 坡度）+ 頂面平行四邊形。
• 參考 11 種常見立方體角度圖，確保線條角度一致（2 px 走 1 px = 26.565°）。

2. 二樓立方體疊加

• 在底層頂面上方複製同尺寸立方體，刪除重疊內部線條，保留外輪廓。
• 預留窗戶間距：正面窗寬 4 px、間距 2 px；側面窗寬 3 px、間距 2 px。

3. 兩面坡屋頂

• 頂面中線向上延伸，兩側按 1:2 坡度向下連接頂面邊緣。
• 刪除多餘線條，保持輪廓閉合乾淨。

4. 門窗細節（像素級精準）

• 3 px 寬窗：外框 1 px、玻璃 1 px、內框 1 px，上下留 1 px 間距不貼邊。
• 4 px 寬窗：外框 1 px、玻璃 2 px、內框 1 px，同樣留間距。
• 門：底層正面中間挖門洞（高 6~8 px、寬 3~4 px），門扉另繪疊加，加門把細節。
• 統一所有窗戶線條角度、間距、基線對齊，縮放檢視無崩壞。

5. 材質上色：三面受光邏輯

• 確定主光源方向（如左上 45°）。
• 三面著色：正面（中間調）、側面（暗部）、頂面（亮部），各自備三色（亮/中/暗）色卡。
• 油漆桶/鉛筆填色，屋頂、門窗同步上基礎色。

6. 二樓平台凹陷表現

• 一樓頂檐白色高光線（1 px）分隔平台。
• 平台右側面加深色陰影線（1 px），形成凹陷視覺。
• 兩層正面/側面交界線：二樓線色較暗（受屋簷陰影），一樓線色較亮。

7. 窗戶深度與玻璃反光

• 不同受光面玻璃色不同：亮面高亮（淡藍/白）、暗面低亮（深藍/灰）。
• 窗框細分：外框、中框、內框各依受光面著色，增加立體厚度感。
• 刪除側面底排一扇窗，平衡視覺重心。

8. 屋頂瓦楞與陰影

• 沿坡面角度每隔 1 px 畫朱紅色瓦楞線（#C0392B）。
• 屋簷下加深色陰影線（#4A2B1A），強化厚度與投影感。

9. 最後潤色：色彩過渡、高光、線條統一

• 屋頂顏色漸變柔和化，平台亮色勾勒凹陷。
• 亮面玻璃加高光（白/淡黃 1 px 點），全圖黑色線條改同色系深色（如深褐 #3D2B1F），消除生硬感。
• 整體縮放 100% / 200% / 50% 檢視，確保像素對齊、無半像素模糊。

變體擴展

複製建築群組，修改色卡（色相偏移 / 飽和度調整），快速生成不同材質/風格建築群（如紅磚、灰石、未來霓虹），組合成像素城市天際線。