鼠繪教程,用AI畫一只卡通奶牛!

鼠繪教程,用AI畫一只卡通奶牛!

 

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

 

鼠繪教程,用AI畫一只卡通奶牛!

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

第 1 步

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

 

鼠繪教程,用AI畫一只卡通奶牛!

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

 

鼠繪教程,用AI畫一只卡通奶牛!


第 2 步

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

 

鼠繪教程,用AI畫一只卡通奶牛!


 

第 3 步

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

 

鼠繪教程,用AI畫一只卡通奶牛!

 

 

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

 

 

鼠繪教程,用AI畫一只卡通奶牛!

 



第 4 步

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

 

 

鼠繪教程,用AI畫一只卡通奶牛!

 

 

第 5 步

用鉛筆工具 Pencil Tool(N)繪制一個彎曲如枝干狀的形狀(使用鉛筆工具 Pencil Tool時力求精準,使線條更為平滑流暢),接著繪制U形牛蹄,和馬蹄的形狀類似。然后,復制繪制好的手臂,并將其[鏡像對稱]Reflect Tool(R),得到的副本放置于身體相對應的另一邊位置。

 

 

鼠繪教程,用AI畫一只卡通奶牛!

 


第 6 步

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

 

在蹄子部分的上方,手繪一個深褐色的形狀,在路徑查找器里的形狀模式中選擇[相交] ,以便去除不必要的形狀。但在使用路徑查找器之前,得先復制好之前繪制的腿部形狀,因為彼此相交的圖層會被刪除。

 

 

鼠繪教程,用AI畫一只卡通奶牛!

 

 

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

 

第 1 步

 

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

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

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

 

 

鼠繪教程,用AI畫一只卡通奶牛!

2步

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

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

 

 

鼠繪教程,用AI畫一只卡通奶牛!


第 3步

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

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

 

 

鼠繪教程,用AI畫一只卡通奶牛!

 

 

第 4 步

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

 

鼠繪教程,用AI畫一只卡通奶牛!
第 5 步

調(diào)到滿意的顏色后,點擊[變形工具]Warp Tool(Shift-R)改變頭部的形狀,使它下面寬,上面窄。

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

 

 

鼠繪教程,用AI畫一只卡通奶牛!

 

 


第 6 步接著,先畫上一個粉紅色內(nèi)耳,然后,用[鏡像工具](R)對稱縱軸復制一個對稱的內(nèi)耳,放置在頭的另一邊。

 

鼠繪教程,用AI畫一只卡通奶牛!


第 7 步

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

 

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

 

鼠繪教程,用AI畫一只卡通奶牛!

 

 

第 8 步

接著來畫奶牛的身體,依照我們畫頭部的方法,畫出一個真實立體的身體。

 

鼠繪教程,用AI畫一只卡通奶牛!



第 9 步

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

 

 

鼠繪教程,用AI畫一只卡通奶牛!

 

 

 

第 10 步

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

 

鼠繪教程,用AI畫一只卡通奶牛!

 

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

 

 

鼠繪教程,用AI畫一只卡通奶牛!

 

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

鼠繪教程,用AI畫一只卡通奶牛!

 

 

 

第 12 步

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

 

鼠繪教程,用AI畫一只卡通奶牛!

 

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

 

鼠繪教程,用AI畫一只卡通奶牛!

 

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

 

鼠繪教程,用AI畫一只卡通奶牛!

 

 

第 13 步

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

 

鼠繪教程,用AI畫一只卡通奶牛!

 

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

 

鼠繪教程,用AI畫一只卡通奶牛!

 


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

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

 

鼠繪教程,用AI畫一只卡通奶牛!

 

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

 

鼠繪教程,用AI畫一只卡通奶牛!


第 2 步

在鼻子的上方生成一組大小不同的橢圓,用暗紅色填充,切換混合模式為[濾色] Screen Blending Mode,讓鼻子看起來斑斑點點,有真實感。

 

鼠繪教程,用AI畫一只卡通奶牛!


第 3 步

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

 

鼠繪教程,用AI畫一只卡通奶牛!

 

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

 

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

 

鼠繪教程,用AI畫一只卡通奶牛!

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

 

鼠繪教程,用AI畫一只卡通奶牛!

第 5 步

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

 

鼠繪教程,用AI畫一只卡通奶牛!

 

第 6 步

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

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

 

鼠繪教程,用AI畫一只卡通奶牛!

第 7步

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

 

鼠繪教程,用AI畫一只卡通奶牛!

 

第 8 步

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

 

鼠繪教程,用AI畫一只卡通奶牛!

 

 

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

 

鼠繪教程,用AI畫一只卡通奶牛!

 

第 9 步

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

 

鼠繪教程,用AI畫一只卡通奶牛!

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

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

 

鼠繪教程,用AI畫一只卡通奶牛!

 

 

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

 

校對:Connie、Zoey

 

設計: Esc李

 

我們是DATS設計翻譯者。我們愛設計愛英語,通過翻譯設計的文章共同學習進步,雖然我們還有許多不足,但是只要把每個人的微小的力量聚集起來,總有一天會發(fā)出耀眼的光芒~

歡迎加入我們!

 

鼠繪教程,用AI畫一只卡通奶牛!

 

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

學習 · 提示

  • 打開ps,跟著教程做一遍,做完的圖要到這里交作業(yè):提交作業(yè)
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:ps新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關注我們微博:@photoshop教程論壇
  • 想學更多的同學,可以訂閱我們郵件,每天都有新教程發(fā)給你:http://t.cn/Rzm5o8Y
PS教程自學網(wǎng) 歡迎投稿原創(chuàng)或轉(zhuǎn)載教程:http://i.16xx8.com
    頹廢吐血年代 說: 精~~~~~~~~~~~~~~~~~~~~
    一抹殘陽 說: 還能這么玩我 好6
    澤蓋寄小 說: 教程很溜
    大戰(zhàn)士韋伯 說: 新人看看~~~~~~~~~~~~~
    邪夢狼性 說: 講解清晰,贊
    顏筱婉 說: 很厲害喲
    說: 謝謝學習了。收效好多
    思念倒不如相見 說: 多謝分享。