寫實圖標繪製核心在於「材質拆解 → 光影邏輯重建 → 圖層疊加合成」。本教程以藍色放大鏡為例，將實物拆解為鏡框、鏡面、手柄三大模組，逐層用向量形狀+圖層樣式+手繪光影重建材質質感，全程純 PS 向量操作，無外部素材依賴，適合 GUI 圖標設計師提升寫實表現力。

最終效果

材質拆解分析

圖 1：放大鏡三大構成模組——鏡框（金屬/塑膠環）、鏡面（凸透鏡玻璃）、手柄（金屬/木質/塑膠）。

逐步繪製流程

1. 畫布與參考線建立

• 新建 1000×750px、72dpi 文件。
• 徑向漸變背景：中心淺灰藍 → 邊緣深灰藍，模擬工作室環境光。
• Ctrl+R 顯示標尺，拉出十字參考線定位中心點。

2. 鏡框外環（金屬質感）

• 新建群組「鏡框」，Alt+添加黑色蒙版。
• 橢圓選框工具，從中心點按 Alt+Shift 拖出正圓選區 → 填充白色於蒙版，顯示圓環區域。
• 群組內新建圖層填充淡黃色參考底色。
• 回到群組蒙版，再拉一個稍小正圓選區填充黑色，形成「環狀」可見區域。
• 參考色層：漸變工具（淡黃→深金黃→淡黃）自下而上線性漸變，模擬金屬環柱面光影。
• 複製參考層，混合模式「濾色」，Alt+添加黑色蒙版，白色畫筆描繪左上高光區。

3. 鏡框內環倒角細節

• 新建圖層，同法拉正圓選區，線性漸變（深→淺→深）模擬內倒角。
• 圖層樣式：內發光（邊緣微光）、斜面與浮雕（內凹，深度增強立體）。
• 複製圖層，清除樣式，模式「濾色」，蒙版描繪右側高光；同法左側添加暗部。

4. 鏡面（凸透鏡玻璃質感）——核心難點

• 新建圖層，正圓選區羽化 1px 填充淡藍 #EBEAF2。
• 圖層樣式：斜面與浮雕（外凸，深度大、大小大、角度/高度模擬頂光、高光模式「螢幕」白、陰影模式「正片疊底」深藍），構建凸透鏡體積感。
• 複製圖層，清除樣式，模式「濾色」，蒙版描繪右側高光帶（菲涅爾反射）。
• 同法添加左側暗部、頂部高光、底部暗部，多層疊加重建複雜折射反射邊緣光。
• 白色填充圖層，大圓選區羽化 8px 刪除中心，形成邊緣高光暈。曲線增強對比。

5. 鏡框中部細節高光/暗部

• 新建圖層，鋼筆勾繪中部高光/暗部選區，羽化填充，蒙版修飾邊緣，疊加細節。

6. 手柄（金屬圓柱體）

• 新建群組，鋼筆勾繪手柄輪廓選區添加蒙版。
• 基底填充橙黃金屬色。
• 鋼筆分區勾繪：頂部暗部、左側暗部、右側暗部、中間高光條、頂端倒角高光/暗部，均以羽化選區填充+蒙版修飾+混合模式（正片疊底/螢幕/顏色減淡）疊加。
• 群組下方新建投影圖層，橢圓選區填充黃褐色，高斯模糊，不透明度調整。

核心方法論總結

1. 實物拆解：將複雜物體拆解為基本幾何體（圓柱、球冠、環面、長方體）。
2. 光影邏輯先行：確定主光源方向、強度、色溫，推導每個面的受光關係（高光、固有色、反光、投影、倒角邊緣光）。
3. 向量形狀+圖層樣式+手繪蒙版：形狀提供精準幾何，樣式提供基礎光影模型，手繪蒙版提供細節掌控與藝術修正。
4. 群組隔離管理：每個物理模組獨立群組，內含蒙版限制範圍，調整圖層剪貼至群組，結構清晰可維護。
5. 非破壞性工作流：所有調整均為圖層樣式/調整圖層/蒙版，隨時可回溯修改參數。

此方法論適用於所有寫實 GUI 圖標：相機、麥克風、喇叭、電池、鑰匙、工具類等。建議建立「材質樣式庫」（金屬拉絲、陽極氧化、玻璃、塑膠、木質、皮革），新專案一鍵套用再微調。