從構思草圖到像素級完美，這篇教學示範專業圖標設計全流程：矢量工具勾勒輪廓 → 圖層樣式疊加色彩質感 → 紋理素材/濾鏡豐富局部細節。最終產出一枚質感厚實、光影真實的復古卡帶播放器圖標。

最終效果

關鍵步驟與技巧

1. 背景與主體建立

1000×800 畫布，徑向漸變調整層（淺 #b4b097 至深 #4e473a，90°、縮放 150%）→ 圓角矩形工具畫 600×600px、圓角 140px 主體，置中命名「主體」。

技巧：漸變填充狀態下直接拖動畫布可移動漸變中心，圖層樣式同理。

2. 主體圖層樣式疊加

斜面浮雕（內凹邊緣）、描邊（漸變邊框）、內陰影（頂部陰影）、內發光（邊緣高光）、顏色疊加（基底色）、漸變疊加（金屬質感）、投影（落地感）。

3. 投影圖層獨立強化

複製主體命名「投影」置底、填充 0% → 加投影樣式（距離、擴展、大小調大）增強懸浮感。

4. 螢幕區域製作

圓角矩形 500×360px 圓角 130px → 圖層樣式（內陰影、內發光、斜面浮雕、顏色疊加、漸變疊加、描邊） → 螢幕圓角矩形 420×280px 圓角 100px、色 #b4b097 → 樣式（內陰影、內發光、斜面浮雕、漸變疊加、圖案疊加雜色柔光） → 形狀布爾運算（相減/相交）產生頂底高光條，模式柔光 34%。

5. 按鈕系統化製作

正圓基底（#b4b097）+ 小圓面板（#d9d0ca）+ 投影層（填充 0% 加投影）→ 群組命名「按鈕1」→ 複製 4 組、最右側修改顏色驗證理解度。

6. LOGO 與最終微調

添加品牌 LOGO、內陰影+投影 → 整體檢視細節 → 輸出最終圖標。