前言

本教學以 512×512 px 畫布示範音樂圖標的標準製作流程：同心圓架構、音符向量繪製、圖層樣式堆疊、雜色質感、高光反光處理，適合圖標設計入門練習。

最終效果預覽

製作步驟

1. 新建 512×512 畫布，四周留 20px 參考線，實際圖標 472×472。
2. 形狀工具繪製最外圈正圓 (outside)，加圖層樣式 (內陰影、斜面浮雕、漸變疊加等)。
3. 內縮 20px 繪 middle 圓，設定圖層樣式。
4. 再內縮 10px 繪 inner 圓，設定漸變疊加。
5. 再內縮 10px 繪 ball-outside 圓，設定樣式形成球面感。
6. 音符由 5 個向量形狀組成 (2 傾斜橢圓、2 豎矩形、1 斜切矩形)，鋼筆形狀工具繪製後合併路徑。
7. 音符加圖層樣式 (斜面浮雕、內陰影、漸變疊加等)。
8. 合併音符與球體圖層。
9. 質感處理：新建噪點層 (黑底 + 添加雜色)，剪貼蒙版疊加於 outside 與音符層，混合模式「濾色」。
10. 球面高光：頂部白色橢圓高斯模糊 + 底部反光，圖層模式「柔光」、不透明度 50%。
11. 最終潤色完成。

過程圖參考