AI中創建精美無縫圖案的方法

導言：

Adobe Illustrator中的圖案會讓你的複雜的設計工作變得更加輕鬆，並且所得到的結果也是非常棒的。而每一個專業的設計師肯定也都或多或少了解一些無縫圖案使用上的一些技巧和細節，也肯定或多或少知道一些無縫圖案製作上的很多方法。在本教程中，我會詳細解說關於Adobe Illustrator中的圖案，並且也會詳細地告訴你無縫圖案創建上的很多已知的方法，從簡單到複雜。

軟件：Adobe Illustrator CS3

難度：初級-中級

預計完成時間：30-60分鍾

我知道有很多讀者都用到過Illustrator裏的圖案，但是我也知道有一些用戶隻知道圖案創建的第一步，所以本教程對於這2種類型的用戶群體來說，是會有幫助的。我們會從最基礎的開始說起，然後再說複雜的。這篇教程包括三個章節：圖案的基本原理、保存圖案和創建無縫圖案。好了，讓我們開始吧！

一、理論：了解基本原理

我想先說理論比較好。你們中，如果有人是剛剛接觸Illustrator的話，那麼你就可以先從基理開始了解。而Illustrator的專家可以跳過這一章節，直接進入到“保存圖案”或者“創建圖案”章節。

1、什麼是圖案？

在Adobe Illustrator中，圖案起到了一種修飾美化設計作品的用途。對象可以是圖案填充（三種填充類型中的一種），也可以是顏色填充和漸變填充。圖案也可以是2種描邊類型中的一種——也可以是顏色描邊。除上之外，圖案也可以是圖案畫筆的基本雛形。這三種圖案的表現形式足夠證明對於設計師和Illustrator用戶來說，它是必不可少的工具。

2、圖案解析

簡單地說，圖案就是包含矩形邊框（矩形拚貼）的矢量對象組，原拚貼保存為一個圖案。建立的無縫圖案，保存的源，它是自動水平垂直拚貼應用於對象的。

拚貼的方向在Illustrator文檔中是有規律的——通常都是圖案的左下角起。而其中有意思的是，圖案，不管是填充也好，描邊也好，應用的結果得到的都是像素圖片。然而，原拚貼卻是矢量的，但是它還是可以隨意縮放，所以你不用擔心圖片的質量。（圖01）

圖01 

3、找到相應圖案

我們就要自定義圖案了，但是在這之前我要先確認一下，你是不是已經研究過Illustrator裏那些默認的圖案了。Adobe Illustrator裏有很多各種類型的默認庫，比如：顏色和漸變色板庫，比如符號庫，比如畫筆庫和比如圖形樣式庫。當然也有圖案庫，有簡單的圓點到複雜的鱷魚皮。都打開看看，執行“窗口菜單->色板庫->圖案”，選擇你想要調用的庫。

有的時候，可能還要導入其它的圖案庫，例如：從網上下載。導入，執行“窗口菜單->色板庫->其它庫”，選擇保存在你硬盤上的文件（擴展名.ai）。通常，當你使用的是其他庫裏的色板時，該色板就會自動顯示於色板調板裏。你也有可能隻想顯示色板調板裏的圖案色板——在色板調板中，單擊最底部的“顯示圖案色板”圖標。（圖02）

圖02 

4、研究學習圖案

我建議你先研究學習Illustrator中的默認圖案。你可以把你自己感興趣的圖案拖移到畫板。這對於了解學習圖案是有一定幫助的。你會看到建立的原始拚貼——由重複的對象組建立的無縫拚貼。當你了解到複雜圖案的組成時，你會覺得那是件非常有趣的事。同時，這也有助於我們後來要建立的圖案。（圖03）

圖03#p#e#

5、圖案填充

在Illustrator中圖案填充是很簡單的——圖案填充應用於對象。一個對象，可以使用幾種填充，通過借助外觀調板（Shift+F6），組合使用各種類型的填充（顏色，漸變和圖案）。你也可以給外觀調板裏的填色設置一個混合模式，並且更改透明度調板（Shift + Ctrl+ F10）裏的不透明度。

