鼠繪教程，用AI畫(huà)一只卡通奶牛！

如果您想了解Adobe Illustrator里一些簡(jiǎn)單的著色技術(shù)，那就跟我一起學(xué)習(xí)這個(gè)有趣又引人深思的教程吧。我們要使用網(wǎng)格工具繪制一頭在綠草地上盤(pán)腿打坐的可愛(ài)的卡通牛。拿起你的鼠標(biāo)或手繪筆，放松下大腦，讓我們這就開(kāi)始吧！

1.根據(jù)你的草圖畫(huà)出基本的奶牛外形

在紙上或軟件里畫(huà)出草圖。你可以直接拿這張我用鉛筆工具（N）在AI里畫(huà)的。

首先我們要形成頭部的基本形狀。使用半徑50像素的［圓角矩形］工具做一個(gè)平滑的鼻子形狀，并使用變形工具（Shift-R）（你可以在下面的截圖中我的工具設(shè)置）使形狀變形，在其上部畫(huà)出一個(gè)輕微的隆起。添加牛的下嘴唇并扭曲它，將其下部往下拉一點(diǎn)。

為鼻子填充顏色，讓它更接近皮膚色調(diào)，并用橢圓工具（L）添加一個(gè)象牙色的頭。將頭置于最底層（shift-contrl-[ ），用鉛筆工具（N）畫(huà)一對(duì)橢圓的形狀作為耳朵，或使用橢圓工具（L）直接畫(huà)兩個(gè)壓扁的橢圓。

讓我們?cè)谂ｎ^上添加牛角的基本形狀。一個(gè)橢圓形狀，并執(zhí)行［效果>變形>弧形］，設(shè)置水平彎曲－7 %，使得形狀上小下大。執(zhí)行［對(duì)象>擴(kuò)展外觀］并再操作一遍弧形，這一次設(shè)置的值是垂直彎曲60%，讓這個(gè)形狀向左邊略彎曲。

做第二個(gè)牛角和并把它們都放在頭部底層。

接下來(lái)，開(kāi)始奶牛身體部位的制作。新建一個(gè)圓角矩形，放置于剛剛繪制的所有形狀的底層，接著，使用變形工具（Shift-R），調(diào)整大小，讓底部腹部的寬度略大于肩寬。

用鉛筆工具 Pencil Tool（N）繪制一個(gè)彎曲如枝干狀的形狀（使用鉛筆工具 Pencil Tool時(shí)力求精準(zhǔn)，使線條更為平滑流暢），接著繪制U形牛蹄，和馬蹄的形狀類似。然后，復(fù)制繪制好的手臂，并將其［鏡像對(duì)稱］Reflect Tool（R），得到的副本放置于身體相對(duì)應(yīng)的另一邊位置。

奶牛的腿部繪制，采用經(jīng)典蓮花式坐姿。首先，繪制一個(gè)橢圓，將其變形，作為在后方的腿部，顏色填充要比身體的其他部分的膚色深一些。接著，使用鉛筆工具 （N）繪制腿部彎曲狹小的形狀，腳部分叉，呈現(xiàn)U形蹄狀。

在蹄子部分的上方，手繪一個(gè)深褐色的形狀，在路徑查找器里的形狀模式中選擇［相交］ ，以便去除不必要的形狀。但在使用路徑查找器之前，得先復(fù)制好之前繪制的腿部形狀，因?yàn)楸舜讼嘟坏膱D層會(huì)被刪除。

2 .使用網(wǎng)格工具來(lái)上色和使物體鮮活

從創(chuàng)建第一個(gè)元素——奶牛的鼻子——來(lái)開(kāi)始我們愉快的制圖吧。選擇形狀并點(diǎn)擊［對(duì)象>創(chuàng)建漸變網(wǎng)格］，在彈出的參數(shù)設(shè)置窗口中將行數(shù)設(shè)為4，列數(shù)設(shè)為3并點(diǎn)擊確定。

接下來(lái)就好玩了！使用編輯選擇工具（A），選定鼻子中部上方的兩個(gè)錨點(diǎn)進(jìn)行調(diào)整，使其比鼻子的底色更亮一些。接下來(lái)選定形狀邊緣的全部錨點(diǎn)，調(diào)整使其變暗，在邊緣形成陰影。你會(huì)立刻發(fā)現(xiàn)形狀變得更加平滑且具有立體感。

