教程目標

掌握將任意複雜矢量圖案轉化為精準無縫平鋪填充圖案的標準化流程，解決邊緣對齊、溢出裁切、圖層管理等核心難點。

22 步標準化流程

1. 素材準備：下載/繪製 AI 格式複雜圖案文件，確認圖層結構中存在「背景」圖層定義平鋪邊界。
2. 複製背景層：圖層面板右鍵「複製圖層」得「背景副本」。
3. 清空副本屬性：選中「背景副本」，填色/描邊均設「無」，成為純邊界路徑。
4. 建立裁切標記：選中副本路徑 →「對象」→「建立裁切標記」，生成標記邊界框。
5. 選取全部圖形：選擇工具（V）框選畫面內所有圖形（含溢出邊界部分）。
6. 水平複製：Alt+拖動複製選區至右側，對齊裁切標記右邊緣。
7. 群組並刪除標記：Ctrl+G 群組 → 刪除裁切標記。
8. 鎖定右側群組：圖層面板鎖定該群組，防誤選。
9. 選取底部溢出圖形：框選超出底部裁切標記的圖形。
10. 垂直向上複製：Alt+Shift+拖動複製至頂部對齊。
11. 刪除標記：清理新產生的裁切標記。
12. 解鎖並取消群組：恢復右側群組可編輯狀態。
13. 框選右側溢出圖形：選中超出右邊緣部分。
14. 水平向左複製：Alt+Shift+拖動複製至左側對齊。
15. 刪除標記。
16. 取消左側群組鎖定與群組：調整圖層順序確保層級正確。
17. 框選左側溢出圖形。
18. 水平向右複製：複製至右側對齊（雙重保險）。
19. 刪除標記。
20. 解鎖左側群組並調整順序。
21. 全選頁面內圖形：Ctrl+A 選中畫布範圍內所有最終圖形。
22. 定義圖案：「編輯」→「定義圖案」→ 命名保存，自動存入色板面板。
23. 驗證效果：矩形工具畫大矩形，填充新建圖案，檢查無縫拼接效果。

核心原理解析

無縫平鋪本質是：將單元邊界外溢出的圖形，精確平移單元寬/高距離複製到對側。裁切標記定義單元邊界；「背景副本」作為邊界參考；四向複製（右→左、下→上、左→右）確保四邊無縫；最終在單元內建立完整閉合圖形集合定義為圖案。

進階應用與避坑

• 複雜圖案建議先「對象」→「展開外觀」→「分割」將所有線條轉填充，避免描邊縮放不一致。
• 圖案定義後可在「圖案選項」面板（CS6+）微調間距、磚塊偏移、重疊模式。
• 大型複雜圖案定義前建議「視圖」→「輪廓模式」檢查是否有未閉合路徑/孤立點。
• 導出 SVG pattern 供 CSS `fill="url(#pattern-id)"` 直接使用。
• 印刷專色圖案需將色板轉專色模式再定義。