你可以使用下述方法進行圖案填充的變換——移動、縮放、旋轉、鏡像對稱等等（包括對象變換或者對象和圖案同時變換）。操作：選擇其中一種變換工具，例如：選擇旋轉（R），按回車鍵，並且選中你想要變換的選項——或者是圖案，或者是對象，或者2個都是。（圖04）

圖04 

6、圖案描邊

圖案描邊在Adobe Illustrator中是2種描邊類型中的一個。如圖案填充，你可以利用外觀調板，把圖案描邊和顏色描邊組合起來。你也可以更改它的不透明度和它的混合模式。

關於圖案描邊的變換，你也可以使用旋轉、移動、或者縮放工具，也可以是變換圖案，變換對象，或者是變換圖案和對象。如果你希望所有描邊的效果是隨對象同時縮放的，那麼在變換調板的彈出式菜單中選中“縮放描邊和效果”。（圖05）

圖05 

7、圖案畫筆

另一種圖案的表現形式是圖案畫筆。Illustrator中有很多默認的圖案畫筆，你可以選擇“窗口菜單->畫筆庫->邊框_畫筆”，選擇你要打開的庫。圖案描邊可以應用於路徑，或者你也可以使用畫筆工具（B）直接繪製。

你還可以使用色板調板中的圖案色板來自定義圖案畫筆——在畫筆調板（F5）中單擊新建圖標，選擇畫筆類型，選擇邊線類型，然後從列表中選擇圖案。再調整其它設置，你的筆刷就準備就緒了。你也可以通過繪製各個圖案來添加另一些類型的拚貼，如：內角拚貼和外角拚貼或者起點拚貼和終點拚貼，然後按住Alt鍵，把它們拖拉到現有畫筆相應的位置。或者，你可以從色板調板的圖案列表裏選擇。（圖06）

圖06

二、重要！保存圖案

好了，現在我們了解了什麼是圖案，並且知道該如何使用它們了。剩下的，Illustrator無縫圖案裏重要的一點是我們可以自己製作它並且把它保存為圖案色板。在我們開始創建無縫圖案的主要章節以前，我想先確認你了解了正確地保存圖案的方法。下麵我就你關心的問題作一下說明。如果你已經知道了正確保存圖案的方法的話，那麼你就可以直接進到“創建圖案”的最後一節。

1、定義圖案

在Adobe Illustrator中定義圖案：首先，你應該先繪製源拚貼，而水平和垂直上重複的拚貼組成一個無縫紋理。不管怎麼樣，你都要先繪製對象建立圖案，然後保存。對象或者對象組保存為圖案色板：直接把它拖拉進色板調板中。

給圖案色板取一個合適的名字是一個很好的習慣：雙擊色板重命名。

保存圖案的另一個方法是選擇所有的對象，然後執行“編輯菜單->定義圖案”，這個方法可以立刻修改名字。（圖07）

圖07#p#e#

2、局限性

實際上，圖案是由各種各樣的對象組成的，包括符號、漸變、畫筆、混合和網格。但是這裏你要注意的是你不可以保存帶有網格的拚貼。因為在我們繪製圖案的時候，我們會經常使用到網格，所以你千萬不要忘記在保存之前刪除它們。並且你也不可以保存應用了圖案色板的拚貼。還有，在一個圖案拚貼裏也盡量不要使用複雜的效果，因為在有些情況下，它的結果是無法預料的。（圖08）

圖08

3、剪切拚貼

在我們學習無縫圖案的建立以前，我想我們必須先知道剪切拚貼的幾個方法。我們繪製的對象基本上不會是一個矩形或者是一個正方形，而定義精確圖案邊框的方法是可以避免這一問題的出現的。下麵介紹三個主要的剪切圖案拚貼的方法：

1）矩形背景——這個方法是矩形置於所有對象的底層，並且所有的元素都包含於它的邊框內。（圖09）

圖09

2）分割對象——剪切圖案：在所有對象的頂部繪製一個矩形，大小同拚貼。現在你有2個選擇：1、選擇所有的對象，單擊路徑查找器調板中的裁剪按鈕。2、選擇頂層的矩形，然後執行對象菜單>路徑>分割下方對象，刪除不需要的部分。最後保存剪切圖案。（圖10）

圖10

