效果預覽

掌握兩種繪製虛線框的核心方法：筆刷間距法（適合手繪風、不規則形狀）與路徑描邊法（適合精準幾何圖形、可編輯性強），輕鬆應對 UI 分隔線、手繪風插畫邊框、信息圖表虛線連接等場景。

方法一：筆刷間距法（手繪風/自由形狀）

1. 新建圖層，選取畫筆工具（B），選擇硬圓頭筆刷，大小 3-5 px。
2. 開啟「筆刷設定」面板（F5），勾選「筆尖形狀」，將「間距」拉至 150%-200%，預覽即顯示虛線效果。
3. 按住 Shift 點擊畫布任意兩點，自動連線繪製直線虛線；或自由手繪曲線虛線。
4. 需封閉圖形時，按住 Shift 依次點擊各頂點，最後回到起點閉合。

方法二：路徑描邊法（精準幾何/可編輯）

1. 矩形/橢圓/多邊形工具（U）選「路徑」模式，繪製標準幾何路徑。
2. 開啟「路徑」面板，右鍵路徑選「描邊路徑」，工具選「畫筆」，確保筆刷已設定間距（同上）。
3. 路徑保留，隨時可用「直接選取工具」(A) 調整錨點，虛線即時更新，極適合需反覆修改的設計稿。

進階變體與技巧

虛線樣式變奏

• 方塊虛線：筆刷尖端選「方形」、間距 150%、圓度 100%。
• 虛線箭頭：路徑面板「描邊路徑」選「形狀」，預設選「箭頭」，再調整筆刷間距。
• 雙色虛線：複製虛線圖層，鎖定透明像素，分別填充兩色，上層添加蒙版漸變過渡。

虛線動畫（時間軸面板）

1. 將虛線圖層轉為智能物件。
2. 開啟時間軸，添加「位置」或「圖層蒙版位置」關鍵幀，製作虛線「生長/流動/虛實交替」動畫。
3. 導出 GIF/MP4，用於 Loading 圖標、進度條、路徑引導動效。

常見問題與解決

問題	原因	解決
虛線間距不均	筆刷間距百分比非整數倍	間距設為 100%/150%/200% 等整百值
轉彎處虛線斷裂/重疊	路徑錨點過密/角度過銳	簡化路徑、增加錨點平滑度、或改用形狀描邊
縮放後虛線變粗/變細	圖層非智能物件，像素級縮放	轉為智能物件或矢量形狀圖層
導出 PDF 虛線變實線	PDF 預設將虛線光柵化	存檔前將虛線圖層轉為形狀圖層（右鍵「轉換為形狀」）

總結

「筆刷間距法」適合快速草繪、手繪風、非標準形狀；「路徑描邊法」適合精準幾何、需後期修改、矢量輸出場景。雙法互補，覆蓋 99% 虛線框應用場景。建議將常用虛線筆刷存為預設（含間距、大小、顏色），並錄製「路徑描邊虛線」動作，構建個人虛線素材庫，設計效率再上台階。