透過自製等距網格搭配立方體模組化拼貼，配合色彩光影邏輯，即可在 Illustrator 中繪製具備建築感的三維立體字體。本教學從網格建立、立方體模組化、光影著色到場景佈置，完整拆解等距插畫核心技法。

最終效果預覽

01 草圖規劃

先在紙上勾勒字體結構與空間關係，釐清光源方向（本例為左下），利於後續光影邏輯一致。

02~04 自製等距網格 (30°)

1. 直線工具畫水平線 → 複製多條 → 全選 → 雙擊「剪切工具」 → 角度 30°、垂直軸 → 得 30° 平行線組。
2. 複製並鏡像翻轉 → 得反向 30° 線組。
3. 繪製垂直線交叉 → 全選 → Ctrl/Cmd+5 轉為參考網格。

05~07 立方體模組化與字體拼裝

• 沿 30° 線條繪製立方體六面 (無填色)，群組為基本模組。
• 複製、對齊網格拼出字母骨架，智能參考線輔助精準定位。
• 保留隱藏面，留待後續透視展示。

08 光影著色邏輯

依光源 (左下) 分配三面亮度：頂面最暗、右面漸變、左面最亮。每個立方體套用「中間調→淡色」徑向漸變，為美學可適度打破物理真實 (如統一色相只調明度)。

09 建築細節豐富

• 移除部分前面體，露出深色背面增強纵深。
• 藍色漸變 + 透明度 → 窗戶；綠色漸變 → 草坪；嘗試不同紋理表現路面、鋪石等材質。

10 陰影投射原則

沿 30° 網格線繪製陰影，使用「有色灰度→透明」漸變 (非純黑→透明)。陰影顏色受承接面影響：落在草坪應為深綠→白，而非黑→白，營造自然融合感。

11~15 場景佈置與完成

• 添加簡略人影 (匹配陰影角度) 賦予尺度感。
• 同法完成其他字母，整齊排列。
• 添加點光源氛圍，背景鋪淡米黃漸變收尾。

等距插畫的核心在於「網格紀律 + 模組化思維 + 光影邏輯」。掌握此法，不只字體，城市景觀、產品剖視、資訊圖表皆可輕鬆駕馭。