3）無填充無描邊邊框——這個方法是最高級的，也是最常用的。繪製一個矩形，大小同拚貼，無填充，無描邊（如下所示的暗色矩形），並且把它置於所有對象的後麵（Shift+Ctrl+[）。這個無填充無描邊的矩形就定義了圖案的邊框，這個方法你可以不需要使用分割對象。（圖11）

圖11

4、透明和混合

如果拚貼裏的對象，你使用了混合模式或者不透明度的話，那麼建立的圖案也會應用生效，但是應用了這類圖案色板的對象隻是在有些背景顏色上效果才會顯得比較突出。如果得到的結果是你想要的話，那麼你可能想要保存它。如果你想調整它的話，那麼我建議你背景還是使用固定的顏色，或者你也可以把所有的對象轉化成拚合的顏色和100%不透明：選擇拚貼對象，然後執行“對象菜單->拚合透明度”，調整設置。你可以勾選“保留Alpha透明度”，可以把帶有混合模式的對象轉換成拚合的顏色，並且保留原來的不透明度。或者勾選“保留疊印和專色”（選項用於100%不透明形狀）：所有的元素轉換為100%不透明。你可以自己選擇其中一個方法來解決透明問題，可以把對象轉換成拚合的顏色，也可以把對象轉換成100%不透明形狀（或者2個都是）。（圖12）

圖12

例如，後麵的實例，我繪製的圖案，就會用到混合模式和不透明度。你可以繪製你喜歡的對象，但是這裏我要教給你一個其它的效果非常棒的技術——如果你想學的話，我會一步一步地教給你。對於下圖所示的圖案，我都是利用鍵盤上的波浪符號（~）和對齊網格（Shift+Ctrl+’）選項畫的。#p#e#

繪圖：使用任一一個形狀工具（矩形、星形、螺旋），然後按住~鍵繪畫對象。這個方法我們會得到很多的對象副本，在繪畫的時候，我們可以縮放和旋轉它們。如果你要使結果看上去更加地舒服的話，你可以執行首選項>參考線和網格（Ctrl+K）調整網格大小，然後打開網格（Ctrl+’）和對齊網格（Shift+Ctrl+’）。

選擇繪製的對象，降低它們的不透明度，更改顏色和更改混合模式。你也可以嚐試著使用與~鍵相關的輔助鍵，比如Alt鍵是從中心出發的，比如Shift鍵是約束比例的（或者你可以2個一起用），得到的結果會是非常有趣的。在繪畫的時候，你也可以使用空格鍵來移動形狀。然後你可以把得到的形狀組合為很多不同的抽象圖形，然後複製並且變換它們。（圖13）

圖13

圖示：

1）顯示網格並且對齊網格，按住~鍵繪製一個形狀，然後拖移。2）選擇所有的對象，降低不透明度約5%，設置混合模式。3）現在複製形狀並且旋轉、變換，調整位置。

三、實踐：創建無縫圖案

創建無縫圖案有很多的方法，我們會從簡單的開始，然後再說複雜的。檢驗圖案拚貼正確與否的最首要的原則是它的無縫性。這個意思是你建立的一個拚貼，不管你使用什麼樣的方法，拚貼邊框右邊的元素都要完美地正正好好地貼合拚貼邊框左邊的元素，而拚貼邊框頂部的元素也都要完美地正正好好地貼合拚貼邊框底部的元素。

不管使用什麼樣的方法，拚貼的圖案水平和垂直上都應該是無縫的。下麵我使用一些簡單的形狀來作一個說明。你可以在繪製複雜圖案的時候使用這些方法。下麵的實踐操作中，我會說一說我知道的所有的關於建立圖案拚貼的方法，從簡單的開始說，然後再說複雜的，包括精確的計算。

1、最簡單的方法

對象或者對象組是可以保存為一個圖案的，這是毋庸置疑的，即使它不是無縫的。我們先說創建圖案的簡單方法（至少是常用的）——繪製某一對象，並且把它拖移到色板調板裏。如果對象是一個矩形形狀的話，那麼圖案的建立就是正確的，因為圖案拚貼的邊框就是矩形的邊框。

如果對象不是矩形的話，那麼對象的定界框將是拚貼的邊框。這個方法，如果我們隻是把一個星形或者圓形保存為一個圖案的話，那麼得到的拚貼當然也還是矩形，空白的地方係統將會自動填充。當然，這也不是我們平時用到的，但是有的時候這種方法卻能做出很多很有趣的效果。（圖14）

圖14 

2、在背景內繪製

按照之前所述，圖案的定界框如果是矩形邊框的話，那麼保存的圖案就應該是正確的。

其中一個簡單的方法是：繪製一個背景矩形，顏色隨你喜歡，背景矩形的邊框就是拚貼的邊框。然後在它的上麵繪製對象，並且對象的位置在它的邊框內。係統將認為整個組的邊框就是拚貼的邊框，這樣子的話，拚貼的邊框就是背景矩形。確認建立的拚貼是正確的或者圖案是無縫的，我們必須把所有的對象都調整到背景邊框內。然後把整個組保存為一個圖案，然後查看結果。（注：如果背景你希望是透明的話，那麼你可以先調整好對象的位置，然後使用無填色無描邊邊框的方法來剪切拚貼。這種方法，所有的元素都將在一個透明的背景上。）（圖15）

圖15

3、鏡像對稱

另一個值得一提的效果非常不錯的方法是鏡像對稱。它的基本思想是繪製一個對稱的圖案。對稱是一種和諧的構圖技巧，對稱的圖案通常會令觀者感到愉快，那是因為我們對對稱的東西有著某種鍾愛。繪製對稱：繪製一個矩形背景拚貼，然後在它的上麵繪製對象。這裏我繪製了一個簡單的數字聲波隻是為了向你說明對稱的概念。對象的位置調整到與拚貼邊框的垂直邊線重合（如圖所示，邊框的右邊線）。然後移動和變換元素，直到得到你想要的，然後複製背景矩形（Ctrl+C），粘貼在前麵（Ctrl+F），然後把它置於頂層（Shift+Ctrl+]）。

