教你繪制萌萌噠的小蜜蜂

作者:
分類: 教程
2016-12-26
17702

本次教程主要展示的是用PS繪制毛衣和塑料五角星氣球材質(zhì)的繪制方法,希望能萌到你哦~~不廢話,先上效果圖。為什么畫一只小蜜蜂呢?原因很簡(jiǎn)單,因?yàn)槲覀冞@些苦逼的設(shè)計(jì)師就是小蜜蜂啊~屬于埋頭苦逼型~/(ㄒoㄒ)/~然后還要強(qiáng)顏歡笑(所以就賣萌)~但是呢,認(rèn)真過(guò)后總會(huì)有點(diǎn)小成果(五角星)展示給別人,這也是唯一值得炫耀的資本啦~全國(guó)陸續(xù)都進(jìn)入了冰箱模式~然后圣誕又馬上來(lái)啦~所以就有了這張圖。難度:★★★☆☆工具:Photoshop、手繪板繪制步驟:身體→眼睛→嘴巴(鼻子)→眼鏡→毛衣→帽子→翅膀→五角星→細(xì)節(jié)調(diào)整身體新建文檔

本次教程主要展示的是用PS繪制毛衣和塑料五角星氣球材質(zhì)的繪制方法,希望能萌到你哦~~

不廢話,先上效果圖。

uisdc-course-20161223-33.png

為什么畫一只小蜜蜂呢?

原因很簡(jiǎn)單,因?yàn)槲覀冞@些苦逼的設(shè)計(jì)師就是小蜜蜂啊~屬于埋頭苦逼型~/(ㄒoㄒ)/~然后還要強(qiáng)顏歡笑(所以就賣萌)~但是呢,認(rèn)真過(guò)后總會(huì)有點(diǎn)小成果(五角星)展示給別人,這也是唯一值得炫耀的資本啦~

全國(guó)陸續(xù)都進(jìn)入了冰箱模式~然后圣誕又馬上來(lái)啦~所以就有了這張圖。

難度:★★★☆☆

工具:Photoshop、手繪板

繪制步驟:身體→眼睛→嘴巴(鼻子)→眼鏡→毛衣→帽子→翅膀→五角星→細(xì)節(jié)調(diào)整

身體

新建文檔:900×900 px,填充#e9cdc3作為背景色

用鋼筆工具繪制出下面圖中的形狀~注意要加個(gè)可愛(ài)的小刺~,并添加圖層樣式(如圖設(shè)置)

uisdc-course-20161223-0.png

uisdc-course-20161223-1.png

依然是用鋼筆工具,畫出腳、手和袖子,并添加圖層樣式(如下圖所示)

小技巧:畫袖子這種曲線,可以將鋼筆的填充設(shè)置成“無(wú)”,描邊設(shè)置得很粗~這樣就只要畫一根線就可以得到一個(gè)平順的曲線了~

uisdc-course-20161223-2.png

uisdc-course-20161223-3.png

uisdc-course-20161223-4.png

眼睛

眼睛的畫法很簡(jiǎn)單,就是用橢圓工具畫出眼睛的輪廓,然后填充基本顏色。

需要注意的是,眼睛是個(gè)球和玻璃質(zhì)感的形體,所以高光和體積感是必須要有滴。如下圖

uisdc-course-20161223-5.png

所以目前的效果是這樣噠~目前看起來(lái)怪怪滴~~有木有( ° ▽、° )

uisdc-course-20161223-6.png

嘴巴和鼻子

鼻子超簡(jiǎn)單,就是一個(gè)小球~用橢圓工具隨意一拖~(為了自然過(guò)渡,用到了蒙版)~如下圖所示

高光用畫筆工具選擇“柔邊圓”新建圖層,在鼻子上方點(diǎn)一下,將圖層模式設(shè)為“疊加”。就是下圖的效果啦

ps:有人會(huì)問(wèn)蜜蜂的鼻子不該是尖的么~哎呀·~不要那么較真好不好~~這叫擬人~~。另外對(duì)蒙版不會(huì)的同學(xué)請(qǐng)自覺(jué)百度哦~~這里篇幅有限哈~

uisdc-course-20161223-7.png

