AI中使用漸變網格工具的技巧

導言：

在Adobe Illustrator中，最讓人驚歎和最讓人困惑的工具之一可能就是漸變網格工具了。使用這個工具可以使幾乎任何一個形狀都能轉換成網格的形式。2條線（水平/垂直）的每一個交叉點可以填純色。並且這篇教程比起其它的教程來，它的差異在於能夠幫助你更好地使用網格工具。

在本教程中，我們將教你運用一些技巧，使你能夠更好地使用網格工具。我們還會教你一個不錯的工作流程，使你能夠運用這個工具得到出色的作品。我們先來看看帶網格靴子文件裏創建的圖層。好了，讓我們開始吧！

我要謝謝Itai Lustgarten，和我一起編寫本教程。Itai是一位資深的CG，設計師和講師。我們1990年入行，在培訓學院和以色列的幾個專科院校裏教授Illustrator、Photoshop和印前技術。

教程細節

軟件：Illustrator

難度：初級

完成時間：1個小時

步驟1

創建基本的網格：選擇一個形狀後（非複合形狀），從對象菜單中選擇創建漸變網格。然後在創建漸變網格窗口中，你可以定義網格的構成-行數和列數。注意：網格線是依據形狀的原外觀輪廓生成的。

圖01 

步驟2

添加網格點的另一個方法是使用網格工具，然後在形狀的任一位置上點擊。（圖02）

圖02 

步驟3

給網格上色：形狀轉換成網格對象後，你可以使用3種工具選擇網格點：網格工具，直接選擇工具，套索工具。選中一個網格點後，然後從色板調板裏選擇一個顏色上色。或者使用吸管工具吸取圖片上的顏色。（圖03）

圖03#p#e#

步驟4

移動網格點：如果你要移動網格點，那麼選擇網格工具或者直接選擇工具，然後點中網格點，並且拖拽（按住Shift鍵將使拖拽的網格點水平或垂直平移）。（圖04）

圖04 

步驟5

形狀網格：為了得到最佳的網格效果，一種方法就是使用對稱的形狀，因為形狀每一條邊上的網格點的數目是相等的。但是當我們要繪製複雜的形狀時，就會產生問題。下圖是非對稱形狀和對稱形狀的效果圖。解決的方案有2個。第1個是繪製一個矩形或者一個橢圓，把它們轉換成網格對象，然後把它們變形扭曲成我們想要的形狀。第2個解決方案是再另外繪製一個對稱的形狀，不對稱的形狀在另一個對稱的形狀的上麵。（譯者注：我略說一下第2個方案的操作步驟：1、對稱的形狀轉換成網格對象；2、不對稱的形狀在對稱形狀的上層（圖層堆棧順序）；3、選中這2個形狀，然後執行剪切蒙版命令。這個方案是利用網格線生成的特性來做一個變相的調整。）（圖05）

圖05 

步驟6

置入圖片：這裏下載軍靴圖片。當要把圖片置入係統時，最好就是以模板的形式置入，模板圖層不使用變暗圖像。（譯者注：文件“菜單->置入”，置入時選中“模板”。然後雙擊模板圖層，把“變暗圖像”前的勾去掉。）（圖06）

圖06#p#e#

步驟7

預覽和輪廓：在做圖的時候必須要在預覽和輪廓視圖裏來回地切換。當要創建網格時，80%的情況下都要切到輪廓視圖下。下圖是輪廓視圖下靴子的成品圖。（圖07）

圖07 

步驟8

創建過程：把圖片分成幾個層是很重要的。你可以把鞋帶、鞋底和其他的一些單獨放在一個圖層上。我們先從鞋底開始創建，雙擊"圖層1"，並且把它重命名為“鞋底”。（圖08）

圖08 

1）在鞋底的左邊繪製一個矩形（把視圖模式改為輪廓）。（譯者注：為了能看清模板圖層上的靴子，我們隻要把鞋底圖層的視圖模式改為輪廓。按Ctrl鍵+點鞋底圖層前的眼睛。如果要切換回預覽模式，操作也是一樣的。）（圖09）

圖09 

2）使用網格工具（U），在原矩形4個錨點中的任一一個錨點上點一下。這將把矩形轉為網格對象，並且不增加任何無用的網格線。（圖10）

圖10#p#e#

3）使用網格工具，把矩形右麵的2個錨點移到鞋底右邊。然後用錨點上的控製手柄微調下形狀，使它和鞋底的形狀相匹配。（圖11）

圖11

4）注意顏色的過渡，你在網格中添加的任何一條水平/垂直線，顏色都是在這2個網格點間過渡。使用網格工具（U），在底部的網格線上點擊，然後就添加了一條垂直的網格線。把新添的網格點向下拖拉，使它適合鞋底的外形輪廓。新添的上麵的網格點也相同的操作。（圖12）

圖12 

5）繼續調整到我們想要的形狀。在網格底部的水平網格線上繼續添加網格點，使網格完全匹配鞋底形狀。（圖13）

圖13 

6）添加好網格點後，現在使用吸管工具吸取原圖片的顏色給網格上色。選擇每1個網格點，然後使用吸管工具（i）吸取原圖片的顏色給網格點上色（使用吸管工具的時候把模式切到輪廓視圖）。（圖14）

圖14#p#e#

7）仔細看顏色之間的轉換。先看下顏色和顏色之間的差異，然後再給網格點上色。（圖15）

圖15

8）看下水平網格線，然後沿著顏色轉換的形狀來移動網格點。（圖16）

圖16

9）這一步我們先暫停下，先來看下顏色的過渡。不管你使用什麼樣的顏色過渡，這兒你都需要添加更多的網格點-所以在做顏色過渡時，建議在輪廓模式和預覽模式之間來回切換。（圖17）

圖17

剛才做的所有的一切隻是為了給網格點上色。當你完成前麵的步驟後，新建1個圖層，再做另一個網格形狀。下圖是鞋頭和鞋底的特寫。（圖18）

圖18

尾聲：

創建網格的時候，耐心很重要，有了足夠的耐心，你才能繪製出完美的作品。還有要記得一點，在創建網格的時候，最好就是建立對稱的形狀。最後的設計稿在這裏下載。有興趣的話，自己多做些技術練習。