]]>
通過版面中一個一個有秩序的小格子，為內(nèi)容提供對齊和劃分版面比例的依據(jù)，并讓設(shè)計更具功能性、邏輯性和視覺美感，是非常實用的輔助設(shè)計的工具。
構(gòu)成網(wǎng)格的關(guān)鍵要素：版心、頁邊距、欄和欄間距
頁邊距與版心
頁邊距是指版面上下左右留“白”的范圍。
版心是指頁邊距所包裹的區(qū)域。目的是為了使內(nèi)容看上去處于安全范圍內(nèi)，也符合人的視覺習(xí)慣
注：所有元素都應(yīng)該在版心內(nèi)編排，但并不是絕對不能超出版心，在已有規(guī)則下，我們可以將部分重要性低的元素放置到版心之外，從而為畫面帶來動感與張力
欄和欄間距：
“欄”就是放置文字或圖片模塊的范圍，“欄間距”就是欄與欄之間的距離。
在建立好“欄”的標(biāo)準(zhǔn)范圍之后，主觀將元素和內(nèi)容進(jìn)行占比分配，根據(jù)實際需要跨欄應(yīng)用，讓排版更具靈活性。
在PS默認(rèn)的單位為“像素”，而我們做的海報、畫冊等印刷品使用的單位為“毫米”。所以要先執(zhí)行【編輯】—【首選項】—【單位與標(biāo)尺】，把“標(biāo)尺”單位改為“毫米”。
再執(zhí)行【視圖】—【新建參考線版面】”，分別設(shè)置列、行數(shù)、裝訂線（欄間距）、邊距。如本次我們要設(shè)置的是5X8，欄間距為5毫米、邊距為10毫米的網(wǎng)格：
新建好的網(wǎng)格如下：
（快捷鍵Ctrl+；可以顯示或隱藏網(wǎng)格）
在AI中沒有繪制參考線的命令，可以先使用“矩形工具”，繪制矩形邊框作為版心。
打開【對象】-【路徑】-【分割為網(wǎng)格】。點擊“預(yù)覽”，行的數(shù)量選擇8，欄的數(shù)量選擇5，間距選擇5，點擊確定后按“ctrl+5”,轉(zhuǎn)成參考線。
新建好的網(wǎng)格如下：
（快捷鍵Ctrl+；可以顯示或隱藏網(wǎng)格）
ID為專業(yè)的圖文排版軟件，在進(jìn)行書籍畫冊排版時，一般只設(shè)置豎向的分欄。在新建文件時，選擇“邊距和分欄”。
在對話框中分別設(shè)置邊距、欄間距和欄數(shù)即可：
然后執(zhí)行【版面】—【創(chuàng)建參考線】，
分別設(shè)置行數(shù)、欄數(shù)、欄間距：
設(shè)置好的網(wǎng)格如下：
（按W鍵可以隱藏或顯示網(wǎng)格）
設(shè)計時設(shè)置網(wǎng)格是為了幫助你讓頁面中元素布局更加規(guī)范且統(tǒng)一，易于用戶理解，靈活運用網(wǎng)格不僅不會限制編排形式，還會使版面變得更加清晰、生動、統(tǒng)一、有條理。
作者 | 鄧海貝
來源 | 藝海拾貝Design（ID：YHSBds）
100 McDonald’s Moments
King & Partners
Christian Weigel-Schwarzenberg
Jun Lu
Lucky Punk
Morgans Hotel Group
Fcinq
Patriarche & Co
Lundgren+Lindqvist
Northern Army
SilkTricky
RoomFive
Falcon White
VenhoevenCS
Copenhagen Art Festival
S18 Design
Unheap
Rosas & Co Films
]]>
Illustrator的漸變網(wǎng)格工具能產(chǎn)生更為自由和豐富的漸變色彩填充，其色彩過渡的表現(xiàn)非常出色，甚至成為許多設(shè)計師進(jìn)行藝術(shù)創(chuàng)作的主要工具。今天我們就來用這個神奇的工具繪制一個逼真的大蘋果。
網(wǎng)格工具（Mesh Tool） 
快捷鍵：U 。完成效果如圖。
蘋果繪制過程：
蘋果主體制作
 | 用矩形工具畫出適當(dāng)大小的矩形，并填充蘋果的主色，然后用網(wǎng)格工具在矩形上增加一個節(jié)點 |
 | 用白箭頭工具調(diào)節(jié)外形以切合蘋果的形狀，由于引時的節(jié)點很少，很容易利用方向線控制形狀 |
 | 不斷用網(wǎng)格工具增加節(jié)點，并在左右橫向方向上分別按明暗關(guān)系設(shè)置適當(dāng)顏色 |
 | 進(jìn)一步增加節(jié)點細(xì)化蘋果的明暗變化，并在上下豎向方向上分別按明暗關(guān)系設(shè)置顏色，表現(xiàn)出蘋果的圓體形狀 |
