教學定位

本教學深度解析「路徑工具」在插畫字體設計中的核心應用：以基本幾何路徑（圓/直線）為種子，透過錨點增刪、路徑分割、描邊疊加，構建豐富有機的卡通字形。適合具備 PS 基礎者進階，零基礎者跟隨操作亦可建立路徑思維。

▲ 最終效果：色彩豐富、線條流暢、層次分明的 COOL 卡通插畫字體

第一部分：路徑核心技法練習（步驟 1-10）

此階段建立「路徑→描邊→修改路徑→再描邊」核心循環肌肉記憶。

練習 1：完美圓路徑建立

橢圓工具 (U) → 選項欄選「路徑」模式 → Shift+拖曳繪製正圓路徑。

▲ 正圓路徑建立

練習 2：筆刷預設與首次描邊

F5 開啟筆刷面板，設定硬邊圓筆刷（大小依文件尺寸，建議 20-40px）。新建圖層 1，Alt+Enter（或右鍵路徑→「描邊路徑」→選筆刷）描邊圓路徑。

▲ 筆刷設定 | 首次描邊效果

練習 3：路徑分割與二次描邊

直接選取工具 (A) 點選圓路徑兩錨點間路徑段 → Delete 刪除該段。新建圖層 2，換深色筆刷，Alt+Enter 再次描邊剩餘路徑。

▲ 路徑分割與二次描邊

練習 4：錨點增刷造型變化

鋼筆工具 (P) 在路徑上點擊添加錨點。直接選取工具選中並刪除兩側錨點，保留中段彎曲路徑。

▲ 添加/刪除錨點重塑路徑

練習 5：三次描邊疊加豐富線條

刪除錨點後剩餘路徑 → 新建圖層 3，深色筆刷 → Alt+Enter 第三次描邊。

▲ 剩餘路徑 | 三次描邊疊加效果

練習核心心法

「從一個完美幾何路徑出發，透過刪除路徑段落而非繪製新路徑，獲得極其幹淨、流暢、幾何精確的有機線條。每個形狀獨佔一圖層，配合剪貼蒙版，構建非破壞性編輯結構。」

▲ 練習階段成果展示

第二部分：COOL 字體實戰制作（步驟 1-19）

步驟 1：文件與背景建立

新建 1600×1200px、72dpi。背景填充徑向漸層：#392354 (深紫) → #593B70 (中紫)。

▲ 背景漸層設置

步驟 2：基礎幾何路徑庫建立

橢圓工具「路徑模式」→ Shift 繪製正圓路徑。「路徑」面板中複製多份工作路徑備用（Ctrl+C/V 或拖拽至新建路徑圖標）。

▲ 基礎圓路徑庫

步驟 3-4：字母 C 構建

鋼筆工具在圓路徑添加兩錨點 → 刪除兩錨點間路徑段 → 獲得 C 形開口弧線。新建圖層「C_主筆」，筆刷 80px（視字母大小） → Alt+Enter 描邊。**保留此路徑備用。**

▲ C 字路徑構建與描邊

步驟 5-7：字母 O、O 構建（路徑複用）

路徑面板複製 C 路徑 → 路徑選取工具 (A) 移動複製路徑至旁邊 → 封閉開口形成 O 形 → 新圖層「O1_主筆」描邊。重複獲得第二個 O。

▲ 路徑複製移動構建 O 字

步驟 8-10：字母 L 構建（直線路徑）

新建參考線輔助。鋼筆工具 Shift+點擊繪製垂直直線路徑 → 新圖層「L_豎筆」描邊。同法繪製水平路徑 → 新圖層「L_橫筆」描邊。

▲ L 字豎橫筆路徑與描邊

步驟 11：圖層群組管理

每字母建立群組（C、O、O、L），將該字母所有線條圖層（主筆、裝飾線、高光線等）歸入對應群組，便於整體移動、縮放、調整。

▲ 字母群組管理結構

步驟 12-13：剪貼蒙版非破壞裝飾

為每個主筆圖層添加裝飾線條圖層（按練習階段邏輯：路徑分割→多次描邊）。關鍵：**新裝飾圖層置於主筆圖層上方 → Alt+點擊兩圖層間分隔線 → 建立剪貼蒙版**。裝飾線條僅顯示於主筆像素範圍內，自動適應字形邊緣，修改主筆形狀裝飾自動跟隨更新。

