「PS 怎麼畫虛線框？」這問題困擾無數設計師。網上教程泛濫，但真正講清各方案優劣、適用場景、參數陷阱的極少。作者花一整天整理，按「複雜度遞減」梳理 5 大核心方案，助你根據項目需求（矢量/像素、可編輯性、導出格式、團隊協作）精準選型，告別「只會一招、遇到新場景就卡殼」。

方案總覽對比表

方案	核心原理	產出類型	可編輯性	適用場景	避坑重點
P1 圖案+描邊	定義虛線圖案 → 描邊填充	矢量形狀層	★★★★★ 參數即時改	UI 組件、按鈕、矢量插圖	圖案間距固定，轉角易斷裂
P2 描邊+溶解	描邊模式設「溶解」+ 雜色	像素/矢量	★★★☆☆ 需轉像素	快速草圖、像素風邊框	鋸齒明顯、不可縮放、間距難控
P3 路徑+筆刷	路徑面板「描邊路徑」選筆刷	像素層	★★☆☆☆ 路徑可改，筆觸死	手繪感虛線、書法線條、不規則路徑	筆刷間距/圓度/角度需精調
P4 AI/FW 協作	AI 畫虛線 → 複製進 PS	智能物件/形狀層	★★★★☆ AI 端全參數控制	複雜矢量虛線、印刷級輸出、團隊協作	跨軟體流程、AI 版本兼容性
P5 文字工具+路徑	輸入「· · ·」等字符 → 文字沿路徑	文字層/路徑	★★★★☆ 字符/間距/字體全控	裝飾性虛線、點線分隔、創意排版	字體渲染差異、轉曲後不可編輯文字

各方案核心操作與參數關鍵

P1 圖案+描邊（最推薦：純矢量、全參數可控）

1. 新建 10×10 px 透明文件 → 鉛筆工具 1px 點畫「短線+間隙」→ 編輯 > 定義圖案。
2. 目標形狀層 → 圖層樣式 > 描邊 → 填充類型選圖案 → 選剛定義的圖案 → 縮放控制虛線長短、與圖層對齊控制起點。
3. 進階：轉為智能物件再加一層描邊，實現「雙層虛線/實虛疊加」。

P3 路徑+筆刷（最適合手繪感/不規則路徑）

1. 筆刷面板（F5）新建方頭筆刷：間距 200%+、圓度 100%、角度 0°、直徑按需。
2. 鋼筆繪製路徑 → 路徑面板右鍵描邊路徑 → 工具選「筆刷」→ 勾選模擬壓力（可選）。
3. 技巧：筆刷「形狀動態」開啟角度抖動→方向，虛線自動垂直路徑切線，轉角不再扭曲。

P5 文字+路徑（最適合創意點線/裝飾分隔）

1. 文字工具輸入「· · · · ·」或「— — —」（全形/半形混排控制疏密）。
2. 鋼筆畫路徑 → 文字工具點擊路徑 → 文字自動沿路徑排列。
3. 字符面板調字距/基線偏移/字體（推薦等寬像素字體），秒變設計感分隔線。

場景化選型建議

• UI 設計系統組件庫：首選 P1（矢量、樣式可復用、導出 SVG 不失真）。
• 插畫/海報手繪質感：首選 P3（筆刷紋理豐富、路徑任意形）。
• 印刷級 Logo/版式：首選 P4（AI 原生虛線參數最全、PDF/X 輸出最穩）。
• 快速排版/創意分隔：首選 P5（秒改字符/間距/顏色、配合變形極靈活）。
• 臨時草圖/像素藝術：P2 最快，但不可縮放、難修改，慎用於正式交付。

沒有「最好」的方案，只有「最對」的場景。建議在常用動作面板錄製 P1/P3/P5 三套 Action，下次需求來了，一鍵直達專業虛線框！