圖標設計大師級教學：結構分解自底向上（底板→厚度→發光→凸出→立體球→高光→圖形圖標），每層獨立圖層樣式精準參數，圖層數 20+，展現極致細節控制力。學會此法，水晶/玻璃/金屬/塑膠任意材質圖標皆可觸類旁通。

最終效果預覽

自底向上精細建模（步驟 1-12）

步驟 1：底板層

1000×1000px 畫布，背景 #808B5E。圓角矩形工具：400×400px、圓角 60px、居中、色值 #78C549（暫時色），命名「底板」，添加完整圖層樣式（倒角浮雕、內陰影、內發光、光澤、漸變疊加、描邊）。

步驟 2：厚度層

Ctrl + J 複製底板 → 右鍵「清除圖層樣式」 → 改名「厚度層」 → 移至底板下 → 直接選擇工具（A）選中底板底部 4 個圓角錨點 ↑ 上移 3px 露出厚度 → 同理厚度層頂部圓角錨點 ↓ 下移 3px 避免像素疊加鋸齒。

步驟 3：發光層

複製「厚度層」→ 清除樣式 → 改名「發光層」→ 移至厚度層下 → 填充 0% → 添加外發光/內發光樣式，營造底部懸浮發光感。

步驟 4：底板高光

「底板」上新建層「高光」，前景色 #4DC9F0，硬度 0% 筆刷點一下 → Ctrl + T 壓扁 → 選區工具刪除一半 → 移至合適位置 → 不透明度 60%。

步驟 5-8：凸出效果組（4 層疊加）

橢圓工具 205×205px 正圓居中，命名「凸出效果」，添加樣式。依次複製生成：

• 平滑外發光層：色 #80B5E1，樣式見圖。
• 大漸變層：保留上層樣式，添加大範圍漸變疊加。
• 小漸變層：清除樣式 → Ctrl + T Alt + Shift 等比縮小至 195×195px → 添加新樣式。

步驟 9：立體球層

複製「小漸變層」拉出「凸出效果」組 → 改名「立體球」 → Ctrl + T 縮小至 185×185px → 清除樣式 → 重新添加完整水晶球樣式（倒角浮雕內部/外部、內發光、光澤、漸變疊加、描邊）。

步驟 10：半月高光

橢圓工具繪製半月形 → 柵格化 → 高斯模糊 1.5px → 置於立體球下方 → 不透明度 30%。

步驟 11：頂點強高光

新建層，白色硬度 0% 筆刷點一下 → Ctrl + T 微壓扁 → 置於半月高光上方 → 不透明度 70%。

步驟 12：下載圖標（箭頭組合）

圓角矩形 32×8px 圓角 3px → Ctrl + T 旋轉 45° → 複製水平翻轉 → 合併成箭頭形 → 添加圖層樣式（倒角浮雕、光澤、漸變疊加） → 移至圖標中心。

最終效果

圖標設計方法論總結

1. 結構先行：將圖標拆解為「底座/主體/高光/圖形」等結構層級，自底向上建模。
2. 樣式參數化：每層圖層樣式參數可復用、可微調，建立個人「材質樣式庫」。
3. 非破壞流程：全程形狀圖層+圖層樣式+調整圖層，任意階段可回溯修改尺寸/顏色/光照。
4. 像素級細節：錨點微調避免鋸齒、高光羽化控制過渡、厚度層錯位防疊加，決定質感上限。