PS 的形狀工具（矩形、圓角矩形、橢圓、多邊形、直線、自定義形狀）不只是畫基本幾何體，配合路徑運算（合併/減去/交集/排除），能像積木一樣拼搭出極複雜的矢量圖標、插圖、UI 元件。本文建立「分析 → 拆解 → 重組」的幾何思維，帶你從零掌握形狀工具進階玩法。

路徑運算四大模式

模式	圖示	效果	快捷鍵（繪製時）
合併形狀	+	兩形狀並集	Shift
減去頂層形狀	−	下層扣除上層	Alt
交集形狀區域	×	僅保留重疊部	—
排除重疊區域	⊕	保留非重疊部	—

關鍵：路徑運算需在同一形狀圖層內進行。CS6+ 可「合併形狀組件」保留向量屬性；舊版需繪製時配合 Shift/Alt。

路徑操作面板位置

選擇「路徑選擇工具」（A，黑箭頭）或「直接選擇工具」（A，白箭頭）時，選項欄右側顯示四個路徑運算圖示，點擊即套用至所選形狀路徑。

實戰案例 1：分享圖標（三圓兩矩）

1. 分析：三個同心空心圓 + 兩條旋轉 30° 矩形連接線。
2. 橢圓工具畫正圓 → 複製縮小 → 選兩圓 → 路徑運算「減去頂層」→ 得空心圓。
3. 複製兩個空心圓，對齊分佈 → 得三同心圓。
4. 矩形工具畫長條 → Ctrl+T 旋轉 30° → 複製鏡像 → 完成。

實戰案例 2：雲朵圖標（三圓一矩 → 空心化）

1. 分析：三圓一矩合併外輪廓。
2. 繪製三圓一矩，路徑運算「合併形狀」得實心雲形。
3. 空心化關鍵：逐個形狀複製縮小再減去，而非合併後整體縮小（後者會導致描邊比例失調、圓角變形）。
4. 原理：合併後整體縮放會等比縮放描邊寬度與圓角半徑，破壞視覺一致性；逐個縮放保持各形狀內部比例關係。

實戰案例 3：Chrome 瀏覽器圖標（圓環三等分 + 斜切）

1. 建立參考線：水平/垂直居中 + 45° 參考線。
2. 橢圓工具畫空心圓（大圓減小圓）。
3. 矩形工具畫長條置中 → 複製 → Ctrl+T 設中心點為畫布中心 → 旋轉 120° → 路徑運算「減去」→ 得 1/3 圓環。
4. 再畫矩形覆蓋多餘 30° 區域 → 「減去」→ 得精確 120° 圓弧。
5. 合併形狀組件 → 複製旋轉 120°、240° → 變色 → 加中間圓 → 完成。

進階技巧：形狀轉智能物件 → 濾鏡/變形非破壞

• 形狀圖層右鍵 → 「轉換為智能物件」→ 可套用濾鏡（如噪點、模糊）、自由變換透視扭曲，隨時可雙擊回源編輯向量。
• 配合「圖層 → 智能物件 → 疊加模式」實現矢量與位圖效果融合。

效率工具：GuideGuide / 插件輔助線

安裝 GuideGuide 擴展面板，一鍵生成等分、黃金分割、邊距參考線，極大加速幾何構圖佈局。

練習建議

• 每日臨摹 1 個知名 App 圖標（Google Material / Apple SF Symbols / Feather Icons），拆解其幾何構成邏輯。
• 建立個人「形狀組件庫」（.shapes 檔），收藏常用基礎形狀（齒輪、星標、對話框、箭頭變體）。
• 嘗試用純形狀工具繪製一張完整插畫（無畫筆、無鋼筆），強化幾何思維。