對(duì)奶牛的嘴部舉一反三，使其頂部的顏色更暗一些。你可以使用網(wǎng)格工具（U）點(diǎn)擊對(duì)象，再使用網(wǎng)格工具（U）點(diǎn)擊形狀的其他部位，按需要添加復(fù)數(shù)行和列，即可直接將形狀轉(zhuǎn)化成網(wǎng)格（我一般點(diǎn)擊對(duì)象的中心和邊緣部位）。

加一些環(huán)境光，讓皮膚顯得更加逼真。選擇網(wǎng)格工具，點(diǎn)擊中間的水平和垂直參考線靠近邊緣的位置，這樣圍繞著你點(diǎn)擊的錨點(diǎn)便增加一些行和列（線條交集在你點(diǎn)擊的點(diǎn)上）。

然后用［套索工具］Lasso Tool (Q)，選擇新建的參考線上的錨點(diǎn)，使它們變暗。接下來(lái)，只選擇在圖像最邊緣處的錨點(diǎn)，如果你不能一次全選中的話，按住shift鍵再選中。最后用淺粉色填充所有這些錨點(diǎn)，讓邊緣亮起來(lái)。

接下來(lái)用同樣的上色方案來(lái)處理奶牛的頭部。首先，［對(duì)象>創(chuàng)建漸變網(wǎng)格］，拉出3行4列的網(wǎng)格，再在邊緣處用［網(wǎng)格工具］分別添加2條橫線和豎線。

接下來(lái)選則靠近邊緣的兩對(duì)錨點(diǎn)，使填充顏色更暗一些，讓中部顯出象牙白。這正如我們看到的，形狀變得突出，看起來(lái)更像一個(gè)球體了。

現(xiàn)在，采用同樣的方法，用套索工具 Lasso Tool（Q）生成一個(gè)內(nèi)發(fā)光的特效。調(diào)節(jié)圖形周邊的錨點(diǎn)，使圖形邊緣變亮，效果如同從背后打過(guò)來(lái)的光一樣。

調(diào)到滿意的顏色后，點(diǎn)擊［變形工具］Warp Tool（Shift-R）改變頭部的形狀，使它下面寬，上面窄。

然后，點(diǎn)擊右耳，打開(kāi)［創(chuàng)建漸變網(wǎng)格］Create Gradient Mesh窗口 ，定義行數(shù)值為3，列數(shù)值為2。沿著邊緣加上更多的網(wǎng)格，然后，選擇與牛頭一樣的顏色，應(yīng)用于耳朵，使整個(gè)形象統(tǒng)一協(xié)調(diào)。

讓我們來(lái)做光滑又閃亮的牛角吧！先畫(huà)一個(gè)兩橫兩豎的漸變網(wǎng)格，并且用網(wǎng)格工具（U）添加一些額外的橫線和豎線，使單元格更小更精確。

選擇一列靠近牛角左邊界的錨點(diǎn)，填充里面為淺棕色，之后在上面添加一個(gè)高光。接著選擇牛角另一邊的相同區(qū)域填充暗一點(diǎn)的顏色，形成陰影效果。沿著牛角的邊緣添加一個(gè)淺的環(huán)境光并且用相同的方法給第二只牛角上色，你也可以復(fù)制一個(gè)畫(huà)好的牛角然后移動(dòng)到合適的位置上。

接著來(lái)畫(huà)奶牛的身體，依照我們畫(huà)頭部的方法，畫(huà)出一個(gè)真實(shí)立體的身體。

手臂部分，你可能需要使用直接選擇工具（Ａ）來(lái)調(diào)整一下網(wǎng)格，因?yàn)閺?fù)雜曲面上的錨點(diǎn)看起來(lái)會(huì)很亂，需要用直接選擇工具（Ａ）調(diào)整上面的錨點(diǎn)和控制點(diǎn)，直到調(diào)整它為一個(gè)光滑的路徑。最后，我們需要給手臂填充與整體相協(xié)調(diào)的顏色。

