繪製寫實風格 UI 圖標的核心在於「結構拆解」與「光影還原」。本教程以 2000x2000 px 高畫質畫布為基礎，通過 32 個步驟完整拆解一枚複古相機圖標的誕生過程，重點講解形狀構建、漸變疊加、剪貼蒙版、路徑描邊等專業技法。

成品展示

階段一：背景與基礎結構 (步驟 1-5)

1. 新建 2000x2000 px 畫布，背景填充中性灰 #808080。
2. 新建圖層「背景漸變」，雙擊開啟圖層樣式→漸變疊加：徑向漸變，從 #e8e8e8 到 #a0a0a0，模擬工作室環境光。
3. 拉取參考線定位中心與對稱軸，使用「圓角矩形工具」半徑 80px 繪製機身主體「Base」層，顏色 #333333。
4. 繪製右側握把「Right_Grip」：圓角矩形，半徑差異化處理（上大下小），顏色 #555555，體現人體工學曲面。

階段二：邊緣高光與倒角細節 (步驟 6-10)

5. 右側白邊高光：Ctrl+點擊「Right_Grip」縮略圖載入選區 → 新建圖層「Right_Edge」 → 右鍵選「描邊」：內部、2px、白色、不透明度 60% → 添加白色蒙版，黑色畫筆擦除非高光區域。
6. 握把主體漸變：雙擊「Right_Grip」添加漸變疊加：線性 -90°，從 #6a6a6a 到 #3d3d3d，強化立體感。
7. 疊加層強化體積：複製「Right_Grip」→ 修改漸變角度為 90°，不透明度 50%，疊加模式「柔光」，疊加出微妙的次表面散射感。

階段三：陰影與色溫氛圍 (步驟 11-15)

8. 新建「Right_Shadow」圖層，Ctrl+Alt+點擊「Right_Grip 複製」縮略圖載入選區，軟邊畫筆 (流量 15%) 以 #4a4a4a 加深左下角陰影。
9. 前景色設為暖黃 #c8a840 (模擬環境反射光)，在握把前端輕掃，引入色溫對比。

階段四：鏡頭模組構建 (步驟 16-22)

10. 繪製三層同心圓角矩形構建鏡頭筒：外筒 (半徑 200px, 不透明度 80%)、中筒 (半徑 150px)、內筒 (左下角半徑 400px 形成非對稱倒角)。
11. 黑色分界線：新建圖層「Black_Line」，鋼筆工具勾勒鏡頭筒邊緣路徑，調整控制柄使曲線更圓潤 → 25px 硬邊畫筆描邊路徑 (純黑)。

階段五：左側機身與鏡面反射 (步驟 23-30)

12. 鋼筆勾勒左側機身輪廓 → 轉選區 → 新建圖層「Left_Body」置於最大圓角矩形上方 → 建立剪貼蒙版 (Alt+點擊分隔線)。
13. 同法製作「Left_Shadow」剪貼層，灰色畫筆繪製側面陰影，補充暖黃反射光。
14. 新建「Highlight_Lines」圖層，鋼筆勾勒邊緣高光路徑 → 20px 白色軟邊畫筆描邊 → 圖層不透明度 65%。
15. 底部添加「Global_Shadow」剪貼層，大範圍柔光陰影整合接地感。

關鍵技法總結

技法	應用場景	核心參數
漸變疊加模擬曲面	機身、握把、鏡頭筒	線性/徑向漸變 + 角度隨曲面法線調整
剪貼蒙版限制範圍	側面陰影、高光、材質紋理	Alt+點擊圖層間分隔線快速建立
路徑描邊替代畫筆	銳利分界線、裝飾線條	鋼筆路徑 + 硬邊畫筆描邊，可無限縮放不失真
疊加層疊加色溫	環境反射光、次表面散射	柔光/疊加模式 + 低不透明度 (30-50%)

完成後建議將所有圖層轉為智能對象並縮放至 512x512 / 256x256 / 128x128 等標準尺寸導出，確保各解析度下線條銳利、光影關係不變形。這套流程同樣適用於手機、耳機、手錶等硬體產品圖標的繪製。