選擇所有的對象，按路徑查找器調板（Shift + Ctrl+ F9）裏的裁剪按鈕——你將得到圖案的一半形狀。繪製另一半：選擇所有的元素，然後選擇鏡像工具（O），現在按住Alt鍵，在拚貼邊框的右邊線上單擊，選擇垂直軸，單擊複製。現在2個形狀就完美地組合為了一個形狀（你也可以根據你的需求，選擇水平軸）。（圖16）

圖16#p#e#

4、從結點出發

上麵的方法都是簡單的方法，但是它們做不出複雜的無縫紋理。有時候你需要從結點出發，繪畫的時候畫的不隻是一個拚貼，而是由很多拚貼組成的圖案。

為了說明這個方法，讓我們創建一個由六邊形組成的圖案。隨便說一下，六邊形是創建無縫圖案的一個絕佳的形狀，因為每一個六邊形都能完美地與另一個六邊形的邊線拚合，等邊三角形也是（事實上，很多正多邊形都可以創建出非常完美的無縫圖案，比如：一個正方形）。

為了創建這種類型的圖案，我們先要知道拚貼的原始圖形是怎樣的。我們可以先繪製一個有著重複元素的圖案模型。首先，借助鍵盤上的波浪線符號和對齊到網格選項來繪製疊加的六邊形，然後降低它的不透明度和設置混合模式為正片疊底。你也可以使用帶有描邊的單色六邊形，如果你使用的是這種方法，那麼你就應該閱讀上述關於如何處理透明和混合的章節。

現在，勾選對齊點選項（Ctrl+Alt+ "），並且打開智能參考線（Ctrl+U），將六邊形組多複製幾個以組成兩兩完美相貼的拚貼。你可以將視圖切換到輪廓模式（Ctrl+Y）以檢查相貼的邊線。當你有了很多的元素時，你就可以從中嚐試找到我們要創建圖案色板的一個拚貼。

現在你必須找到圖案的拚貼——重複元素的幾個結點構成了一個拚貼邊框。打開標尺（Ctrl+R），拉2根垂直參考線，以精確交叉形狀上的2個同類型點，現在再拉2根水平參考線（參照圖示），智能參考線可以幫助我們找到交叉點。在參考線內繪製一個矩形（如圖所示，我用較深色繪製的矩形），然後使用裁切或者不顯示矩形的方法來定義拚貼的邊框。現在你可以清除參考線，並且將整個疊加的對象保存為一個圖案，然後應用於任何一個形狀上。（圖17）

