無需 3D 效果,僅用基本形狀、偏移路徑、復合路徑、透明度面板混合模式(正片疊底/濾色),幾步即可繪製出具備真實燈光/陰影/深度的斜面浮雕圖標樣式。入門級教程,核心思想極具啟發性。
成品與核心邏輯


步驟拆解
1. 建立基礎立方體(外斜面)
- 圓角矩形工具按 Shift 畫正圓角方,按 ↑/↓ 調整圓角半徑。
- 填 30%→60% 黑漸層(K 值),漸層工具 (G) 從上拉向下。描邊 1pt 黑。
- 複製在原位 (Ctrl+C, Ctrl+F) → 物件 > 路徑 > 偏移路徑 -3pt → 選副本與偏移路徑 → 物件 > 復合路徑 > 建立 (Ctrl+8) → 去描邊 → 透明度面板設正片疊底。得內凹陰影斜面。
2. 疊加內斜面(高光面)
- 選原圓角矩形 → 偏移 -3px → 不取消選取 → 再偏移 -3px → 選兩新路徑 → 建立復合路徑 → 去描邊 → 透明度濾色、不透明度 25%。得內部高光斜面。
3. 簡易投影
- 白橢圓 → 複製在原位 → 改黑 → 縮小變形 → 選兩橢圓 → 物件 > 混合 > 建立 (Ctrl+Alt+B) → 透明度正片疊底、不透明度 75% → 置底層 (Shift+Ctrl+[) 置於圖標下方。
4. 圖標本體浮雕化
- 繪製/放入簡單圖標形狀(字母/幾何圖),複製兩次在原位(共 3 層)。
- 最頂層向下移動幾格 → 選最頂兩層 → 路徑查找器 > 扣除前面物件 → 透明度正片疊底、75% → 得頂部陰影斜面。
- 原底層圖標 → 偏移 +3px → 填黑白漸層(白在底部) → 透明度濾色(建議加 75% 不透明度更自然) → 得底部高光斜面。




設計哲學
- 「只用簡單形狀與透明度混合,創造光影深度」:這是向量繪圖最高級的極簡主義——不模擬 3D 幾何,而是直接模擬光影視覺結果。
- 正片疊底 = 陰影/遮蔽,濾色 = 高光/發光,這對組合是向量光影模擬的萬能鑰匙。
- 偏移路徑 + 復合路徑 = 等寬邊緣帶:精確控制斜面寬度,無需手繪。
- 可儲存為圖形樣式:一鍵套用至任意形狀/文字,構建統一設計語言系統。
幾步操作,讓平面圖標擁有「觸手可及」的觸覺質感,這才是向量設計的浪漫。