當(dāng)前位置:首頁(yè)>ps實(shí)例教程>ps繪畫(huà)教程>鼠繪教程>教程內(nèi)容

ps繪制可愛(ài)卡通的海盜船長(zhǎng)(6)

來(lái)源:ICONFANS 作者:Milaky  學(xué)習(xí):5995人次

 人物設(shè)計(jì)可能是最有趣的事情,你可以使用Photoshop作為工具之一。今天我們將演示如何在Photoshop中繪制一個(gè)海盜角色。讓我們開(kāi)始吧,下面讓我們一起來(lái)學(xué)習(xí)吧

先看看效果圖

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 1

Let’s start with a sketch, I always draw a sketch and scanit into my computer.

讓我們從一個(gè)草圖開(kāi)始,我總是畫(huà)一個(gè)草圖掃描進(jìn)我的電腦。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 2

Create a new 2000 by 1800 pixel document with a whitebackground. Fill the background layer with a blue color #3686c3. Put the layerin a group, name it "Background", duplicate the background layer,rename it "Background Color" and put it in the "Background"group. Delete the old background layer.

創(chuàng)建2000*1800像素白色背景新文件。用藍(lán)色#3686c3填充背景層。命名為“背景顏色”。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 3

Put the sketch in a new layer and name it “Sketch”.

載入一個(gè)新圖層,命名為“素描”。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 4

Set the “Sketch” Opacity to 20%. Use the Pen Tool (P) todraw the head shape.

設(shè)置“素描”不透明度為20%。使用鋼筆工具(P)繪制的頭部形狀。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 5

Once the head path is complete, right click on the path,select Make Selection, then press OK.Create a new layer and name it with a name easy to remember (in this example,name the layer “Head”).Fill the selection with a grey color, then deselect with Command/Ctrl + D.

查看頭部路徑是否完整,在路徑上點(diǎn)擊右鍵,選擇“建立選區(qū)”,然后按確定。創(chuàng)建一個(gè)新圖層并命名一個(gè)名字易記(在這個(gè)例子中,命名該層的“頭”)中。用灰色填充,快捷鍵: CTRL + D取消選區(qū)。我再提供方法二:使用鋼筆勾勒矢量圖層后,灰色填充,點(diǎn)擊矢量圖右鍵選擇“柵格化圖層”,命名為“頭”。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 6

Select the “Head” layer, create a group with Command/Ctrl +G and name this group “Head”.Create a new layer above the layer “Head” (Shift + Command/Ctrl + N), name it“Shadow”, and choose “Multiply” mode.Create a second layer (Shift + Command/Ctrl + N), name it “Light”, and choose“Screen” mode.

選擇“頭”圖層,按 Ctrl + G組合圖層,并命名該組合為“頭”。在“頭”層上創(chuàng)建一個(gè)新圖層( Ctrl +Shift +N),命名為“影”新層,并選擇“疊加”模式。創(chuàng)建第二層(Ctrl +Shift + N),命名為“光”,然后選擇“正片疊加”模式。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 7

Repeat steps 5 to 6 for all the character’s parts.

重復(fù)步驟5至6所有操作的部分。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 8

