[繪圖教程] Illustrator漸變網格工具不完全手冊【轉】

漸變網格（Gradient Mesh）工具是Illustrator中最神奇的工具之一，它創造性的把貝賽爾曲線網格和漸變填充完美的結合在一起，通過貝賽爾曲線的方式來控制節點和節點之間豐富光滑的色彩漸變，形成的華麗效果讓人驚嘆不已，堪稱矢量軟件繼混疊（blending）之后一個重大的發展。

    漸變網格初體驗

    Adobe公司對它的漸變網格工具有絕對的自信，大家熟悉的Illustrator9.0和10.0兩個版本的啟動畫面中，海上維納斯的頭像都是用Gradient Mesh工具來繪制的，并且效果越來越精致。

    一、理解漸變網格
    一個完整Gradient Mesh物體是由網格點和網格線組成的，四個網格點組成一個網格片；非矩形物體的邊緣3個網格點就可以組成一個網格片。每一個網格點之間的色彩柔和地漸變過渡……
　　
    二、漸變網格物體的創建方式

    嚴格說來，漸變網格物體都是由其他物體轉化而來的。未封閉的開放路徑在轉換后自動變成封閉圖形。和cd不同，在Illustrator里面這種轉變是一個不可逆的過程，一旦轉化就無法再恢復為普通物體……
       1、使用Gradient Mesh工具創建漸變網格物體
　　2、用菜單命令創建漸變網格物體
　　3、由漸變填充創建漸變網格物體
　　
    三、漸變網格物體的修改

　　1、增加和減少網格密度
　　2、網格點和線的編輯
　　
    四、漸變網格對象的顏色調整

　　1、調節顏色調板給網格點或網格單元中調節顏色
　　2、使用拖放的方式向網格點或網格單元中加入顏色
　　3、使用顏料桶給網格點或網格單元上色
　　4、用吸管工具給網格點或網格單元上色
　　5、使用顏色濾鏡改變網格點的顏色
　　
    五、實例剖析

　　我們以范例中的葉片為例說一下漸變網格工具的具體使用。
　　
    六、技巧總結

　　您可以創建一個基于任何路徑對象或任何位圖圖象（如從 Adobe Photoshop 中導入的照片圖象）的網格對象。創建網格對象時，應牢記如下一些重要的指導原則……

　　作者的話：本文寫得較為倉促，mesh tool又是AI中最難掌握的工具之一，所以越鉆研越覺得其中奧妙無窮，文中所述實在是無法面面俱到，更多的技巧還需要我們用更多的時間慢慢發掘，所以我將其稱為“不完全手冊”，希望各位同好和我一起探討。

    （Gradient Mesh）工具是Illustrator中最神奇的工具之一，它創造性的把貝賽爾曲線網格和漸變填充完美的結合在一起，通過貝賽爾曲線的方式來控制節點和節點之間豐富光滑的色彩漸變，形成的華麗效果讓人驚嘆不已，堪稱矢量軟件繼混疊（blending）之后一個重大的發展。
　　Illustrator 8.0第一次引入這個工具便引起競爭對手corel公司的極大關注，于是在Coreldraw9中也緊接推出了與之相抗衡的meshfill填充工具。但也許是由于算法的差異，雖然Coreldraw的meshfill歷經兩個版本的改進，在操作性能上要比Illustrator方便一些，但Coreldraw在漸變的方向線上總是出現難看的菱形紋，在漸變的效果上來說還不夠完美，成為CorelDraw fans心中一個說不出的痛。

       Adobe公司對它的漸變網格工具有絕對的自信，于是在Illustrator9.0和10.0兩個版本啟動畫面上，海上維納斯的頭像都是用Gradient Mesh工具來繪制的，并且效果越來越精致。




　　Illustrator 10.0頭像旁邊那朵漂亮小花的原文件就收錄在Illustrator安裝目錄下的sample arts目錄中，你可以看看它令人驚嘆的精美效果。

小花的全圖

　　其中復雜的花蕊部分，竟然只用一個Gradient Mesh物體就可以繪制出來，如果采用以前的blending方式，可是一件非常復雜的工作。
花蕊特寫
Gradient Mesh特寫