▲ 剪貼蒙版結構與效果

配色與光影藝術化（步驟 14-19）

步驟 14：字母 C 漸層著色

選中 C 群組內主筆圖層 → 添加「漸層疊加」：#FF0096 (粉紅) → #C20049 (深紅)，角度依筆畫走向設定（垂直筆畫角度 90°、水平筆畫 0°）。

▲ C 字漸層參數與效果

步驟 15：各字母/形狀差異化漸層

依序為每個獨立線條圖層套用漸層疊加，色組分配：

• 第 1 組：#FFD200 (金黃) → #E900BA (品紅)
• 第 2 組：#4A6D00 (深綠) → #B1D603 (亮綠)
• 第 3 組：#4A6D00 (深綠) → #EAF900 (黃綠)
• 第 4 組：#00DBEF (青藍) → #C8DB00 (黃綠)

**關鍵**：漸層角度必須垂直於線條走向，模擬圓柱體受光邏輯。

▲ 多色漸層分配效果

步驟 16：投影深化空間感

新建頂層，大軟邊畫筆 (不透明度 50%) 根據光源方向（左上）為各形狀繪製投影。圖層置於所有字母群組下方。

▲ 投影繪製效果

步驟 17-18：內部高光線條豐富細節

再次選取 C 路徑 → Ctrl+T 縮小 → 新圖層，筆刷 40px 描邊 → 漸層 #FB3A7E → #442B5D，置於群組上部。同法創建更小形狀，漸層 #E80079 → #FF6481。此為字母內部「高光筋」，豐富視覺層次。

▲ 內部高光線條構建

步驟 19：後續細節完善（原教程截斷，補充建議）

• 為每字母添加「外發光」圖層樣式（螢幕模式、對應色系、大小 10-20px）增強發光感
• 背景添加幾何裝飾元素（圓環、三角形、點陣）平衡畫面
• 整體群組添加「曲線」調整層提升對比、「色相/飽和度」統一色調
• 導出前檢查：所有剪貼蒙版關係正確、無多餘空圖層、命名規範

路徑描邊字體設計方法論總結

核心工作流：幾何種子 → 路徑手術 → 多層描邊 → 剪貼蒙版 → 差異化漸層 → 空間光影

1. 幾何種子：圓、方、直線等基本形狀路徑，保證數學精確性
2. 路徑手術：增刪錨點、分割路徑、組合路徑，而非自由繪製，保證線條幹淨度
3. 多層描邊：同一路徑不同筆刷/顏色多次描邊至不同圖層，構建線條豐富度
4. 剪貼蒙版：裝飾線條剪貼於主筆圖層，實現非破壞性邊緣約束
5. 差異化漸層：每線條獨立漸層，角度垂直線條，模擬 3D 圓柱受光
6. 空間光影：投影、內發光、外發光建立層級空間關係

優勢對比

傳統手繪/筆刷直繪	路徑描邊法
線條抖動、不均勻	數學級平滑、銳利
修改需重繪	修改路徑→重新描邊，秒級更新
難以批量套用風格	路徑可複製、縮放、旋轉、變形複用
圖層結構混亂	天然適配「群組+剪貼蒙版」結構化管理
無法輸出矢量	路徑可匯出 AI/SVG，無限縮放

避坑指南

• ❌ 筆刷大小固定 → ✅ 根據線條層級（主筆/裝飾/高光）設定遞減筆刷尺寸
• ❌ 漸層角度隨意 → ✅ 嚴格垂直線條走向，否則立體感崩塌
• ❌ 忽略剪貼蒙版 → ✅ 必須建立，否則裝飾線條超出主筆邊緣極難清理
• ❌ 圖層命名混亂 → ✅ 命名規範：字母_部位_層級（如 C_主筆、C_裝飾_1、C_高光_內部）
• ❌ 路徑不保留 → ✅ 路徑面板永久保留所有字母基礎路徑，後期修改依賴它們

此教學展示的「路徑手術 + 多層描邊 + 剪貼蒙版」三位一體工作流，是專業矢量風格插畫字體設計的標準範式。掌握後可高效產出風格統一、可無限縮放、易於修改迭代的高質量字體設計作品。