圖17

5、混合

這是對之前方法的另一個改進。有的時候，會需要用到這樣一種圖案：在不同位置上繪製同一對象，但是如果元素相互重疊的話，那麼拚貼的邊框就不會如上述所述六邊形那麼明顯了。

當元素要形成一個完美的排列時，混合工具就可以幫到我們。讓我們來創建一個類似鑲木地板的圖案。繪製一個小的矩形（M）——我使用的是50*10px，填充：你喜歡的任一顏色，旋轉：45度。

現在，按住Alt+Shift鍵，將副本移到右邊。現在同時選中這2個形狀，執行對象菜單>混合>混合選項，選擇指定的步數，輸入你想要混合的步數。這個數值根據你繪製的2個對象間的距離決定，我設置的是10。現在按Alt+Ctrl+B鍵建立混合。

下圖是同一對象組。你也可以選擇混合組，然後還是執行混合選項命令修改混合參數，或者雙擊混合工具圖標修改。

現在選中混合，選擇鏡像工具（O），然後按住Alt鍵在混合對象下的空白地方單擊一下，選擇水平軸選項，單擊複製按鈕。這時你將得到一個原混合對象鏡像後的副本。調整位置，以使它與第一行中間空出的位置相契合。之後你也可以更改它的顏色。

現在複製第一行的混合對象，然後把它向下拖移，並使它匹配第2行的混合對象（Alt + Shift+拖移）。

調整的話——你可以很容易更改這三個混合對象的混合參數。選擇它們，並且雙擊混合工具圖標。

當你滿意你的圖案時，你就可以找它的拚貼邊框了。打開標尺（Ctrl+R），拉2根垂直參考線，垂直參考線與相鄰2個矩形的同類型角點對齊。現在再拉2根水平參考線，水平參考線與2矩形的頂部的同類型角點和底部的同類型角點對齊。然後在所有對象的底層繪製一個不顯示顏色（無填色，無描邊）的矩形，隱藏參考線，保存圖案。這樣就完成了。（圖18、19）

圖18

圖19

6、智能參考線

有的時候，我們要創建由幾個對象組成的一個圖案，這時，我們要求拚貼邊框在一些元素上的位置非常精準。因此，我們需要在邊框線之間複製元素以精確位置。而如果借助參考線的話，這就是一件很容易的事了。首先，給圖案繪製一個背景矩形，然後填充你想要的顏色（如果你希望背景透明的話，那麼繪製一個矩形，然後按Ctrl+5把它轉化成參考線）。

現在，繪製你希望的圖案裏的對象，這樣，圖案就是一個對象組。在視圖菜單裏打開智能參考線或者按Ctrl+U。現在移動第一個對象，以使它的中心正好落在矩形邊框的左邊——智能參考線會有提示。然後Alt+Shift將對象拖移到右邊，並使它的中心落在矩形邊框的右邊。現在另幾個對象也是相同的操作——調整它們在矩形邊框上的位置，並且副本都是落在對立邊上。

你可以將對象放在矩形的邊線上，確認它的中心點落在邊線上，並且每一條邊線上再製作3個對象副本。還有放在矩形內的一些對象的位置可以隨意。當你得到你想要的結果時，你就可以製作出一個拚貼邊框了。

複製背景矩形，粘貼在後麵（Ctrl+C，Ctrl+B），在此之前，你先要將矩形參考線再轉化成原來的形狀（Alt+Ctrl+5）。確認在圖層調板中矩形副本在最底層，設置矩形副本為無填充、無描邊。現在你可以選中所有的元素，然後定義為一個圖案了。（圖20）

圖20#p#e#

7、計算

在很多時候我們使用到的無縫圖案都是隨機散布的對象。而之前的方法對於這類圖案是不適合的，這時，我們可以繪製一個可見的（有填充的）拚貼，並且矩形的邊線與對象的中心點重合。你也可以使用精確的計算來創建一個無縫圖案。首先，我們先要製作一個大小精確的背景拚貼，繪製一個矩形，填充顏色或者把矩形轉化為參考線。

