本教學演示如何僅用圖層樣式、形狀工具、選區操作，在 PS 中繪製擁有金屬拉絲質感、鏡頭玻璃倒影、多層次倒角邊緣的 iOS 風格相機圖標。全程非破壞編輯，圖層結構清晰，可直接作為圖標設計模板複用。

最終效果

32 步構建邏輯

基礎幾何與金屬外殼

1. 500×500 px 黑色背景（非純黑）。
2. 圓角矩形工具（半徑 30 px）繪製機身主體形狀圖層。
3. 添加「描邊」（漸變：深灰→淺灰→深灰）模擬金屬邊框倒角反光。
4. 內部疊加多個圓形形狀圖層（依序由外向內）：
   • 圓 1：內陰影（模擬鏡頭凹槽深度）。
   • 圓 2：內陰影（更深凹槽）。
   • 圓 3（複製圓 2 縮小）：修改描邊漸變（鏡頭鏡筒金屬環）。
   • 圓 4：添加雜色 → 徑向模糊 → 反選刪除毛邊 → 曲線加深對比 → 降低不透明度 → 模擬鏡頭內部深邃感。

鏡頭玻璃與倒影

14. 新層：圓選區 → 滿圈拉漸變（環形高光） → 中間透明（玻璃通透區）。
15. 添加蒙版 → 軟筆刷刷出扇形高光區（模擬窗戶倒影）。
16. 新層：圓形漸變（玻璃折射邊緣光） → 定位置。
17. 將鏡頭相關圖層歸組「Camera」。

機身細節：閃光燈/麥克風孔/拉絲紋理

21. 複製機身底層 → 拉長 → 雜色 → 動感模糊（產生拉絲紋理） → 蒙版剪切至機身區域。
22. 合併可見圖層 → 複製 → 上層上移 1 px → 下層曲線調暗 → 疊加形成 1 px 厚度邊緣高光/陰影線（經典像素級技巧）。
23. 添加圖層樣式（內陰影、斜面與浮雕等）統一金屬質感參數。
24. 新層：線性漸變線條（機身頂部/底部裝飾線）。

像素級圖標設計鐵律

• 形狀工具優於手繪：幾何完美、可無限縮放、參數可編輯。
• 圖層樣式疊加 = 非破壞材質系統：描邊/內陰影/內發光/斜面/漸變疊加 組合出任意金屬/玻璃/塑膠質感。
• 1 px 邊緣高光/陰影線：複製層位移 1 px + 曲線調亮/暗，是賦予扁平圖標「厚度」的經典技法。
• 程序化紋理：雜色 + 動感模糊 = 拉絲金屬；雲彩 + 球面化 = 球面紋理。無需外部素材，解析度無限。
• 蒙版限制區域：紋理、高光、倒影皆用蒙版/剪貼蒙版精準限制，邊緣絕對乾淨。
• 組管理語義化：Body / Lens / Flash / Details，團隊協作零溝通成本。

掌握此套「形狀+樣式+程序紋理+像素微調」工作流，可高效產出全套符合 Apple Human Interface Guidelines 風格的 App 圖標集。