PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

編者按:如何給卡通形象繪制生動活潑的眼睛?如何表現動物毛發的質感?今天這篇教程難度三星級,涉及很多實用的繪制技法,特別適合學習。筆刷素材已打包,也有不少人交作業了,一起來練個手。

教程所用的筆刷素材下載:http://pan.baidu.com/s/1qYF2q2C

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

最近有點忙~這期的教程也是每天抽點時間磨出來的~廢話不多說。先上效果圖吧~

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

萌不萌!猛不猛!其實要畫的主題也是想了半天!完全不知畫什么好呀~偶然間看到了最近的電影《憤怒的小鳥》電影版的預告片的時候,頓時想到了·~何不畫只鳥呢!今天折騰先生就簡單的教大家用Photoshop畫出這只似(雞)似(鳥)的萌物~

難度:★★★☆☆

工具:Photoshop、手繪板

繪制思路:身體→翅膀→腳丫→陰影→眼睛→嘴巴→細節調整

身體

新建文檔,800X800px

在工具欄中使用鋼筆工具,按下圖畫出鳥身體的一半(顏色隨意),這里需要注意的是A,B兩點的控制線需保持水平(如下圖),這是為了下一步的鏡像合并。

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

復制這個圖形,然后執行 Ctrl+T( Mac用戶為Command),右鍵選擇“水平鏡像”。然后選中左右兩半執 行Ctrl+E合并起來。

選擇“路徑選擇工具”選中剛合并的形狀,執行“合并形狀組件”。(如下圖)這樣他們兩個就是一個形狀了,而不是分開的組件了。

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

在圖層面板,雙擊此圖層執行“漸變填充”,設置如圖:

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

將形狀轉換為智能對象。執行“濾鏡-添加雜點”,設置如圖:

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

繼續對此圖層執行“濾鏡-模糊-徑向模糊”,設置如圖:

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

繼續對此圖層執行“濾鏡-銳化-進一步銳化”,設置如圖:

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

將此圖層柵格化,執行“Ctrl+U”調整顏色飽和度,如下圖(這里的數值主要看你自己喜歡,不必完全安全我的參數~):

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

接下來要做邊緣的小絨毛。運用“指尖涂抹工具”,并設置筆刷為我們剛才創建筆刷。耐心的將邊緣順著形狀逐漸涂抹,這一步相當關鍵,一定要有耐心。 如下圖:

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

新建一層選擇一個較深的近似色,用畫筆涂抹暗部,將混合模式設置為“正片疊底”,然后運用“剪切蒙版”嵌套到下面的身體圖層,進一步加強立體感。如下圖:

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

繼續新建一層,運用“橢圓工具”畫一個白色的橢圓形狀,將混合模式設置為“柔光”,作為它的小肚子。

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

復制剛才做好的小肚子,對圖層添加蒙版,將前景色設置為黑色,用畫筆將下半部分擦除掉。這樣小肚子的立體感立馬出來了。最后將這兩個圖層都嵌套到下面身體的圖層里去。如下圖:

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

接下來我們來畫頭頂的羽毛,思路其實和身體的毛差不多。如下圖:

  1. 先用鋼筆工具畫出基本形狀;
  2. 復制它,然后高斯模糊并置于形狀圖層下;
  3. 將鋼筆畫出的形狀柵格化,用指尖涂抹工具順著毛的方向耐心的涂抹出羽毛的質感;
  4. 新建圖層,用畫筆工具選擇毛發筆刷輕輕畫在毛與身體處,羽毛就畫完啦。

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

身體部分基本完成,目前整體效果圖就像這樣~

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

翅膀

翅膀的畫法基本和身體的思路一致的。

先用鋼筆工具畫出基本形狀,并設置圖層樣式如下圖;

將形狀轉化為智能對象-添加雜點-徑向模糊-銳化;

柵格化后,用涂抹工具按照翅膀的形狀耐心的涂抹出羽毛。

新建圖層,用畫筆工具畫出翅膀的亮面,并用剪切蒙版將這個圖層嵌套在涂抹好的圖層里。

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

完成這一部后~可愛的小翅膀就這么出現了~n(*≧▽≦*)n

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

腳丫