Ok, It’s time to bring some colors to our character. We aregoing to start with the head. Select the layer "Head", lock thetransparency (by clicking the small icon "Lock" in the top left ofthe layers). Choose a color (#f4bc83), a hard brush (Opacity 100%) for coloringthe head shape. Repeat this step for all the character’s shapes.

OK,是時(shí)候給人物上一些顏色。我們從頭部開(kāi)始,選擇“頭”圖層,鎖定圖層,(按圖層左上角小圖標(biāo)“鎖定”)。設(shè)定顏色(#f4bc83),用100%硬筆刷涂繪頭部形狀。以下形狀做同樣步驟。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)




Step 9

Select the “Shadow” layer then get the head selection byclicking on the “Head” layer with Command/Ctrl + Left Click. Hide the selection(Command/Ctrl + H). We’re now ready to work on the shadow’s head.

選擇“陰影”層,按命令Ctrl+左鍵點(diǎn)擊“頭”圖層。隱藏虛線(xiàn)選擇(Ctrl+H),我們現(xiàn)在準(zhǔn)備畫(huà)頭部的陰影。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 10

I’m starting with a soft 66 pixel brush with the opacityset to 10%. Start to draw the shadows with the same base color (#f4bc83) as thehead, then gradually, choose a darker color. Adjust the brush size to suit yourneeds.

使用柔角畫(huà)筆,設(shè)置為10px,透明度66%,選擇與臉部基本顏色((#f4bc83),漸漸地選擇較暗的顏色,調(diào)整畫(huà)筆大小繪制,以滿(mǎn)足你的需求。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 11

Do the same things on the “Light” layer, but this time,gradually choose a lighter color when drawing.

這次繪制臉部明亮的部分,但是這一次,是選擇較淺的顏色繪制。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 12

Repeat steps 10 to 11 for all others parts of thecharacter.

其余部分都重復(fù)10~11步驟的繪制方法。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 13And voilà, the shadows and the lights has been added onmost of the character’s parts. But there’re still some parts that deserve moredetails.

瞧,陰影和光亮就布滿(mǎn)了人物的大部分。但有些地方依然存在不足,需要更多的細(xì)節(jié)。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 14

The hat looks good, but let’s add a little texture to it.

這頂帽子看起來(lái)不錯(cuò),但是還需要讓我們來(lái)添加一些紋理吧。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 15

Place the "Black and White Grunge" texture in thedocument (between the "Base" layer and the "Shadow" layer),name it "Texture" and resize it to fit the hat. Select the hat’sshape with Command/Ctrl + Left Click by clicking on the "Hat" layer,invert the selection with Shift + Command/Ctrl + I. Hit Delete and deselectwith Command/Ctrl + D.

導(dǎo)入一張黑白紋理圖片放置在陰影和光亮圖層中間,命名為“紋理”,并調(diào)整其大小以適合帽子。選擇帽子與命令Ctrl+左鍵點(diǎn)擊帽子圖層,命令Ctrl+shift+I反選選區(qū),命令Ctrl+D去掉選區(qū)。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 16

Set the “Texture” layer to Multiply mode

設(shè)置“紋理”圖層為正片疊底模式。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 17

Repeat steps 15 to 16 for the others clothes.

其他衣服紋理重復(fù)15~16步驟。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 18

For the eyes, select the black border layer and apply aGaussian filter on it.

對(duì)眼睛,選擇黑色邊框,選擇濾鏡>模糊>高斯模糊>半徑8px.

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

 


 

Step 19

Like the previous steps, add the shadows on the “Shadow”layer.

像以前的步驟,添加“陰影”層的陰影。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 20

Add the light in the eyes on the “Light” layer.

在“光”層添加高光。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 21

With the Eraser Tool (E), give the eye a better look byerasing the black border a little bit.

用橡皮擦工作給眼睛黑色邊框擦除更好看些。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 22

Repeat steps 18 to 21 for the left eye.

重復(fù)18~21左眼的步驟。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 23

For the mouth, create a new layer and set mode to “Color”and the opacity to 50-55%, add a little bit of red around the mouth with a softbrush.

嘴部分,創(chuàng)建一個(gè)新圖層,設(shè)置模式為為“顏色”,用50-55%的柔角畫(huà)筆涂繪嘴邊紅點(diǎn)。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 24

Add some shadows on the “Shadow” layer.繪制“陰影”層的陰影。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 25

And light on the “Light” layer.

繪制“光”層的光亮部分。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 26

Duplicate the “Mouth” layer and put it above the “Light”layer.

復(fù)制嘴巴圖層在光層上面。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 27

elect the mouth shape with Command/Ctrl + Left Click.命令crtl+左鍵點(diǎn)擊嘴型圖層。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 28

Move the selection a little bit down with the Down Key,erase by hitting the Del key.

將虛線(xiàn)選框往下移動(dòng)一點(diǎn),點(diǎn)擊Del刪除。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 29

Draw the teeth with a soft brush and a black color.

用黑白顏色軟刷畫(huà)筆繪制牙齒部分。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 30

For the skull head, add shadow and light as usual.

對(duì)于骷髏頭,添加陰影和光亮部分像之前一樣操作。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 31

Then add a Drop Shadow Style on the skull he3ad layer.

然后,頭顱骨上添加陰影樣式效果。看圖設(shè)置。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 32

Here is a detail of the scar, nothing special, just anextra “Color” mode layer with a little bit of red around the scar.

這里是一個(gè)疤痕,沒(méi)什么特別,只是一個(gè)額外的“顏色”模式層的細(xì)節(jié)。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 33

For the beard, add a new layer and set mode to"Multiply", select a soft brush and a brown color, then start topaint. I’ve shown you the "beard" zone in red on the thumbnail.

對(duì)于胡子,新建一個(gè)圖層,設(shè)置模式為“正片疊底”,選擇一個(gè)軟刷和棕褐色,然后開(kāi)始畫(huà)。我展示的是縮略圖中的紅色區(qū)域。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)




Step 34

Then, add a new layer (Shift + Command/Ctrl + N), fill itwith the Paint Bucket Tool (G) and a black color.

然后,新建圖層(shift+ctrl+N),用油漆桶工具(G)填充一個(gè)黑色。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 35

Add a “Noise” filter on the layer (Filter > Noise >Add Noise).

添加雜色(濾鏡>雜色>添加雜色)。看圖設(shè)置。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 36

Command/Ctrl + Left Click on the “Beard” layer, reverse theselection with Shift + Command/Ctrl + I, erase with the “Del” key and deselectwith Command/Ctrl + D.

命令ctrl+左鍵點(diǎn)擊“胡子”層,命令shift+ctrl+I反選,點(diǎn)擊Del刪除,ctrl+D取消選擇。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 37

Set to “Soft Light” mode and opacity to 40%.

設(shè)置為“柔光”模式,不透明度為40%。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 38

For the hairs, use a 1 pixel soft brush with a dark browncolor for the shadows, and a light brown for the lights.

對(duì)于頭發(fā),使用1像素暗棕色的軟毛刷繪制陰影,和褐色繪制亮部毛發(fā)。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 39

Our pirate is finally finished!

我們的海盜終于完成啦!

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 40

For the ribbon, use the step 5 to 8 from the pirate’s head.Use the colors: #f7eac5, #f0dcb3, #e5cc9d, #d2ac76. Erase the edges with theEraser Tool (E) for the torn edges.

對(duì)于剪彩條,用5-8海盜的頭步驟,使用顏色#f7eac5,#f0dcb3,#e5cc9d,#d2ac76。然后用橡皮擦除邊緣達(dá)到撕裂效果。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 41

You can see all the parts in this picture.

你可以看到這張圖片的所有部分。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 42

Add the shadows on the ribbon.增加剪彩條所有的陰影部分。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 43

Then add the lights.然后增加光亮部分。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 44

Place the Grunge Paper texture in the document; resize itto fit the ribbon.

導(dǎo)入一張紙張紋理,調(diào)整大小以適應(yīng)剪彩條。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

 


Step 45

Select ALL the ribbon’s shapes with Command/Ctrl + LeftClick by clicking on the each layer, invert the selection with Shift +Command/Ctrl + I. Hit Del and deselect with Command/Ctrl + D.

命令shift+左鍵點(diǎn)擊“剪彩條”每一個(gè)層,命令shift+ctrl+加左鍵點(diǎn)擊每一個(gè)圖層形狀,得出整體的選框,在紙張層上命令shift+ctrl+I反選,,Del刪除,ctrl+D取消選擇。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 46

Set the “Texture” layer to “Multiply” mode.設(shè)置“紋理”為正片疊底。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 47

Add some text with the Type Tool (T), I’ve choose the free“Cloister Black” font”.

添加一些文字,點(diǎn)擊文字工具(T),我已經(jīng)選擇了免費(fèi)的“CloisterBlack”字體。

弧形文字這里,我沒(méi)有找到變形的效果入口,只能教大家另外個(gè)方法,使用鋼筆勾勒弧形路徑,

然后使用文字工具點(diǎn)擊路徑上添加文字。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Step 48

Right Click on the Type layer, then choose Rasterize Type.Add some style on it. Erase some parts with the Eraser Tool (E) using à softbrush.

點(diǎn)擊文字圖層,右鍵選擇柵格化。給它添加圖層樣式(看圖設(shè)置),然后使用軟筆刷和相片在上面擦拭下效果。

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

Final Image最終圖像

Photoshop繪制可愛(ài)卡通的海盜船長(zhǎng),PS教程,思緣教程網(wǎng)

翻譯后感:翻譯完這篇教程后,發(fā)現(xiàn)講解的詳細(xì)度并不是很多,這需要有一定的繪畫(huà)基礎(chǔ)的人,對(duì)物(人物和物體)的結(jié)構(gòu)以及光源的理解才能輕松的完成這次的繪制工作。所以這篇中級(jí)教程,只是提點(diǎn)了大的步驟過(guò)程,手繪的分塊流程,可以歸納為一個(gè)本體和光影的結(jié)合便完成。而快速技巧性的樣式很少。這次來(lái)鍛煉下很久沒(méi)手繪的童鞋們功夫吧,繪畫(huà)中自然會(huì)有一定的樂(lè)趣,在人家的效果圖中能夠?qū)W習(xí)動(dòng)畫(huà)角色的造型和表現(xiàn)細(xì)節(jié)。最后期待大家的效果圖

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!