　　畫一個橢圓，隨便填充一個顏色，然后從工具箱中選取漸變網格（Gradient Mesh）工具，在橢圓內部點擊一次，兩次，這樣我們就產生了一個標準的Gradient Mesh物體。

　　圖：一個簡單的漸變網格物體。

　　一個完整Gradient Mesh物體是由網格點和網格線組成的，四個網格點組成一個網格片Gradient patch，當然，在非矩形物體的邊緣，3個網格點就可以組成一個網格片。我們可以看到每一個網格點之間的色彩是怎樣柔和地漸變過渡的，網格點和網格點上手柄的移動會影響顏色的分布。


    圖：漸變網格物體的結構圖

　　a 是一個在邊緣的網格點，由于未被選中，現在事一個空心的菱形；
　　 b 是在物體內部的網格點，因為正處于被選定狀態，所以是一個實心的菱形，四周出現了和貝賽爾線一樣的調節手柄；
　　c 是網格線；
　　d 是一個標準的4個點構成的網格片；
　　e 是路徑的節點，一個小方塊，注意它和網格點在形狀上的區別。
　　網格點和原物體的節點很相似，但是它們在形狀和本質上都是不同的。網格點的形狀是菱形方塊，而物體路徑的節點是正方形方塊，并且不能被填充顏色。網格線和貝賽爾線路徑相似，同樣每一個節點都有兩個控制手柄，但在交叉的網格線會有相互交叉的4個手柄，它可以在4個方向上控制色彩過度的方向和距離。

第1頁：導讀部分第2頁：漸變網格初體驗第3頁：一、理解漸變網格第4頁：二、漸變網格物體的創建方式第5頁：三、漸變網格物體的修改第6頁：四、漸變網格對象的顏色調整第7頁：五、實例剖析 　　二、漸變網格物體的創建方式
　　嚴格說來，漸變網格物體都是由其他物體轉化而來的。未封閉的開放路徑在轉換后自動變成封閉圖形。和Coreldraw不同，在Illustrator里面這種轉變是一個不可逆的過程，一旦轉化就無法再恢復為普通物體，所以你可能需要復制一個做為備份。


    　1、直接使用Gradient Mesh工具創建漸變網格物體
　　把Gradient Mesh工具放在均勻填充物體上，光標就變成 形狀，在物體上面點擊，就把它轉化為一個最簡單的漸變網格物體。如果在圖形的邊緣點擊鼠標，路徑上的節點就變成了可以填充的網格點；如果在圖形內部點擊，點擊的地方就出現網格點和交叉的網格線，并且Illustrator會自動給網格點填上當前的前景色。（如果你不想讓它自動填充，可以在點擊的時候按住shift鍵。）這樣，通過點擊，你就可以決定網格的數量和密度。
　　如右圖： a、b、c三個點都自動填充了當前的前景色：白色。d、e兩個點是按住shift鍵點擊的，所以保持了原有的漸變過渡。
　　2、用菜單命令創建漸變網格物體
　　選中一個物體，選擇菜單：對象 >創建漸變網格，彈出創建漸變網格物體對話框。

下載 (14.63 KB)

　　在“行”文本框中輸入應用于對象的水平網格線的數目。
　　在“列”文本框中輸入應用于對象的垂直網格線的數目。（行和列的數值范圍在1－50之間。）
　　“外觀”可以創建簡單的高光效果。選項如下：
　　　　“平淡色”將對象的原始顏色均勻的應用于表面，沒有高光效果。
　　　　“至中心”，創建一個位于對象中心的高光。
　　　　“至邊緣”，創建一個位于對象邊緣的高光。
　　“高光”，用百分比決定高光的亮度，默認值是100％：白色。
　　選中預覽可以預覽創建的效果。


　　3、由漸變填充創建漸變網格物體
　　Illustrator中的漸變填充物體（線性和放射性）可以完美的轉化成網格填充物體。這說明漸變填充和網格填充有很相近的親緣關系。這種轉變往往可以產生由創建漸變網格命令和漸變工具難以達到的漸變填充效果。
　　選定一個漸變填充物體，選擇菜單對象＞擴展命令，彈出擴展命令對話框。

下載 (17.38 KB)

　　在（將漸變擴展為）選項中選擇漸變網格。點擊ok之后漸變填充物體就變成了漸變網格物件。


