路徑工具 (鋼筆、矩形、橢圓、多邊形、自定形狀) 的路徑運算屬性 (路徑面板選項欄/屬性面板),即向量圖形的布林運算 (聯合/相交/減去/排除)。預先設定好各路徑的運算模式與順序,即可非破壞性構建極其複雜的複合圖形,是向量繪圖、圖標設計、字體設計的核心技能。
視覺對比:運算順序決定結果

圖 1:最左側為參與運算的 6 條基礎路徑 (耳朵外圓 1、內圓 2、腦殼外圓 3、內圓 4、下巴外圓 5、內圓 6)。中間為先加後減順序結果 (耳朵與頭部相連);右側為先減後加順序結果 (耳朵內部鏤空貫通頭部)。
路徑運算四種模式
| 模式圖示 | 名稱 | 邏輯 | 視覺效果 |
| ▢ + ▢ | 添加到形狀區域 / 聯合 | A ∪ B | 合併重疊區域 |
| ▢ - ▢ | 從形狀區域減去 / 減去 | A - B | 前者扣除後者重疊區 |
| ▢ ∩ ▢ | 形狀區域相交 / 相交 | A ∩ B | 僅保留重疊區域 |
| ▢ ⊕ ▢ | 排除重疊形狀區域 / 排除 | A ⊕ B (異或) | 保留非重疊區域 |
註:形狀圖層模式下同樣適用,屬性面板中設置。
案例:小熊頭像構建全過程
1. 建立基礎路徑並設定運算屬性
- 1 號路徑:左耳外圓、右耳外圓 → 模式 「添加」。
- 2 號路徑:左耳內圓、右耳內圓 → 模式 「減去」。
- 3 號路徑:腦殼外圓 → 「添加」。
- 4 號路徑:腦殼內圓 → 「減去」。
- 5 號路徑:下巴外圓 → 「添加」。
- 6 號路徑:下巴內圓 → 「減去」。
此時路徑面板顯示所有路徑獨立存在,畫布顯示為所有路徑疊加視圖 (圖 2),非最終結果。


2. 多路徑選取技巧 (高手加油站)
- Shift+點擊 路徑:多選/取消選中單條路徑。
- 路徑選擇工具 (A) 框選:框選區域經過的所有路徑全選。
- 選中多條路徑後,屬性面板/選項欄可批量修改運算模式。
3. 先加後減順序 (結果:耳朵連接頭部)
- 路徑選擇工具選中 1、3、5 號 (所有外圓/添加路徑) → 點擊「合併形狀組件」/「組合」按鈕 (屬性面板/選項欄) → 外輪廓合為一體。
- 框選所有路徑 (1-6 號) → 再次點擊「合併」 → 內圓 (減去) 運算生效,形成耳朵內部鏤空但與頭部相連的最終形狀。
邏輯:先統一外輪廓 → 再統一扣除內部 → 內部扣除區域被外輪廓「保護」,不會貫通。
4. 先減後加順序 (結果:耳朵貫通鏤空)
1. Shift 選中 1、2 號 (單側耳朵外圓+內圓) → 點擊「合併」 → 該側耳朵成為獨立完整路徑 (內部已扣除)。
2. 選中該耳朵路徑 + Shift 選中 3、5 號 (腦殼/下巴外圓) → 點擊「合併」 → 耳朵內部扣除區域與頭部外圓重疊,頭部外圓「添加」運算將耳朵內部空洞區域「填回」,但因耳朵內圓為「減去」,最終形成貫通鏤空。
3. 同理處理另側耳朵。
4. 框選所有路徑最終合併。
邏輯:局部先完成「加-減」閉環 → 再與整體「加」運算 → 局部減去區域在整體加運算中被部分恢復,產生拓樸差異。
核心原理:路徑運算的非交換性
向量布林運算不滿足交換律:運算順序直接決定最終拓樸結構。
- 先加後減:全局外輪廓優先確立 → 內部細節扣除 → 內部空洞不連通外部。
- 先減後加:局部細節優先閉環 → 全局合併時局部空洞可能被後續「添加」路徑填充 → 產生貫通/斷裂差異。
設計時需預判拓樸結構,決定運算順序:
- 需「孔洞不貫通」(如 O 字內圈、耳朵連接頭部) → 先加外輪廓,後減內孔。
- 需「孔洞貫通/鏤空」(如鎖孔、鏈條環扣) → 先完成局部加減閉環,再與主體合併。
進階應用場景
- 圖標字體設計:字形筆畫間的筆序邏輯即運算順序,筆畫重疊處通過加/減控制筆順遮蓋關係。
- 複雜 Logo 構建:多幾何單元組合,預設運算屬性後一鍵合併,極易修改單元參數自動更新整體。
- UI 圖標系統:建立基礎幾何元件庫 (圓、方、三角、缺口),預設運算模式,組合拼搭數百圖標,風格統一、批量修改極快。
- SVG 導出:路徑運算結果可直接匯出 SVG,保留向量結構,前端可進一步動態控制 (如 CSS 動畫改變 fill-rule)。
結語
路徑運算屬性將 Photoshop 從「像素編輯器」昇級為「向量構建器」。掌握四種模式、順序非交換性、批量選取合併、拓樸預判四大核心,即可駕馭任意複雜度的向量圖形構建,實現「幾何邏輯驅動視覺形態」的專業設計範式。