教程概覽

本教程演示如何利用圓角矩形、自定義形狀（圓環）、圖層樣式（斜面浮雕、內陰影、光澤、漸變疊加等）製作一枚擁有真實金屬質感的 iPod Shuffle 圖標。流程清晰，適合 UI 圖標設計練習。

步驟 1：外框圓角矩形

新建 500×500 淡藍底文件。新建圖層繪製黑色圓角矩形，填充歸零，添加圖層樣式（斜面浮雕、描邊、內陰影、光澤等）獲得金屬外框（圖）。

步驟 2：機身主體

1. 底部新建圖層繪製稍大黑色正方形。
2. 載入外框選區為其添加蒙版，露出圓角矩形窗口（圖）。
3. 為機身圖層添加豐富圖層樣式（斜面浮雕、內陰影、光澤、漸變疊加、投影等），採樣圖中顏色值，呈現拉絲金屬質感（圖）。

步驟 3：中間圓環控制鍵

1. 新建圖層，減去模式繪製圓環（或用橢圓工具扣除內圓）。
2. 添加多組圖層樣式（斜面浮雕、內陰影、內發光、光澤、漸變疊加、投影），參數細節請參考圖示，營造凹陷按鍵手感（多圖）。

步驟 4：方向鍵與中心符號

1. 新建圖層用矩形工具繪製四個方向按鈕，填白。
2. 新建圖層繪製中心 Play/暫停符號，填白，添加圖層樣式（斜面浮雕、內陰影、投影）使其微微凸起（圖）。

步驟 5：對齊合成完成

將所有部件圖層水平/垂直居中對齊，最終效果呈現。