　　通過上述方式創建的漸變填充物體，需要漸變填充工具進行進一步的調整。

　　1、增加和減少網格密度
　　用漸變填充工具在物件內部點擊，就可以增加網格點以及和它相連的網格線。在填充復雜的區域需要較多的網格線來控制。


選用漸變填充工具，按住Alt鍵點擊網格線就可以把網格線刪除，如果在網格點上點擊則可以一次刪除該網格點相連的網格線。
　　2、網格點和線的編輯

　　漸變填充網格和貝賽爾線的調整方法非常的相似。你可以使用使用Gradient Mesh工具、直選工具（白箭頭）、節點轉換工具來對它進行調整。
　　漸變填充工具一次只能選定一個網格點，因此如果要選擇和移動多個網格點，建議切換到白箭頭工具來進行操作。
　　你可以移動單個或多個網格點，按住shift鍵可以**它沿著網格線移動。用白箭頭在網格片上點擊，可以選中整個網格片，就可以一次移動網格片上的4個或者3個節點。



　　選中的網格點會出現它的調節手柄，和貝賽爾線的調節方法相似，你可以通過拖動節點和手柄來調節曲線的形狀和色彩的過渡變化。
第2頁：漸變網格初體驗第3頁：一、理解漸變網格第4頁：二、漸變網格物體的創建方式第5頁：三、漸變網格物體的修改第6頁：四、漸變網格對象的顏色調整第7頁：五、實例剖析第8頁：六、技巧總結 　　四、漸變網格對象的顏色調整
　　1、調節顏色調板給網格點或網格單元中調節顏色

　　使用漸變網格工具或直接選擇工具選擇網格點或網格片之后，拖動顏色調板上的滑塊調節顏色，新產生的顏色會立刻在網格點上反映出來。點右上角的三角形可以選擇你喜歡的調色模式：CMYK/RGB/HSB。一般來說，HSB模式（色相－飽和度－亮度）比較符合我們的調色習慣。但是CMYK/RGB模式也有好處，你在拖動其中一個滑塊的時候按住Ctrl或者Shift鍵就可以使全部滑塊同時按比例移動，就可以不改變色相的基礎上提高或者降低亮度。

下載 (13.27 KB)

　　2、使用拖放的方式向網格點或網格單元中加入顏色
　　顏色調板中調節出的顏色和色板中的顏色都可以用鼠標拖放的方式拖放到網格點或者網格片上，對它進行著色。

下載 (12.54 KB)

　　3、使用顏料桶給網格點或網格單元上色
　　選擇顏料桶工具在網格點或網格單元上點擊，給它填充前景色。


　　4、用吸管工具給網格點或網格單元上色

下載 (9.53 KB)

　　使用漸變網格工具或直接選擇工具選擇網格點或網格片之后，切換到吸管工具，你就可以在屏幕上已有的填充物體上任意吸色，吸取的顏色會自動應用到網格點/網格片上。
　　你可能會發現似乎無法吸取漸層網格物體或者漸變填充物體上的顏色。不要緊，按住shift鍵進入強制吸色模式，你就可以在屏幕上任意吸色了。這種方法可以選擇許多復雜微妙的色彩變化。
　　在使用中發現，使用吸管工具是漸層網格物體最實用的填色方法。因為吸管工具按住ctrl鍵可以切換到白箭頭選擇和調節網格點和網格片。吸取到顏色之后按住alt鍵可以切換到顏料桶工具填充其他的部位，真是左右逢源，方便極了。

5、使用：濾鏡>調整顏色 改變網格點的顏色

　　這是比較另類的調色方法了，不過在對多個不同填色的節點同時進行色彩傾向調整的時候倒是非常有用。

下載 (25.25 KB)

　　選擇一個漸層網格物體或者選中其中的部分網格點或網格片之后，選擇菜單“濾鏡/顏色/調整顏色”,會彈出調整顏色對話框，出現的是你當前色彩模式CMYK/RGB的調節滑塊，選中預覽，可以實時預覽調節的效果。

　　如圖是對4個網格點應用了色彩調整濾鏡的結果，你可以看到幾個網格點的色彩已經明顯發生了變化。

下載 (9.39 KB)

　　我們就以范例中的葉片為例說一下漸變網格工具的具體使用。

