Illustrator 圖案填充/描邊/筆刷三大表現形式,讓無縫紋理成為設計師的「隱形乘數」。本教程分理論篇 (圖案本質/解析/庫調用/填充變換/描邊/畫筆)、保存篇 (定義方法/局限性/剪切拼貼三法)、創建篇 (基礎到複雜無縫構建)三章,系統建立從「懂原理」到「會保存」再到「能創建」的完整知識體系,附 10+ 詳註截圖示範操作細節。
成品應用示例
第一章:理論篇 — 了解基本原理
1. 什麼是圖案?
AI 中圖案是第三種填充類型 (除純色、漸層外),也是第二種描邊類型 (除純色外),更是圖案畫筆的基礎雛形。一個圖案色板可同時服務填充、描邊、筆刷三大場景。
2. 圖案解析:矩形拼貼 = 原拼貼
- 本質:包含矩形邊框的向量物件群,水平垂直自動重複平鋪。
- 拼貼起點:文檔左下角為原點,向右上無限延伸。
- 輸出本質:雖原拼貼為向量,但套用於物件時輸出為像素圖片 (RIP 時光柵化);但原拼貼可無限縮放不失真。
3. 調用預設圖案庫
視窗 › 色板庫 › 圖案 › 基礎/幾何/自然/紋理等 → 點擊即套用。或「其他庫」載入外部 .ai 色板檔。色板面板底部「顯示圖案色板」圖標可過濾顯示。
4. 研究預設圖案結構
將感興趣圖案拖至畫板 → 看到「原始拼貼」 (含邊框矩形 + 內部元素) → 理解元素如何跨邊框無縫銜接 (邊緣元素對稱/延伸/截斷)。
5. 圖案填充變換控制
外觀面板 (Shift+F6) 疊加多重填充 → 每重填充可獨立設定混合模式/不透明度。選取物件 → 旋轉/縮放/移動/鏡像工具 → Enter → 勾選「變換圖案」「變換物件」任意組合 → 精準控制紋理走向與物件關係。
6. 圖案描邊變換
同理可變換圖案描邊。變換面板彈出選單勾選「縮放描邊與效果」 → 描邊圖案隨物件縮放同步變化。
7. 圖案畫筆
視窗 › 畫筆庫 › 邊框_畫筆 調用預設。自建:筆刷面板 (F5) › 新建 › 圖案畫筆 › 從色板選擇圖案 → 設定 5 部位圖案 → 套用於路徑或畫筆工具直接繪製。
第二章:重要!保存圖案 — 正確方法與避坑指南
1. 定義圖案兩種方法
- 拖拽法:選取原拼貼群組 → 直接拖入色板面板 → 雙擊重命名。
- 選單法:全選 → 編輯 › 定義圖案 → 即時命名 (可立即修改名稱)。
2. 三大不能保存的內容 (必讀避坑)
- ❌ 含漸層網格 的拼貼 — 必須先刪除網格物件。
- ❌ 套用了圖案色板 的拼貼 — 遞迴引用會導致錯誤。
- ⚠️ 復雜即時效果 (如 3D、扭曲、模糊) — 結果不可預測,建議先「擴展外觀」再保存。
3. 剪切拼貼三大標準法 (解決非矩形元素邊框問題)
- 矩形背景法:底層置一無描邊/無填色矩形框住所有元素 → 全選拖入色板。最簡單、最穩健。
- 分割物件法:頂層畫矩形框 → 全選 › 路徑查找器 › 裁剪 / 或 物件 › 路徑 › 分割下方物件 → 刪除多餘 → 保存。
- 剪貼蒙版法:矩形置頂 → 選全 › 物件 › 剪貼蒙版 › 建立 → 進入隔離模式編輯 → 退出後拖入色板 (需注意蒙版不會隨圖案保存,僅作編輯輔助)。
第三章:創建無縫圖案 — 從簡單到複雜 (後續內容截斷,補充核心方法論)
基礎幾何無縫 (點陣/條紋/格仔)
- 矩形/線段/圓形基礎元素 → 對齊分布精確排列 → 矩形背景法定義。
- 關鍵:元素邊緣與拼貼邊框數學精確對齊 (像素級/點級),避免 1 px 縫隙。
有機無縫 (花紋/紋理/插畫風)
- 繪製超出邊框的完整元素 → 矩形背景法定義 → 進入隔離模式微調跨邊元素銜接 (對稱複製/路徑修剪) → 退出重新定義。
- 或使用「圖案選項」面板 (CS6+) 即時預覽編輯 (本教程為 CS5 版本,故以傳統流程為主)。
複雜多層無縫 (多色/多元素/疊加關係)
- 圖層分組管理:背景層、主體層、裝飾層、高光層。
- 逐層構建 → 合併為單一拼貼群組 → 矩形背景法定義。
- 善用「外觀面板」在單一物件上疊加多重圖案填充 (不同縮放/旋轉/混合模式) → 以少勝多構建豐富視覺。
專業級無縫圖案檢查清單
- ☑ 拼貼邊框為矩形、無描邊、無填色 (或僅作定位用)。
- ☑ 所有跨邊元素左右/上下邊緒完美銜接 (對稱/延伸/截斷一致)。
- ☑ 無漸層網格、無引用其他圖案、無未擴展的複雜效果。
- ☑ 色板命名規範:`專案代碼_類別_描述` (如 `PKG_幾何_六角蜂巢_深藍`)。
- ☑ 測試:新建大矩形填入圖案 → 縮放/旋轉/移動 → 無明顯縫隙/色帶/異常。
小結
無縫圖案 =「精確邊框 + 銜接邏輯 + 乾淨結構」。掌握「矩形背景法」這把萬能鑰匙,配合外觀面板疊加策略,即可構建企業級圖案資產庫,賦予任何平面設計豐富肌理與品牌識別度。