由于腳丫被圓鼓鼓的肚子遮擋了不少,所以我就偷懶啦,并沒有將腳丫畫全。而且這里并不是重點,所以沒必要花太多的精力。只要簡單的圖層樣式就可以表現啦。

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

好了~目前的效果就是這樣。

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

陰影

陰影制作的方法很多,可以直接畫一個橢圓填充重一些的近似色;也可以直接畫一個圓,高斯模糊,通過Ctrl+T來改變形狀大小。由于篇幅有限,這里就不說太多(因為太簡單了嘛~一定難不倒你~)。

so,目前的效果就是這樣~是不是發現重量感有了~?(^?^*)

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

眼睛

眼睛一般都是一幅畫的點睛之筆,有了眼睛就有了故事。所以我們需要花多一點的精力在眼睛上。

用橢圓工具畫一個圓,然后用直接選擇工具調整如圖:

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

對圓形添加圖層樣式,分別是外描邊、內陰影、漸變填充、陰影。具體設置如圖:

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

眼白完成了~接下來畫內部的瞳孔。用橢圓工具畫一個正圓,添加圖層樣式,參數如下:

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

再畫一個正圓,添加圖層樣式,如圖:

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

眼睛內部的紋理。新建兩個矩形,填充為#45270b,然后旋轉360°。添加蒙版,放射漸變(外虛內實)。最后將混合模式選為疊加。將紋理圖層放在黑色瞳孔圖層下面,如圖所示:

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

分別畫兩個正圓用于高光和反光,這樣眼睛頓時就有了神~

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

為了增加眼睛的通透感,新建圖層,畫一個大小如下圖箭頭所指的圓略小一圈的圓。填充為白色,添加蒙版擦除上半部分。最后將混合模式設置為疊加。

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

復制眼白部分的圓形,放大,然后添加圖層樣式,讓它有一個眼眶的感覺,然后“濾鏡-高斯模糊”。最后用“涂抹工具”選擇毛發筆刷耐心的涂抹出眼眶周圍的毛~一只眼睛就這樣完成啦!如下圖:

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

右眼稍微調整下形狀~樣式基本可以復制左眼的~這樣眼睛部分正式完成~越來越萌了~~~!!!!

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

嘴巴

嘴巴屬于五官都是相對點睛之筆,所以不能馬虎哦~

畫一個橢圓,通過"直接選擇工具"調節節點,直至調整出一個嘴的形狀來。張口處也是這樣畫出。如下圖所示:

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

對嘴的形狀添加圖層樣式,如圖所示:

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

進一步對嘴進行描繪,增強立體感。如下圖所示:

  1. 畫一個橢圓在嘴形狀之上;
  2. 羽化,數值為7;
  3. 柵格化,框選右側,并刪除
  4. 右側增加一個反光。

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

畫一個矩形,填充為白色,將混合模式設置為“疊加”,將圖層透明度降至55%,利用蒙版將上下部分擦除。這樣嘴巴的形狀結構更加明顯,如下圖所示:

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

最后畫出張開的嘴巴,添加圖層樣式,如下圖所示:

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

到現在為止,整體效果基本出來啦!是不是萌翻了!!

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

細節調整

細節調整主要是為了能夠在最后輸出時能夠更加精致一些。例如可以調整下色彩的純度,讓它看上去更加可人;也可以加入背景;或者換個顏色什么的。。

下面我就簡單的加個背景。

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

真是瞬間被萌化~不知你學會了木有~這篇教程屬于偏中高階難度~關鍵主要有以下幾點:

  1. 對光影的理解
  2. 對形體的理解
  3. 對質感的熟悉程度
  4. 以及夠不夠有耐心哦~

歡迎關注作者的微信公眾號:折騰先生

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

「優設七月份人氣最高的PS教程合集」

繪制漂亮的漸變圖標:
《PS教程!教你繪制超漂亮的漸變按鈕圖標》

Q版卡通形象:
《熱門教程!手把手教你把真人變成Q版卡通形象》

PS摳圖神器!
《PS摳圖神器!兩個實例幫你徹底掌握「調整邊緣」的逆天功能》

PS教程!手把手教你繪制萌萌噠的小鳥卡通形象

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
設計微博:擁有粉絲量160萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

收藏 80
點贊 7

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。