圖例 說明 1、用鋼筆工具繪制葉片的外形路徑。



2、用調色板填充一個比較深的綠色。



3、試著用漸變網格工具給它加上漸變網格。




我們發現不管怎么努力，都無法按照葉脈的方向建立網格。我們只好采取一些措施。
4、用選取工具對葉片進行旋轉。盡量使葉片的兩個尖角都位于同一條水平線上。  

下載 (54.7 KB)

5、好了，點擊右鍵，在彈出菜單中選取“變形>重置定界框”。



6、復位后的綁定框應該是這個樣子。




7、現在再用漸變網格工具給它增加網格試試。太好了，新增加的網格線和葉脈的方向完美的吻合在一起。




這也說明，Illustrator是按照綁定框的方向來建立漸變網格的。因此，當你發現無法建立合適方向的網格線的時候，不妨試試給綁定框換一個方向。



8、繼續建立網格線。


點擊的時候按住Shift鍵，可以以避免改變填充色。


9、給葉脈填充較明亮的黃綠色。



10、繼續建立網格結構。


之所以不是一次就建立所有的網格線，是因為太多的網格點反而增加了填充的難度。


11、選擇葉片上半部中間的三個網格點，在調色板上調一個較亮的顏色。


如果你的調色板使用CMYK或者RGB模式，那么你在拖動其中一個滑塊的時候按住Ctrl或者Shift鍵就可以使全部滑塊同時按比例移動，就可以不改變色相的基礎上提高或者降低亮度。


12、同樣的，提高下半部的亮度。


在顏色上和上半部有所區別，稍微偏一點天藍色。


13、選擇相應網格點，降低上半部邊緣的亮度。


14、用快捷鍵ctrl H隱藏網格線，查看填充的效果。



15、按住空格鍵＋Ctrl,切換到放大鏡工具放大視圖，用白箭頭工具移動末端的節點，調整出葉柄的形狀。




16、好了，縮小來看一看。



17、選中下半部邊緣的網格點，降低它的亮度，增加葉片的立體感。




18、好了，我們的葉片已經大功告成了。


但是總覺得還是少了點什么東西。



19、哈，就是一點點陰影。



　　您可以創建一個基于任何路徑對象或任何位圖圖象（如從 Adobe Photoshop 中導入的照片圖象）的網格對象。創建網格對象時，應牢記如下一些重要的指導原則：
　　1、您不能從復合路徑、文本對象或置入式 EPS 文件中創建網格對象。

　　2、一旦網格對象已經創建，將不能還原成路徑對象。

　　3、轉換復雜對象時，請使用“創建漸層網格”命令以獲得最佳效果。

　　4、轉換簡單對象時，使用漸變網格工具或使用“創建漸層網格”命令都可以。如果您想要在某一特殊點加上高光，請使用漸層網格工具，在您想要高光顯示的點上單擊。
　　5、用漸變網格工具增加網格點時，如果不想改變點擊區域原有的色彩，記住按住shift鍵。
　　6、為確保在正確的方向上建立網格線，點擊右鍵，在彈出菜單中選取“變形>復位綁定框是一個有用的技巧。

　　7、要使用普通模式的網格點和網格線創建網格對象，請使用“創建漸層網格”命令。
　　8、轉換復雜對象時，Illustrator可能會加入隱藏的定位點以保持線形。如果您想要編輯、增加或刪除一個或多個這種定位點，請使用鋼筆工具中的“增加定位點”工具或“刪除定位點”工具。總之一定要注意區分定位點和網格點。

　　9、要改善重畫的性能和速度，請盡量保持網格對象的大小為最小值，即將復雜的漸變網格分割為幾個小的簡單的漸變網格，避免復雜網格對象降低運行性能。


軒軒友情提示：
    我個人很喜歡AI中網格功能繪制出來的矢量漸變效果，但達到不了靈活運用，這篇東東是在網上搜到的較全的基礎類教程，圖文相結合，簡單易懂，其中，由于原作者的AI版本是英文版的，我怕大家學習起來會不太方便，就把部分截圖用CS2版本的調整了一下，文章中如有部分文字沒有調整過來，請大家用你們智慧的小腦瓜靈活理解一下！
    希望這篇東東能給我以及AI操作者以提高，更好的運用這強大的矢量軟件吧！