Illustrator CS5 引入的透視網格工具，讓向量軟體首次擁有「在真實透視平面上直接繪圖」的能力。本教程以飯店建築外觀為實戰案例，完整演示1/2/3 點透視切換、網格參數精細調整 (消失點/地平線/網格單元)、平面切換構件操作、矩形工具在透視平面上繪製牆面/窗戶/樓梯、漸層填充模擬材質、文字裝飾圖層疊加的專業建築插畫流程。

成品效果

透視網格組件認知

開啟透視網格 (Shift+P) 後，關鍵控制點：

• 平面切換構件 (左上角圓盤) — 切換左面/右面/水平面/無作用平面。
• 左右消失點 — 拖動調整透視角度與寬度比。
• 地平線/水平線/垂直網格長度/網格單元大小 — 精確控制空間尺度。

三種透視模式對比

實戰建模流程

1. 載入背景素材 + 顯示透視網格

開啟「背景素材.ai」 → 隱藏「文字裝飾」圖層 → 啟用透視網格。

2. 整體移動網格對齊建築基準線

顯示文字裝飾層 → 拖動網格地平線/消失點，使網格貼合參考圖透視關係。

3. 微調消失點位置

拖動左右消失點，匹配建築左右立面消失趨勢。

4. 調整地平線高度

上下拖動地平線，決定視點高度 (仰視/平視/俯視)。

5. 設定垂直網格長度

調整垂直網格延伸高度，覆蓋建築最高點 (屋頂/水塔)。

6. 在透視平面上繪製幾何體

• 選「左面」平面 → 矩形工具在網格內繪製 → 自動貼合透視 → 填漸層模擬牆面材質。
• 切「水平面」 → 畫樓頂/陽台板 → 漸層調整。
• 切「右面」 → 畫右立面窗戶/牆面 → 調整路徑透視關係 (透視選取工具) → 漸層精修。

7. 樓梯細節建模

同法在水平面/立面交替繪製踏步/踢板 → 群組化管理。

8. 顯示文字裝飾層 → 完成

開啟預置文字/招牌/裝飾圖層，構圖完成。

透視網格 vs 3D 效果 vs SSR 法 對比

方法	優點	缺點	適用場景
透視網格	直觀所見即所得、支援多平面同時作業、文字/符號可直接貼附平面	僅限 CS5+、複雜曲面受限、檔案易變大	建築/室內/城市鳥瞰等多平面直線主導場景
3D 擠出/旋轉	單一物件快速立體化、參數化修改	多物件空間關係難統一、貼圖/燈光控制弱	孤立產品/字體/圖標立體化
SSR 法	無版本限制、曲線精度最高、三視圖思維符合工業設計	需手動三視圖繪製、組裝步驟多	複雜曲線產品/機械/車輛等角建模

小結

透視網格將「透視繪圖」從「手算投影」升級為「視覺化直接操作」。建築插畫師應精通網格校準 → 平面切換 → 透視繪製 → 材質漸層 → 裝飾疊加全鏈路，將 AI 變身為輕量級建築概念設計工具。