救生圈是經典 UI 圖標題材，圓環結構簡單卻考驗光影細節。本教學示範從布林運算建構基本形、到漸層/高光/投影賦予質感的完整流程，配色清爽適合 App 介面。

形狀構建

1. 橢圓工具按住 Shift 畫正圓，複製縮小 60% 置中，路徑運算「減去前方形狀」得到圓環。
2. 矩形工具畫四條等寬長條，旋轉 45° 間隔複製，形成十字紋路；同樣用「減去前方形狀」在圓環上挖出十字凹槽。

材質與光影

• 基底漸層：徑向漸層 #FF6B6B（紅）至 #FF3B3B（深紅），模擬塑膠體積感。
• 高光環：複製圓環圖層，清除樣式，填白，混合模式「疊加」不透明度 30%，加蒙版由左上向右下漸變隱藏，形成環狀高光。
• 內陰影/倒角：圖層樣式加內陰影（距離 2px、大小 4px）與斜面浮雕（內部斜面、大小 3px），強化凹槽立體感。
• 投影：距離 4px、大小 6px、不透明度 20%，將圖標從背景抬起。

細節潤飾

新建圖層剪貼蒙版，用 1px 白筆刷在圓環外緣順時針畫 1/4 圓弧高光，不透明度 50%；內緣同理畫陰影線。最後檢查 1x/2x/3x 縮放下細節是否清晰，輸出 PNG/SVG。