開(kāi)始給“手”或前蹄上色。用網(wǎng)格工具（U），點(diǎn)擊蹄子的輪廓，一條一條地添加新的網(wǎng)格線。這看起來(lái)可能有點(diǎn)棘手，但盡量將線條放在形狀上，保證其彎曲，使蹄子看起來(lái)立體。使用吸管工具(I) ，選中牛角的顏色，使牛蹄看起來(lái)閃亮。

正如你可以看到，在網(wǎng)格里的每個(gè)錨點(diǎn)有四錨柄。你可以用直接選擇工具（A）和轉(zhuǎn)換錨點(diǎn)工具（shift-c）移動(dòng)和編輯他們，使你的形象更逼真。

開(kāi)始繪制前腿。為了使它的網(wǎng)格過(guò)渡得更流暢，先用鋼筆工具使每個(gè)尖端圓滑。

還是跟之前的步驟一樣，使用網(wǎng)格工具 Mesh Tool（U），添加更多的行與列，把它們放在接近邊緣的位置。最后，上色。在中間和形狀的邊界線使用亮色。

注意上下肢重合的地方，正好生成膝蓋。用相同的顏色填充邊界，這樣它們的形狀連結(jié)就能過(guò)渡得很漂亮，看起來(lái)就像一個(gè)彎曲的腿。

用之前繪制“手”和牛角的上色方法來(lái)使它的蹄子看起來(lái)更加立體。用亮一點(diǎn)的棕色來(lái)使它更加平滑鮮亮。

主要的步驟已經(jīng)完成的差不多了，下圖就是它現(xiàn)在的形象：

我們可以從添加鼻孔開(kāi)始。在鼻子左側(cè)放置一個(gè)小橢圓，用中心暗紅邊緣亮橙的漸變填充，以加深鼻孔深度。接著，再添加一個(gè)橢圓在第一個(gè)下面，使它稍大，用淡粉至白色的漸變填充。將圖層混合模式轉(zhuǎn)為［正片疊底］ Multiply Blending Mode，在鼻孔邊緣生成柔和的陰影，以增加鼻孔深度。

在鼻孔下多畫(huà)兩個(gè)橢圓，其中一個(gè)稍大，點(diǎn)擊選中它們，使用［路徑查找器］Pathfinder里的減去頂層Minus Front 功能，剪出一個(gè)洞。填充新創(chuàng)建的形狀，從暗紅到黑色的線性漸變，然后圖層混合模式切換為［濾色］Screen Blending Mode ，使其突出。將其復(fù)制并鏡像，置于牛鼻子的另一端。

在鼻子的上方生成一組大小不同的橢圓，用暗紅色填充，切換混合模式為［濾色］ Screen Blending Mode，讓鼻子看起來(lái)斑斑點(diǎn)點(diǎn)，有真實(shí)感。

讓我們?cè)俜祷氐脚＝巧�，使他們刻�?huà)得更加細(xì)致有紋理。首先，牛角上的凹痕，使用［多邊形工具］Polygon Tool創(chuàng)建被壓扁的尖頭三角形，執(zhí)行彎曲效果，水平彎曲數(shù)值調(diào)到43%，使三角形變彎曲。選擇［對(duì)象>擴(kuò)展外觀］ ，運(yùn)用變形。

復(fù)制幾個(gè)上面做好的三角圖放在牛角上的合適的位置。選中他們，建立復(fù)合路徑Make Compound Path（Control-8）。我們需要去除牛角之外我們不需要的部分，為此，我們選中牛角，然后選［對(duì)象>路徑>偏移路徑］（Object > Path > Offset Path），位移數(shù)值 為0，來(lái)創(chuàng)建一個(gè)新牛角的剪影。

選擇新創(chuàng)建的剪影和牛角的凹痕，在路徑查找器Pathfinder 選擇［相交］ Intersect ，去除不必要的形狀。用偏移路徑制作另一個(gè)牛角的剪影，這次讓它小一點(diǎn)，將兩個(gè)形狀和凹痕的混合模式設(shè)置為［濾色］，創(chuàng)造光滑的效果，和我們制作牛鼻子的方法一樣。

接下來(lái)我們畫(huà)粉紅色的牛肚子。首先創(chuàng)建一個(gè)3x3的漸變網(wǎng)格并讓該形狀看起來(lái)更圓潤(rùn)更立體，然后用變形工具Warp Tool（Shift-R）把形狀稍微再細(xì)調(diào)變形一點(diǎn),這樣肚子看起來(lái)就更有真實(shí)感了。