你最好是直接輸入你想要的拚貼的寬度和高度來繪製。現在繪製圖案上的對象。當它們繪製完成時，把第一組對象移到矩形邊框底部的任一位置。現在選擇對象，使用移動工具（V），按回車鍵，現在在垂直字段內精確地輸入移動對象的數值——你拚貼的高度（水平是0），並且單擊複製按鈕。如果你忘了拚貼的高度或者是寬度的話，可以選擇背景矩形，然後打開變換調板——你可以看到W和H字段裏的數值。

調整第2個對象的位置，還是使用同樣的方法複製。對於對象移到右邊或者是左邊，我們將在移動窗口的水平字段裏輸入和拚貼相等的寬度，而對於對象移到底部或者是頂部的話，我們是在垂直字段內輸入拚貼的高度。當對象是移到左邊或者是底部的時候，我們輸入的數值必須是負數（比如：-200px）。你可以將對象組放在拚貼角上，那樣你水平、垂直複製後就有4個對象組了。

你也可以把一些對象放在拚貼的中心。現在你可以使用分割的方法或者是不顯示底部拚貼（背景矩形）的方法來定義拚貼邊框了，最後保存圖案即可。（圖21）

圖21

8、實時編輯修改

當我們創建一個圖案時，我們經常無法預料到最終的效果。然而確實有一種方法既可以模擬圖案的效果，也可以實時編輯修改。

首先，繪製一個有背景矩形（使用固定的寬高）和其它圖案對象的拚貼。將圖案對象調整到你滿意的位置，一些與拚貼邊線重疊（但是，不要在邊線的對立邊上建立副本）。現在群組所有的形狀。然後選中整個組，然後執行“效果菜單->扭曲和變換->變換”。這裏，在水平移動字段內輸入矩形的寬度，副本輸入2，然後確定。

還是執行同樣的變換效果，這時會提示你是否應用新效果，單擊應用。這時，在垂直移動字段內輸入矩形的高度（數值是負數），副本還是2，然後應用變換。現在你就得到一個3*3的正方形（模擬之後要創建的圖案）。然後調整左上角原群組內的對象位置。我們也可以打開外觀調板來編輯修改變換效果。（圖22）

圖22

現在你可以很容易地移動或者變換原群組內的任一一個對象，以使它達到我們所要求的效果！你可以選擇隱藏在直接選擇箭頭下的編組選擇工具（白箭頭旁邊有+號的符號），然後選擇群組內的每一個元素調整位置——這樣的更改效果將應用於9個拚貼。

如果元素是包含在各個群組裏的話，那麼當你使用編組選擇工具選擇它的時候，你就可能要雙擊。現在你把這個圖案裏的每個對象都調整到你覺得適合的位置，並且確定它們之間不會有重疊。當你覺得調整到了適合的位置時，你就可以定義邊框，並且保存它了。

現在你不要急著馬上擴展外觀！現在你要做的是繪製一個矩形，大小同剛建立的第一個拚貼，拚貼的選擇可以是圖案裏的隨便哪一塊，選擇好後將它置於底層，並且去掉填充，去掉描邊。然後保存為圖案色板，之後你把它應用填充於對象上，你就可以看到新建圖案的效果了。（圖23）

圖23

9、不規則紋理

這裏我想告訴你另外一種創建無縫圖案的方法，它對於不規則紋理的製作是相當有幫助的，比如磚形，比如畫布，比如砂岩石紋理。我們都可以利用刪格化濾鏡來製作。

首先繪製一個矩形，顏色可以是單色，也可以是漸變。然後選擇它，執行濾鏡菜單裏的刪格化濾鏡。關於使用什麼樣的濾鏡，你可以依據你個人的需求來做一個相應的選擇（可以是使用紋理類的濾鏡，比如：顆粒，比如：紋理化濾鏡），然後你可以根據你自己的需求來調整濾鏡裏的選項，最後應用它。完成後擴展外觀（對象菜單->擴展外觀）（譯者注：如果你使用的是濾鏡菜單裏的紋理的話，那麼你是不需要擴展外觀的。擴展外觀隻是針對在效果菜單裏的功能。）（圖24）

圖24

然後實時描摹（對象菜單->實時描摹），調整實時描摹裏的選項並且擴展群組。當然你也可以不擴展它，而直接在它上麵繪製一個無填充、無描邊的矩形拚貼邊框，然後把它置於底層（Shift+Ctrl+[），保存為圖案色板。