前言：為什麼不再用 AI 描邊再導入 PS？

許多設計師習慣在 Illustrator 用「虛線描邊」繪製矢量虛線，再拖入 PS。但 AI 矢量邊緣光柵化時常產生「邊緣發虛/半透明像素」，導致高解析度輸出時虛線邊緣模糊、鋸齒明顯，嚴重影響視覺質量。本教程提供純 PS 內部解決方案：選區收縮法，產出像素級銳利、可控間距、純矩形/多邊形虛線框。

效果預覽

核心步驟（7 步完成）

步驟 1：新建文檔與透明圖層

新建 300×300 px（或任意尺寸），背景白。**關鍵：背景層上方新建透明圖層**，所有操作在透明層進行，保持背景乾淨、便於後續導出透明 PNG。

步驟 2：矩形選框建立基礎形狀

矩形選框工具（M）拖出任意大小矩形選區，即虛線框外邊界。

步驟 3：筆刷設定虛線參數（核心）

• 畫筆工具（B），硬圓頭，大小 5-8 px，硬度 100%。
• 打開「筆刷設定」（F5），間距 設為 140% 左右（間距% = 間隙/筆觸直徑 × 100，140% 即間隙約 0.4× 筆觸直徑）。

步驟 4：Shift 點擊繪製四角連線

按住 Shift 依次單擊矩形選框四個頂點，PS 自動以直線連接並套用虛線筆刷，獲得完美矩形虛線框。

步驟 5：選區收縮 1 像素

選單「選擇 > 修改 > 收縮」，收縮 1 px。選區向內縮 1 px，恰好覆蓋虛線筆觸的內側邊緣。

步驟 6：Delete 刪除選區內像素

按 Delete，選區內像素被刪除，虛線框「中空」化，僅保留邊框線條。取消選區（Ctrl+D），完成。

方法優缺點對比

維度	選區收縮法（本教程）	AI 描邊導入法	PS 路徑描邊法
邊緣銳度	⭐⭐⭐⭐⭐ 像素級銳利	⭐⭐ 易發虛/模糊	⭐⭐⭐⭐ 矢量級，但需光柵化輸出
形狀靈活性	⭐⭐ 僅限直角多邊形	⭐⭐⭐⭐⭐ 任意矢量形狀	⭐⭐⭐⭐⭐ 任意路徑形狀
間距/粗細控制	⭐⭐⭐⭐ 筆刷面板數值可控	⭐⭐⭐⭐ AI 描邊面板可控	⭐⭐⭐⭐ 筆刷面板可控
可編輯性	⭐ 光柵化後難改	⭐⭐⭐⭐⭐ 矢量隨時改	⭐⭐⭐⭐ 路徑可改，描邊需重做
適用場景	UI分隔線、表格邊框、像素風插畫	複雜不規則矢量虛線	標準幾何虛線、需後期調整形狀

重要限制與避坑

• 不適用圓形/橢圓/曲線形狀：Shift 點擊只能直線連接，曲線需用路徑描邊法。
• 收縮值 = 筆刷半徑：若筆刷 8px，收縮應設 4px（半徑），否則會刪除部分線條或留下雙邊。
• 間距微調：140% 為經驗值，實際需根據筆刷大小、視覺效果微調 120%-180%。

進階變體

• 雙色虛線：完成後複製圖層，鎖定透明像素填充第二顏色，上層加蒙版黑白漸變過渡。
• 虛線轉選區：完成虛線圖層 Ctrl+點擊 縮略圖載入選區，可作為蒙版/調整圖層依據。
• 批量生產：錄製動作（F2），一鍵生成標準尺寸虛線框（如 100×100、200×100、300×200）。

相關教程延伸

• 如何用 Photoshop 畫虛線（筆刷間距法基礎版）
• 如何在 PS 裡畫虛線（路徑描邊法詳解）
• 在 Photoshop 中如何畫虛線（形狀工具虛線描邊）

總結

「選區收縮法」以矩形選框定外輪廓 → 筆刷間距定虛線樣式 → Shift 點擊連線 → 選區收縮挖空四步核心邏輯，在純 PS 環境下產出零發虛、可控參數、像素級銳利的矩形/多邊形虛線框。雖形狀受限，但在 UI 分隔線、表格邊框、像素風插畫、印刷裁切線等高頻場景中，是比 AI 導入更可靠、更輕量的首選方案。建議將筆刷預設、動作錄製納入個人效率工具庫。