嘴巴用橢圓工具畫一個(gè)圓,然后crtl+t壓扁它,并微調(diào)下節(jié)點(diǎn),最后應(yīng)用圖層樣式。

新建一層,用鋼筆工具畫出牙齒的形狀。添加圖層樣式后,選中此圖層按住“alt”鼠標(biāo)移動(dòng)到嘴巴的圖層上方出現(xiàn)嵌套圖標(biāo),將此圖層嵌套進(jìn)去~(如圖所示)

uisdc-course-20161223-8.png

所以目前的效果是這樣滴:

uisdc-course-20161223-9.png

眼鏡

到現(xiàn)在為止,看效果圖怪怪的,好像少了什么。馬上來(lái)加副眼鏡。

用橢圓工具繪制如下圖的圓框,應(yīng)用圖層樣式如圖。

復(fù)制剛才做的圓框,用“路徑選擇工具”選擇外框縮小2-3個(gè)像素,讓眼鏡有厚度。并將此圖層混合模式設(shè)置為“疊加”,不透明度設(shè)置為35。最后應(yīng)用“蒙版”,將中間擦除一些,讓眼鏡有些光澤的feel~

再繪制一個(gè)圓置于鏡框的下方,大小比鏡框的內(nèi)圓稍微大一點(diǎn)點(diǎn),應(yīng)用圖層樣式。

最后添加反光以強(qiáng)化玻璃的感覺(jué)。

uisdc-course-20161223-10.png

然后小蜜蜂戴上眼鏡后就是這個(gè)效果啦·~好像越來(lái)越萌了~~

uisdc-course-20161223-11.png

毛衣

好啦,終于到毛衣部分了,這是這次教程最重要的地方,但其實(shí)不難~

創(chuàng)建毛衣紋理的筆刷。用橢圓工具在透明背景下繪制出如下圖的圖案(注意:填充的顏色需為黑色)

執(zhí)行“編輯-定義畫筆預(yù)設(shè)”,如下圖:

uisdc-course-20161223-12.png

調(diào)整畫筆,如下圖所示:

uisdc-course-20161223-14.png

創(chuàng)建好畫筆后先放著,我們先用鋼筆工具繪制出毛衣的外形出來(lái),并添加圖層樣式

uisdc-course-20161223-13.png

用路徑選擇工具選中剛剛畫好的毛衣外形, 切換到路徑面板復(fù)制這個(gè)路徑,然后回到圖層面板新建一個(gè)圖層,鼠標(biāo)右鍵“描邊路徑”(注意畫筆工具得選擇我們之前創(chuàng)建好的毛衣紋理,不然就木有效果啦),然后添加圖層樣式,如下圖

uisdc-course-20161223-15.png

用鋼筆工具繪制如下圖的路徑,切換到路徑面板復(fù)制這個(gè)路徑,然后回到圖層面板新建一個(gè)圖層,鼠標(biāo)右鍵“描邊路徑”,原理同上。

復(fù)制剛剛做好的毛衣紋理描邊圖層,“ctrl+t”向右移動(dòng)一段距離,然后左手按住“ctrl+shift+alt”不動(dòng),右手不斷重復(fù)按”t”鍵,奇跡就發(fā)生了~~~最后copy上圖的圖層樣式。

將紋理移到毛衣外形圖層的上方,選中毛衣外形的圖層,在圖層縮略圖處點(diǎn)擊“ctrl+左鍵”得到毛衣外形的選區(qū),執(zhí)行“選擇-反選”刪除多余的部分,就得到我們想要的形狀了。

uisdc-course-20161223-16.png

選擇筆刷,選擇自帶的沙丘草筆刷進(jìn)行調(diào)整,設(shè)置如下:

uisdc-course-20161223-17.png

依然用剛才的“描邊路徑方法”,描繪出毛衣雜亂的毛毛出來(lái),如圖:

接著將剛剛創(chuàng)建的毛衣相關(guān)圖層編組,并轉(zhuǎn)換成智能對(duì)象,執(zhí)行“濾鏡-添加雜色”(如下圖),將圖層混合模式設(shè)置為“淺色”,透明度設(shè)置為25%。如下圖:

uisdc-course-20161223-18.png

為了增加真實(shí)感,我們添加一顆扣子。

uisdc-course-20161223-19.png

毛衣的另外一邊以及袖子都是以上原理做出,下邊不再?gòu)?fù)述,目前的效果就是這樣滴,發(fā)現(xiàn)越來(lái)越像樣了呢~

uisdc-course-20161223-20.png


帽子

圣誕馬上就要到了,所以加個(gè)帽子或許稍微的有點(diǎn)氣氛哦~

還是用鋼筆工具繪制出帽子的外形,然后分別添加圖層樣式,接著在帽子的下邊新建一個(gè)圖層用畫筆畫一個(gè)陰影,如圖1-2

uisdc-course-20161223-21.png

為了增加細(xì)節(jié)~在帽子上用白色繪制出幾個(gè)大小不一的五角星,然后將圖層混合模式設(shè)置為“疊加”,透明度設(shè)置為91,最后還是運(yùn)用“蒙版”將五角星只顯示在紅色范圍區(qū)域~如圖3

加一縷頭發(fā)吧~用鋼筆工具如圖畫出,添加圖層樣式即可~

uisdc-course-20161223-22.png

所以目前的效果就是這樣的啦~

uisdc-course-20161223-23.png

翅膀 

翅膀最簡(jiǎn)單,就是4個(gè)橢圓~圖層樣式如下圖設(shè)置,這里需要注意的是:為了增加層次感,前翅膀和后翅膀的漸變色有點(diǎn)區(qū)別,透明度也有所區(qū)別,如圖:

uisdc-course-20161223-24.png

五角星

五角星也算這次的重點(diǎn)之一,因?yàn)檫@個(gè)材質(zhì)類似于那種塑料的充氣球~在表現(xiàn)上我為了省時(shí)間并沒(méi)有進(jìn)一步刻畫~嘿嘿·~如果想要更加精細(xì)的可以去網(wǎng)上搜索這類氣球仔細(xì)研究其材質(zhì)特點(diǎn)~~

用“自定義形狀工具”畫出五角星,然后就要耐心的用“直接選擇工具”一點(diǎn)一點(diǎn)的調(diào)整節(jié)點(diǎn),以達(dá)到我們想要的五角星形狀,然后在五角星上面繪制一個(gè)笑臉,如圖

uisdc-course-20161223-25.png

接下來(lái)就是要添加圖層樣式。

復(fù)制五角星圖層,然后縮小,將其填充為白色,調(diào)出屬性面板,羽化2.8 ,添加蒙版用徑向漸變工具畫出漸變,最后調(diào)整圖層透明度為50%

uisdc-course-20161223-26.png

添加高光、反光、環(huán)境色,再加上表情~

uisdc-course-20161223-27.png

目前的效果就差不多完成啦~~(*@ο@*) 哇~~

uisdc-course-20161223-28.png

細(xì)節(jié)調(diào)整

到這里基本主體和元素都完成啦·~接下來(lái)發(fā)現(xiàn)還少了陰影,和一些小細(xì)節(jié)(例如環(huán)境色),還可以給它加上腮紅之類的·~~以下主要強(qiáng)調(diào)一些陰影,陰影做得不好會(huì)顯得粗糙和不真實(shí)·~如圖:

uisdc-course-20161223-29.png

然后添加一些環(huán)境色后還有腮紅什么的之后,最后再輸入句 Merry Christmas~~大功告成啊~~是不是灰??蓯?ài)~~

uisdc-course-20161223-33.png

又或者可以更加裝逼一點(diǎn)的排版·~

uisdc-course-20161223-32.png

每次做教程最后總會(huì)來(lái)個(gè)總結(jié),發(fā)現(xiàn)其實(shí)關(guān)鍵主要有以下幾點(diǎn):

光影和形體是基礎(chǔ)的基礎(chǔ)啊

努力觀察你的生活吧

必須要有耐心啊同學(xué)~~








7
8
分享到:

0

喜歡他,就推薦他上首頁(yè)吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國(guó)家大學(xué)科技園東區(qū)9號(hào)樓2層

版權(quán)信息

  移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)