教學亮點

僅用「矩形/橢圓形狀工具＋圖層樣式堆疊」零手繪，3 分鐘產出擁有金屬拉絲、倒角高光、接地陰影的專業級不銹鋼環，適合圖標、UI 裝飾元素快速產出。

參數化全流程

1. 基礎幾何構建

矩形工具畫外框 → 橢圓工具按住 Alt（減去模式）挖內圓 → 獲得標準圓環路徑形狀圖層。

2. 核心圖層樣式堆疊（主環體）

雙擊圖層開啟樣式面板，依次設置：

• 斜面與浮雕： 外斜面、平滑、深度 150%、方向 上、大小 10px、軟化 3px、角度 120°、高度 30°、光澤等高線「環」、高光模式「線性減淡」（白、75%）、陰影模式「線性加深」（黑、75%）。
• 描邊： 1px、內部、漸變（角度 90°、色標：灰→白→灰），模擬邊緣高光線。
• 內陰影： 正片疊底、黑、不透明度 50%、角度 120°、距離 5px、擴展 0%、大小 10px，營造內壁深度。
• 漸變疊加： 疊加模式、不透明度 30%、線性、角度 90°、縮放 100%、色標：淺灰→中灰→深灰→中灰→淺灰，模擬環狀拉絲反光帶。

3. 內壁細節：複製圖層減去外矩形

複製主環圖層 → 路徑選擇工具選中外矩形路徑刪除 → 僅保留內圓環路徑 → 清除原樣式 → 重新添加：
內陰影（正片疊底、黑、30%、距離 0、大小 5px）＋ 漸變疊加（正常、20%、徑向、色標：透明→灰→透明）＋ 外發光（螢幕、白、噪點 10%、大小 8px），得內壁精細反光。

4. 接地陰影系統

1. 矩形+橢圓組合繪製陰影形狀（貼合環底透視）。
2. 右鍵「轉換為智能對象」 → 濾鏡＞模糊＞高斯模糊（5px）。
3. 添加圖層蒙版 → 徑向漸變（黑→透明）從內向外拉出，製造擴散虛實。
4. 圖層不透明度 60%。

最終成品

金屬質感強、倒角邊緣銳利、接地陰影真實，可直接作為 UI 裝飾元件或圖標素材庫存入。

進階挑戰建議

• 嘗試添加「圖案疊加」導入金屬拉絲紋理圖，提升微觀真實感。
• 製作「按下狀態」：複製組，斜面浮雕方向改「下」，漸變疊加反向，導出兩態圖標。
• 批量生成不同粗細/直徑環：將圖層樣式存為 .asl，新建形狀一鍵套用。