不要忘了給我們的奶牛添加主要的面部特征。讓我們從眉毛開(kāi)始。使用橢圓工具（L）創(chuàng)建一個(gè)圓，用直接選擇工具（A）拽住它的右側(cè)錨點(diǎn)向右邊拖一點(diǎn)，使用弧形效果（變形—>弧形）讓形狀微微彎曲，設(shè)置橫向彎曲值為45%。

為眼皮添加兩個(gè)半圓的輕描邊，并在眉毛中間放置一個(gè)紅色的圈。在眉毛和眼睛下面設(shè)置混合模式為［正片疊底］，添加一些淺陰影，讓面部更立體。在牛的肚子上和頭下方放置一些更多的陰影，讓他們呢互相從身體的部分中區(qū)分開(kāi)。

現(xiàn)在奶牛完成了，讓我們添加一些組合元素和一個(gè)簡(jiǎn)單的背景，給我們的圖片一個(gè)完整的視覺(jué)。做一個(gè)綠色的橢圓，并用鋼筆工具勾上一些寫(xiě)意的波浪形狀。使用［路徑］面板減去上面的部分。復(fù)制形狀，但將上面的復(fù)制圖層縮小一些。加一些綠色的點(diǎn)，讓草地看上去更生動(dòng)。

同時(shí)選擇兩個(gè)草地副本，執(zhí)行［對(duì)象>混合>建立］，設(shè)置［混合>混合選項(xiàng)］，設(shè)置間距，輸入指定步數(shù)為10到20之間。我們還需要添加一些草，給我們的草地看起來(lái)更自然。形成一個(gè)狹窄的三角形，就像我們?yōu)榕＝亲龅目毯垡粯�，并把它拖到你的�?huà)筆面板離。創(chuàng)建一個(gè)新的默認(rèn)設(shè)置的藝術(shù)畫(huà)筆，畫(huà)筆工具（B）畫(huà)幾筆，創(chuàng)造柔和的草葉。為了符合現(xiàn)實(shí)，我還增加了一個(gè)微妙的橢圓形的影子在草坪上，因我們的牛會(huì)漂浮在地面上。

為了使地面更生動(dòng)、明亮，選擇混合組的上部形狀，復(fù)制并設(shè)置暗黃色到黑色的徑向漸變，切換混合模式為［濾色］，從而創(chuàng)造一個(gè)燦爛的黃色的高調(diào)。

最后，為背景添加一個(gè)大橢圓，畫(huà)一輪升起的太陽(yáng)。填充淡黃色的漸變，但不要太亮，讓太陽(yáng)看起來(lái)不那么搶眼。用柔和的藍(lán)色填充白色的背景，形成晴朗的天空。

你做到了！你搞定了這頭正在冥想的牛！

深吸一口氣，放松——我們清爽干凈的案例已經(jīng)完成了！我希望你不僅享受用網(wǎng)格工具創(chuàng)作微妙的混合色的樂(lè)趣，而且發(fā)現(xiàn)這些小竅門(mén)對(duì)你接下來(lái)的學(xué)習(xí)是有幫助的。一直創(chuàng)造下去吧，它會(huì)給你帶來(lái)美和愉悅！祝大家一切順利！

翻譯：Maybe 、Ada、MOJO_、埃舍爾、家彥蹦噠蹦、JoJo、Juey、Lemon、mok、RuminateWon、 媛子lxy、 zero

校對(duì)：Connie、Zoey

設(shè)計(jì)： Esc李

我們是DATS設(shè)計(jì)翻譯者。我們愛(ài)設(shè)計(jì)愛(ài)英語(yǔ)，通過(guò)翻譯設(shè)計(jì)的文章共同學(xué)習(xí)進(jìn)步，雖然我們還有許多不足，但是只要把每個(gè)人的微小的力量聚集起來(lái)，總有一天會(huì)發(fā)出耀眼的光芒~

歡迎加入我們！

全教程完,學(xué)完記得交作業(yè)。如果本教程對(duì)您有所幫助，請(qǐng)推薦給你的朋友。