當(dāng)前位置：首頁>軟件教程>AI教程>教程內(nèi)容

鼠繪教程，用AI畫一只卡通奶牛！

來源：站酷作者：DATS設(shè)計(jì)翻譯組學(xué)習(xí)：3212人次

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

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

第 1 步

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

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

第 2 步

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

第 3 步

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

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

第 4 步

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

第 5 步

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

第 6 步

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

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

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

第 1 步

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

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

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

2步

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

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

第 3步

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

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

第 4 步

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

第 5 步

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

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

第 6 步接著，先畫上一個(gè)粉紅色內(nèi)耳，然后，用［鏡像工具］（R）對稱縱軸復(fù)制一個(gè)對稱的內(nèi)耳，放置在頭的另一邊。

第 7 步

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

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

第 8 步

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

第 9 步

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

第 10 步

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

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

第 11 步下面要添加的元素是牛后腿的內(nèi)側(cè)或者頂部�？紤]到這部分比前面的部分離我們的視線遠(yuǎn)些，并且覆蓋在身體的陰影下，試著做一點(diǎn)暗。

第 12 步

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

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

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

第 13 步

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

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

3 給牛添加小細(xì)節(jié)
第 1 步

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

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

第 2 步

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

第 3 步

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

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

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

第 4 步將牛的身體形狀設(shè)置路徑偏移0px的值，創(chuàng)建出一個(gè)平面剪影。然后畫一些圓圈置于這剪影之上，并且像我們畫牛角的凹痕一樣減掉多余圓圈的部分。用棕色填充這些圓圈，并將其混合模式調(diào)整為［正片疊底］Multiply Blending Mode，透明度設(shè)置為半透明。

第 5 步

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

第 6 步

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

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

第 7步

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

第 8 步

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

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

第 9 步

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

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

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