想設計一個擁有銀質金屬質感的房屋圖標嗎？本教程透過水晶質感圓形按鈕的實作範例，引導你掌握 Illustrator 矢量繪圖的核心技巧。從基本幾何形狀構建、漸變模擬金屬反光、到高光陰影的層疊運用，適合初學者循序漸進提升技能，也適合進階者複習質感表現手法。

最終效果展示

核心技法解析

1. 基礎幾何建構

使用矩形工具、橢圓工具、多邊形工具組合出房屋主體、屋頂、門窗等基本結構。善用「智能參考線」(Ctrl+U) 確保對齊精準。

2. 銀質漸變配方

金屬質感關鍵在於漸變色標的安排：

• 深灰 (C:50 M:40 Y:40 K:20) → 中灰 (C:30 M:20 Y:20 K:0) → 淺灰/近白 (C:10 M:5 Y:5 K:0) → 再回深灰
• 使用線性漸變模擬平面反光，徑向漸變表現曲面高光
• 漸變工具 (G) 手動調整角度與位置，讓高光符合光源邏輯

3. 立體感營造

高光層：複製主體形狀，縮小並偏移，填充淺灰至透明漸變，混合模式設「濾色」。
陰影層：複製形狀置後，偏移 2-3px，填充深灰漸變，透明度 40% 左右。
邊緣反光：用筆刷工具繪製細線條，套用「藝術畫筆」>「鉛筆/墨水」類別，描邊設為淺灰。

4. 細節豐富度

門窗添加內陰影效果 (效果 > 風格化 > 投影，距離 1px，大小 2px)。屋頂瓦片用圖案畫筆或手動複製排列。煙囪、天線等細節提升辨識度。

進階提示

• 將重複元件（窗戶、瓦片）做成「符號」，便於批量修改
• 善用「外觀面板」疊加多重描邊/填充，保持可編輯性
• 輸出前檢查「像素預覽」(Ctrl+Alt+Y) 確保銳利度

完成後，你將擁有一個可無限縮放、質感細膩的銀質房屋圖標，可直接應用於 UI 設計、品牌標識或資訊圖表中。