Web 2.0 時代流行徽章感、精致 3D 效果的圖標。本教程演示如何僅用圖層樣式，在幾分鐘內繪製出帶立體光澤的按鈕/圖標。

最終效果

步驟拆解

步驟 1：基礎圓形

橢圓工具（U）按 Shift 畫正圓，任意填色（後被樣式覆蓋）。

步驟 2：主體立體樣式

雙擊圖層 → 圖層樣式：

• 漸變疊加：藍→淺藍徑向漸變，角度調整至漸變中心位於圓形頂部（模擬頂部受光）。
  
• 斜面與浮雕：內部斜面、平滑、深度/大小適中、高光/陰影模式正常/正片疊底、不透明度 50% 左右，營造凸起球體感。

步驟 3：內縮邊框（內發光替代方案）

複製圓形圖層 → 清除原樣式 → 縮小略微 → 描邊：填充類型「漸變」，白→透明徑向，位置「內部」，大小 2-3px，模擬內凹高光邊。

步驟 4：圖標/文字

橫排文字工具（T）輸入符號/文字 → 圖層置頂 → 圖層樣式：
顏色疊加：白色。
內陰影：距離 1px、大小 2px、噪點 0%，模擬凹陷刻字效果。

核心邏輯：「主體漸變+斜面」建立體積 → 「內描邊漸變」強化邊緣精致度 → 「文字內陰影」完成壓印感。全程無手繪，全靠參數疊加，風格統一極易批量複製修改。