只需簡單幾何形狀、透明度混合模式與偏移路徑，即可在 Illustrator 中快速創建出具備高光、陰影、深度感的「斜面浮雕」風格圖標。這套技法極適合 App 圖標、品牌 Logo、UI 裝飾元素，且完全可縮放的矢量特性，讓輸出零失真。

效果預覽與核心邏輯

成品僅由「兩層細微差異的圓角矩形」疊加而成，關鍵在於：正片疊底製陰、濾色增亮、偏移路徑造斜面。理解這三招，舉一反三可生成無限變化。

分步實作

1. 繪製基礎立方體（外框）

• 「圓角矩形工具」按 Shift 拉正圓角正方形，↑/↓ 調整圓角半徑。
• 填 30%→60% 黑漸層（上淺下深），1 px 黑描邊。
• Ctrl+C, Ctrl+F 原位複製 → 物件 → 路徑 → 偏移路徑 -3 px → 選取複製層與偏移層 → Ctrl+8 建立複合路徑 → 去描邊、透明度面板設「正片疊底」。

2. 疊加第二層內斜面

• 再對原圖形做兩次 -3 px 偏移 → 選中兩新形狀 → 複合路徑 → 去描邊、透明度「濾色」不透明度 25%。
• 補充陰影：白橢圓疊黑橢圓 → Ctrl+Alt+B 混合 → 透明度 75% 正片疊底 → 置底層。

3. 置入圖標圖形並同步浮雕效果

• 繪製/貼上簡單圖形（字母、圖示皆可），原位複製三份。
• 最上層向下移動幾像素 → 選最上兩層 → 路徑查找器「減前」 → 正片疊底 75%。
• 原始圖形 +3 px 偏移 → 黑白漸層（白在下） → 濾色模式（建議 75% 不透明度更自然）。

核心技巧總結

技巧	作用
偏移路徑 ±3 px	快速產生等寬斜面/邊框
複合路徑 + 正片疊底	非破壞性產生內陰影
複合路徑 + 濾色	非破壞性產生高光邊緣
混合工具做柔邊陰影	比投影效果更可控、可編輯

這套「幾何 + 混合模式 + 偏移」工作流，不僅 10 分鐘出成品，更能讓你在任何矢量專案中快速賦予物件「材質感」。下次需要質感圖標時，別再跑去渲染 3D 了——AI 就能搞定！