編者按:這部電影特別火,很多同學(xué)都特別喜歡這個(gè)萌萌噠大白同學(xué),今天@JingDesign 來(lái)一篇應(yīng)景的教程,手把手教同學(xué)們用Sketch繪制大白形象。想換個(gè)頭像?來(lái)感受下 >>> Hi,靜電的Sketch教程好久沒(méi)和大家見(jiàn)面了,這段時(shí)間發(fā)生了好多事情,不過(guò)印象最深刻的就數(shù)電影《超能陸戰(zhàn)隊(duì)》了,片中的Baymax讓人印象尤為深刻。大白胖子在面前賣萌是不是很治愈呢? 哦對(duì),它不是胖,只是氣很足哦。那么先來(lái)個(gè)開(kāi)場(chǎng)吧! 你好,我叫靜電,教你學(xué)Sketch的哦 ●—● 那么從1到10,你對(duì)大白的喜歡指數(shù)有多少呢?●—● 什么?100?好吧。萌化了有木有? 那么我們用sketch來(lái)次挑戰(zhàn),畫(huà)個(gè)白胖子吧!哦不對(duì),只是氣很足(-_-|||)如果你還是Sketch初學(xué)者,建議去靜電的主頁(yè)看看Sketch的基礎(chǔ)教程先,不過(guò)大白怎么看起來(lái)都很容易畫(huà)對(duì)吧?來(lái)來(lái)來(lái),跟靜電一起畫(huà)一個(gè),通過(guò)這個(gè)練習(xí),我們可以對(duì)Sketch的鋼筆特性有更深入的了解,首先看看靜電畫(huà)好的成品。
一、分析角色構(gòu)成 大白很簡(jiǎn)單,并沒(méi)有過(guò)多的光影效果,基本屬于純色。我們先將其分解,有幾部分:頭部,眼睛嘴巴,身體,胳膊,手指,還有一行文字。
二、頭部及眼睛 大白的頭部使用sketch的圓形工具即可實(shí)現(xiàn),首先畫(huà)一個(gè)圓形,設(shè)置圖形的Fills與Borders的屬性如下圖所示(Fill的顏色:#FDFAEB,Border的顏色:#494949 ):
將圓形壓扁,并使用鋼筆工具調(diào)整錨點(diǎn),使它看起來(lái)更像“頭部”。要使用鋼筆工具,可以直接在圓形的邊框上雙擊鼠標(biāo),即可進(jìn)入鋼筆編輯模式,這時(shí)鼠標(biāo)會(huì)變成鋼筆形狀,分別點(diǎn)擊四個(gè)節(jié)點(diǎn),并分別將其滑桿適當(dāng)拉寬,注意保持圖形的對(duì)稱。調(diào)整完成,點(diǎn)擊屬性欄的Finish Editing或者按鍵盤(pán)上的回車鍵退出鋼筆模式。 再次選擇這個(gè)橢圓,在sketch的右側(cè)屬性欄中選擇Inner Shadows,點(diǎn)擊加號(hào),為它加上內(nèi)陰影,內(nèi)陰影顏色為(#E3C6BE)。請(qǐng)注意屬性中X與Y的位置,如X值為正,則內(nèi)陰影將出現(xiàn)在橢圓的左側(cè),Y值依此類推。Blur為投影的模糊程度,這里我們不需要模糊,將其設(shè)置為0。Spread為陰影的寬度,數(shù)值越大,投影越大。 這時(shí)頭部輪廓已經(jīng)完成,接著是眼睛和嘴巴,還有臉上的紅暈。使用圓形工具畫(huà)出眼睛,不需描邊,將其填充為純黑色#000000。接下來(lái)是嘴巴,使用鋼筆工具勾出線條,同樣調(diào)整節(jié)點(diǎn)使其看起來(lái)合適。 臉部紅暈為兩個(gè)橢圓,這里可以稍做的不規(guī)則一些。與頭部的畫(huà)法一樣,使用圓形工具Oval,不需描邊,填充顏色為#FF825B。然后將其壓扁。雙擊進(jìn)入鋼筆編輯模式,調(diào)整四個(gè)節(jié)點(diǎn)的位置到合適。接著將頭部,和“五官”組合在一起,并調(diào)整圖層位置到你認(rèn)為合適即可,最后使用旋轉(zhuǎn)工具(Rotate)將頭部適當(dāng)傾斜。
三、繪制身體 同樣使用圓形工具繪制身體。同樣,身體也不是規(guī)則的橢圓形,首先繪制圓形,設(shè)定描邊顏色為#534B4A,寬度為13,填充顏色#FDFAEB。接著雙擊圖形進(jìn)入鋼筆編輯模式,調(diào)整節(jié)點(diǎn)與杠桿,保證身體上部在畫(huà)布中正確呈現(xiàn)。
四、繪制胳膊及其手指 胳膊及手指是考驗(yàn)我們使用鋼筆工具熟練程度的時(shí)候了。在這里我們推薦初學(xué)者將手指線條分段繪制,當(dāng)然如果你對(duì)鋼筆工具足夠熟練,也可以將線條一次繪制完成。 四個(gè)手指及手臂的線條進(jìn)行分解,得到下圖的元素。
較復(fù)雜的鋼筆操作,需要對(duì)sketch的鋼筆工具做更深入的了解。當(dāng)我們點(diǎn)擊鍵盤(pán)上的快捷鍵V或者從工具欄選擇鋼筆工具時(shí),即可進(jìn)入路徑編輯模式,這時(shí)右側(cè)屬性欄會(huì)發(fā)生變化,請(qǐng)看下圖。 這四種方式代表節(jié)點(diǎn)的杠桿的四種使用形式,當(dāng)使用鋼筆工具點(diǎn)擊曲線上的某個(gè)錨點(diǎn)時(shí),調(diào)節(jié)杠桿即可出現(xiàn)。通過(guò)選擇合適的杠桿調(diào)節(jié)方式,即可繪制出不同的曲線。 Straight:不使用貝塞爾曲線。 Mirrored:使用貝塞爾曲線的鏡像模式,也就是調(diào)節(jié)時(shí)兩端的把手始終在一條直線上同時(shí)運(yùn)動(dòng),并且兩端把手始終與錨點(diǎn)的距離相同。 Disconnected:與mirrored相反,選中它時(shí),只有一個(gè)把手跟隨鼠標(biāo)移動(dòng),另一個(gè)把手不動(dòng)。 Asymmetric:不對(duì)稱。比Mirror少了一個(gè)特性,也就是說(shuō)調(diào)節(jié)一個(gè)把手時(shí),兩端的把手會(huì)同時(shí)運(yùn)動(dòng),但他們距離錨點(diǎn)的距離可以不相同。 繪制完成,將所有這些元素組合成一個(gè)完整的手臂。但好像還有一點(diǎn)問(wèn)題,由于線條是分散的,我們無(wú)法填充顏色,這時(shí)我們需要將他組合為一條路徑。選中你所繪制的所有手臂線條,接著選擇菜單Layer>Paths>Join即可完成組合。但貌似還是有點(diǎn)問(wèn)題,我們發(fā)現(xiàn)線條結(jié)合處不夠平滑,選中線條,打開(kāi)Boarder選項(xiàng),將Ends及Joins工具設(shè)置為如下圖所示即可。請(qǐng)注意觀察線條末端,大家應(yīng)該可以看出變化來(lái)了。
五、組合所有元素 將所有元素組合并進(jìn)行大小,角度的調(diào)節(jié),可愛(ài)的大白就繪制完成了。接著我們可以換上自己喜歡的背景及文字,快拿出來(lái)炫耀吧~很有成就感是不是,來(lái)個(gè)棒棒糖吧!贊!
最終效果: 源文件 微盤(pán)下載