本教學示範如何使用 Photoshop 圖層樣式與向量形狀，快速繪製具備金屬質感、倒影效果的 Adobe 風格產品圖標（以 Ps 圖標為例）。流程涵蓋背景建立、主體形狀繪製、多層疊加樣式、文字處理與倒影製作，適合中階學習者掌握圖標設計核心技巧。

文件與背景設置

新建 1280×1024 px、72 dpi、RGB 模式文件。背景填充白色，新建圖層填充黑色並添加「漸變疊加」樣式（深灰至黑徑向漸變），形成微妙陰影基底。

主體圓角矩形繪製與樣式

1. 新建圖層，使用「圓角矩形工具」繪製白色圓角矩形（半徑約 10 px）。
2. 添加圖層樣式：
     • 倒角與浮雕：內部倒角、深度 100%、大小 8 px、柔化 16 px、角度 90°、高度 37°，光暈/陰影模式均為正片疊底/螢幕，不透明度 54%/60%。
     • 內發光：白色、不透明度 100%、大小 100 px。
     • 內陰影：按圖參數調整，增加邊緣立體感。
     • 投影：距離 0、大小 8 px，增強懸浮感。

邊框與高光細節

1. 新建圖層，載入圓角矩形選區，執行「編輯＞描邊」（2 px、白色、內部）。為描邊圖層添加「漸變疊加」（白至透明徑向）與「外發光」樣式，形成邊緣高光。
2. 新建圖層，再次載入選區，執行「選擇＞修改＞擴展 3 px」，填充白色。以橢圓選區扣除中心區域，圖層模式設為「疊加」，不透明度 50%，產生頂部高光帶。

文字與 Logo 字樣

輸入黑色「Ps」文字，字號 200 pt，字體粗黑。添加圖層樣式：
• 倒角與浮雕：外部倒角、平滑、深度 200%、大小 10 px。
• 漸變疊加：深灰至亮灰線性漸變。
• 投影：距離 2 px、大小 3 px。

倒影製作

1. 合併所有圖標圖層（不含文字層），Ctrl+J 複製，Ctrl+T 垂直翻轉並移至底部。
2. 添加圖層蒙版，使用黑白線性漸變由上至下拉出，圖層不透明度設 50%，形成自然倒影漸隱效果。

批量生成其他產品圖標

複製圖標群組，僅修改「漸變疊加」與「色相/飽和度」調整圖層的色相值，即可快速產出 Ai、Id、Pr 等同風格圖標，保持視覺一致性。

關鍵技巧總結

• 善用「圖層樣式」非破壞性構建質感，便於後期修改。
• 高光與倒影均透過蒙版漸變控制，避免生硬邊緣。
• 文字與圖形分層管理，利於批量替換內容。