為什麼要學路徑描邊？

扁平化設計浪潮下，2px/3px 統一線寬的線性圖標成為主流。傳統用 Illustrator 畫再拖入 PS 易造成像素對齊偏移、描邊粗細不一；用圖層樣式「描邊」又無法處理開放路徑，且大尺寸描邊易產生鋸齒。PS CS6+ 內建的向量路徑描邊功能完美解決這些痛點：

• 描邊品質極佳，任意粗細皆圓滑無鋸齒。
• 支援開放路徑（不閉合的線條）。
• 提供圓角、斜角、直角三種端點/轉角樣式。
• 描邊寬度與形狀獨立，縮放不變粗，確保全套圖標線寬統一。

核心三步驟口訣

1. 形狀工具 + 填充無色：用矩形、橢圓、多邊形、鋼筆工具畫出閉合/開放路徑，填充設為「無」，描邊設為 2px（或 3px）任意顏色。
2. 描邊選項微調：在選項列點擊描邊圖示，設定對齊（置中/內/外）、端點（圓角/直角/方角）、轉角（圓角/斜角/倒角）。
3. 直接選擇工具刪減錨點：用白箭頭選中多餘路徑段落或錨點按 Delete 移除，實現「減法」構圖。

實戰示範：繪製簡易山景圖標

1. 建立畫布與基礎形狀

Ctrl+N 新建 500×500px 畫布。用圓角矩形工具畫一個圓角矩形，Alt 拖動複製第二個，作為地平線與山體基礎。

2. 設定描邊、隱藏填充

路徑選擇工具（A）框選所有路徑 → 選項列：填充「無」、描邊 2px、顏色深灰。

3. 減法構圖：刪除多餘路徑

直接選擇工具（A）點選不需要的錨點/路徑段 → Delete。
技巧：需刪除路徑中間一段時，先用鋼筆工具在該段兩端各加一個錨點，再用白箭頭選中中間段落刪除。

4. 添加太陽與山脈

橢圓工具 Shift 畫正圓做太陽；鋼筆工具點擊繪製山脈折線。同樣設定 2px 描邊無填充。

5. 端點與轉角潤飾

選中路徑 → 描邊選項 → 端點改「圓角」使線頭線尾圓潤；轉角改「圓角」使折線轉折柔和。

6. 完成與變化

一個線性圖標完成！同理可畫出不同粗細描邊組合的立體感圖標。

後期修飾：讓線條更圓滑

• 用「直接選擇工具」微調錨點位置，消除生硬折角。
• 描邊對齊模式（內/中/外）善用於控制圖標實際視覺尺寸。
• 輸出前建議將形狀圖層轉為智慧物件，保留向量特性供後續縮放。

課後練習

找一套喜歡的線性 UI 圖標集（如 Feather、Material Icons），逐個臨摹。練習 20 個以上，路徑描邊操作將成為肌肉記憶。