蘋果上沿制作
 | 方法與主體相似，畫出的矩形填充蘋果的主色，然后用網(wǎng)格工具在矩形上增加一個節(jié)點 |
 | 同樣用白箭頭工具調(diào)節(jié)外形以切合蘋果的形狀，注意兩端的尖角實際上是各有兩個節(jié)點幾乎重合在一起而形成的 |
]]>
第一步：使用鉛筆工具先繪制一個蘿卜的外形；
第二步：[CTRL+C]復(fù)制這個圖形，[CTRL+F]粘貼在前面；
第三步：使用漸變網(wǎng)格工具，并填充紅色；
第四步：[CTRL+“[”]放在原來那個外形的下面；
第五步：選中這個外框，使用剪刀把路徑剪開為兩條；
第六步：施加畫筆效果。到這里蘿卜的主要部分算是完成了。別忘了全部選中然后編輯成組哦！
第七步：咱們現(xiàn)在開始繪制葉子咯！鉛筆繪制葉子的外形；
]]>
來練習(xí)下Adobe Illustrator的網(wǎng)格填充。應(yīng)該很多人都看過Adobe Illustrator網(wǎng)格填充的作品，效果很精致，非常的逼真，看起來跟3D的效果相似，但是比3D的更柔和細(xì)膩！只是做起來比較麻煩！其實真正用到的Adobe Illustrator中的工具并不多！只是步驟比較繁復(fù)，顏色需要一個個節(jié)點去調(diào)節(jié)！做這樣的東西完全是體力活！這里來做個黃蜂，全當(dāng)練手吧！ 
最終效果
1.先講下基本上要用的工具及操作面板?、黉摴P工具②選擇工具③直接選擇工具④添加描點工具⑤漸變工具⑥網(wǎng)絡(luò)工具⑦顏色面板⑧拾色器等。大致的就是這些工具，面板。
2.好，開始操作吧！黃蜂的身體構(gòu)造是一節(jié)一節(jié)的，頭部，胸部，腹部，觸角，節(jié)肢，翅膀，大致有這些部分組成，所以我們在做的時候也可以按照他身體各環(huán)節(jié)去分開著做，完成各部分后再組合到一起就可以了，這樣會比整個的做要來得有條理，也省事，首先用鋼筆工具，將黃蜂的頭部輪廓描繪出來。（圖1）
3.在畫好的頭部路徑中填充顏色，顏色大致為R：190 G：110 B：40左右，完成后取消邊框色，選擇工具條上的網(wǎng)絡(luò)工具在如（圖2）的白圈位置處點擊一下，這樣Adobe Illustrator便會根據(jù)所操作的圖形的輪廓來自動生成一個網(wǎng)格路徑。不要更換工具，直接用網(wǎng)絡(luò)工具，按住CTRL去調(diào)節(jié)網(wǎng)格路徑上的節(jié)點位置以及手柄的走向，使其符合黃蜂頭部陰影的走向。（圖3）依照上述步驟的原理，再在頭部輪廓的各需要有顏色陰影變化的位置設(shè)置上網(wǎng)格節(jié)點，并且大致調(diào)節(jié)各節(jié)點手柄的位置及走向（圖4）。
圖2
圖3
圖4
4.黃蜂頭部是立體的，得用顏色明暗深淺的差異來表現(xiàn)出頭部的立體，也就是說，不論它本身顏色的深淺，還是由于頭部的立體感所造成的陰影，都是靠網(wǎng)格各節(jié)點顏色的變化來實現(xiàn)的！至于顏色的走向，條理，那就是通過調(diào)節(jié)節(jié)點上的手柄的走向來控制，但是節(jié)點一多的話，控制顏色的時候就比較亂，所以，盡量少加點，但是還是要看實際情況，或者說，節(jié)點的多少并無大礙，關(guān)鍵是要熟悉它的原理，才能去很好的控制。（圖5）填充完成后（圖6），還有，如何去填色，例如說，你需要某個節(jié)點處的顏色較別的區(qū)域來得深，那就用直接選擇工具，或者用網(wǎng)絡(luò)工具按住CTRL也可以，選中節(jié)點后在拾色器中去調(diào)出你所需要的顏色！可能一次調(diào)不準(zhǔn)的話可以在保持選中所選節(jié)點的狀態(tài)下再次打開拾色器來重新調(diào)節(jié)。并且，需要同時選中多個節(jié)點來調(diào)節(jié)成相同顏色的時候，可以按住SHIFT來選擇所需要的多個節(jié)點再打開拾色器來調(diào)節(jié)顏色！
圖5
圖6
]]>
（這是日本那個畫生菜的banban的心得）
基礎(chǔ)篇
網(wǎng)格工具是illustrator的一個強有力的表現(xiàn)工具。但是熟練控制并不容易，本節(jié)主要介紹通過重設(shè)變形邊框控制網(wǎng)格的方法：
一、影響網(wǎng)格線的因素
網(wǎng)格線的成型受以下兩點因素影響：
1.變形邊框的的方向
2.物件的節(jié)點
我們在使用網(wǎng)格時，從來都是為了回避這兩個因素的影響力，而盡量采取物件簡化為基本形、分割物件為簡單單元的方法使用這個mesh工具的。其實可以去嘗試尋找控制這兩個因素的方法，而不要回避。
2、重設(shè)變形邊框
上左圖為鉛筆工具繪制的物件；右圖為建立的網(wǎng)格，網(wǎng)格線是基于變形邊框形成的，所以稍顯扭曲。
把施加網(wǎng)格前的物件旋轉(zhuǎn)為水平角度。
從菜單選?。海畚锛?gt;［變形］>［重設(shè)邊框］
在從菜單選?。海畚锛?gt;［建立漸層網(wǎng)格…］
這樣，網(wǎng)格線形狀是沿物件形狀的，也就比較有條理了。
下面要還原物件位置了。雙擊旋轉(zhuǎn)工具，在角度數(shù)值框內(nèi)，正值前加負(fù)號，負(fù)值則將負(fù)號刪除。
對比一下使用和不使用旋轉(zhuǎn)重設(shè)邊框的結(jié)果…
]]>