本教學示範從零繪製一枚擁有金屬邊框、玻璃折射高光、手柄金屬質感、地面投影的專業級放大鏡圖標。全程採用鋼筆路徑精確建模 + 圖層樣式參數化賦質感，適合圖標設計師建立標準化 SOP。

文件與鏡片組

1280×1024 px、白背景。鏡片外框：正圓選區填 #c6c6c6 → 複製縮小填黑 → 添加「倒角與浮雕」（內部倒角、大小 8px）+「漸變疊加」（金屬環漸變）。鏡片玻璃：正圓選區填 #9aa6af → 複製層添加「倒角與浮雕」（內部倒角、大小 5px）→ 效果疊加。載入選區填白→橢圓選區蒙版羽化→不透明度 38%，模擬玻璃厚度與透視高光。

手柄金屬質感構建

1. 手柄主體：鋼筆勾勒流線型手柄形狀填黑 → 「倒角與浮雕」（外部倒角、平滑、大小 10px、角度 120°）+「漸變疊加」（金屬漸變：深灰→亮銀→深灰）。
2. 金屬接頭：同法繪製較小金屬段，樣式同步。
3. 手柄末端：鋼筆勾形填黑 → 樣式同前，保持材質一致性。
4. 高光修飾：鋼筆勾高光區填 #a5a5a5 → 高斯模糊 1-2px → 模式「疊加」。
5. 接地投影：橢圓填黑 → 高斯模糊 → 不透明度 20%。

縮小版與規範化輸出

同流程縮放製作 16/24/32/48/64 px 多尺寸版本，注意：
• 筆觸細節（高光寬度、投影模糊半徑）需按比例縮放。
• 小尺寸下簡化層級：合併鏡片組為單層、手柄組為單層。
• 輸出 PNG（透明背景）與 SVG（矢量化鋼筆路徑）。

設計系統接入建議

• 定義「Icon/Magnifier」組件，屬性含：Size, Color(金屬/玻璃), State(Default/Hover/Active/Disabled)。
• Figma/Sketch 同步建立對應 Component，參考 PS 參數手寫 CSS/Flutter/React Native 代碼。