高光與亮光是賦予平面矢量圖形立體質感、材質真實感的關鍵。Photoshop 中用圖層樣式一鍵搞定，但在 Illustrator 中需理解向量邏輯，善用漸變、混合模式、路徑操作構建可編輯、可縮放的高光系統。本文系統梳理四大類高光製作技法，並提供實戰模板邏輯。

四大核心技法對比

通用高光構建邏輯（以圓形按鈕為例）

1. 基底形狀： 正圓，填主色線性漸變（頂部亮、底部暗），角度 -90°。
2. 主高光： 複製基底 Ctrl/Cmd + F，縮放 80%，置頂。填「白 → 透明」徑向漸變，中心偏移至左上 1/3，混合模式「螢幕」，不透明度 60%。
3. 次高光/邊緣光： 再複製，縮放 95%，描邊 1pt 白色，內部對齊，混合模式「螢幕」，不透明度 30%，模擬鋒利邊緣捕光。
4. 投影： 底層複製，縮放 105%，填黑，高斯模糊 5px，混合模式「正片疊底」，不透明度 25%，位移 (3px, 3px)。

進階：材質特定高光模板

金屬（鉻/不鏽鋼/金）

• 基底：多色停線性漸變（深灰-淺灰-白-淺灰-深灰），角度對應光源。
• 高光：銳利白線（描邊 0.5pt + 橢圓漸變遮罩），位置精準落在光源反射角。
• 環境反射：淡色條紋漸變，混合模式「疊加」，不透明度 15%。

玻璃/透明塑膠

• 基底：極低不透明度（5%–10%）主色漸變。
• 高光：白色銳利幾何形（矩形/三角形/彎月），「螢幕」模式，70%–90% 不透明度。
• 折射邊緣：內側細線描邊（1pt 白/主色），「螢幕」/「柔光」。
• 凱斯特納光斑：多個小橢圓白→透明徑向漸變，隨機分佈。

陶瓷/哑光塑膠

• 基底：柔和線性漸變，對比度低。
• 高光：大面積柔邊白漸變（高斯模糊 10px+），「柔光」模式，20% 不透明度。
• 次表面散射：邊緣暈染主色漸變，模擬光線穿透材質內部散射。

效能與協作最佳實踐

• 建立「高光樣式庫」： 將上述邏輯存為「圖形樣式」，命名規範如 `Highlight/Metal/Chrome`、`Highlight/Glass/Clear`，團隊共享雲端圖庫。
• 圖層結構標準化： `Base` → `Shadow` → `Midtones` → `Highlights` → `Specular` → `Reflections`，鎖定不需編輯層。
• 導出前檢查： 物件 → 路徑 → 清理（移除孤立點、空文字路徑、無填色無描邊物件）；簡化路徑（曲線精度 98%）；漸變網格物件評估是否光柵化。

掌握矢量高光的本質，是理解「光源幾何 → 材質 BRDF 近似 → 向量工具實現」的映射關係。不必追求照片級真實，而是用最少錨點、最簡效果堆疊，傳達清晰的材質語義。建立個人/團隊的「材質樣式系統」，才是從「會做特效」進化為「設計系統」的分水嶺。