使用Photoshop绘制海盗角色

UI / UI设计教程 /      

uimaker
UI设计师 / 江苏 南京

来源:Milaky   作者:tutsplus

关键词

 难度:中级

使用软件:Photoshop

预计完成时间5~6小时

人物设计可能是最有趣的事情,你可以使用Photoshop作为工具之一。 今天,我们将演示如何在Photoshop中绘制一个海盗角色。 让我们开始吧!

Draw a Pirate Character in Photoshop - Milaky -

Step 1

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

让我们从一个草图开始,我总是画一个草图扫描进我的电脑。

Draw a Pirate Character in Photoshop - Milaky -

 

 
   

 

Step 2

Create a new 2000 by 1800 pixel document with a white background. Fill the background layer with a blue color #3686c3. Put the layer in 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.

创建2000*1800像素白色背景新文件。 用蓝色#3686c3填充背景层。 命名为“背景颜色 ”。

Draw a Pirate Character in Photoshop - Milaky -

 

Step 3

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

载入一个新图层,命名为素描

 

Draw a Pirate Character in Photoshop - Milaky -

Step 4

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

设置素描不透明度为20%。 使用钢笔工具(P)绘制的头部形状。

 

 
Draw a Pirate Character in Photoshop - Milaky -

 

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.

查看头部路径是否完整,在路径上点击右键,选择“建立选区”,然后按确定。创建一个新图层并命名一个名字易记(在这个例子中,命名该层的)中。
用灰色填充,快捷键: CTRL + D取消选区。

我再提供方法二:使用钢笔勾勒矢量图层后,灰色填充,点击矢量图右键选择“栅格化图层”,命名为“头”。

 

Draw a Pirate Character in Photoshop - Milaky -
 

Draw a Pirate Character in Photoshop - Milaky -

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组合图层,并命名该组合为
层上创建一个新图层( Ctrl +Shift + N),命名为新层,并选择叠加模式。
创建第二层(Ctrl +Shift + N),命名为,然后选择正片叠加模式。

Draw a Pirate Character in Photoshop - Milaky -

Step 7

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

重复步骤56所有操作的部分。

Draw a Pirate Character in Photoshop - Milaky -

Step 8

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

OK,是时候给人物上一些颜色。我们从头部开始,选择“头”图层,锁定图层,(按图层左上角小图标“锁定”)。设定颜色(#f4bc83,100%硬笔刷涂绘头部形状。以下形状做同样步骤。

Draw a Pirate Character in Photoshop - Milaky -

Step 9

Select the “Shadow” layer then get the head selection by clicking 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+左键点击“头”图层。隐藏虚线选择(Ctrl+H,

我们现在准备画头部的阴影。

 

Draw a Pirate Character in Photoshop - Milaky -

 

Step 10

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

使用柔角画笔,设置为10px,透明度66%,选择与脸部基本颜色((#f4bc83),渐渐地选择较暗的颜色,调整画笔大小绘制,以满足你的需求。

Draw a Pirate Character in Photoshop - Milaky -

Step 11

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

这次绘制脸部明亮的部分,但是这一次,是选择较浅的颜色绘制。

 

Draw a Pirate Character in Photoshop - Milaky -

 

Step 12

Repeat steps 10 to 11 for all others parts of the character.

其余部分都重复10~11步骤的绘制方法。

 

Draw a Pirate Character in Photoshop - Milaky -

 

 

Step 13

And voilà, the shadows and the lights has been added on most of the character’s parts. But there’re still some parts that deserve more details.

瞧,阴影和光亮就布满了人物的大部分。但有些地方依然存在不足,需要更多的细节。

 

Draw a Pirate Character in Photoshop - Milaky -
 

 Step 14

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

这顶帽子看起来不错,但是还需要让我们来添加一些纹理吧。

Draw a Pirate Character in Photoshop - Milaky -

Step 15

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

导入一张黑白纹理图片放置在阴影和光亮图层中间,命名为“纹理”,并调整其大小以适合帽子。选择帽子与命令Ctrl+左键点击帽子图层,命令 Ctrl+shift+I反选选区,命令Ctrl+D去掉选区。

 

Draw a Pirate Character in Photoshop - Milaky -

 

Step 16

Set the “Texture” layer to Multiply mode

设置“纹理”图层为正片叠底模式。

Draw a Pirate Character in Photoshop - Milaky -

Step 17

Repeat steps 15 to 16 for the others clothes.

其他衣服纹理重复15~16步骤。

 

Draw a Pirate Character in Photoshop - Milaky -

 

 

 

Step 18

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

对眼睛,选择黑色边框,选择滤镜>模糊>高斯模糊>半径8px.

Draw a Pirate Character in Photoshop - Milaky -

 

Step 19

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

像以前的步骤,添加“阴影”层的阴影。

 

Draw a Pirate Character in Photoshop - Milaky -

Step 20

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

在“光”层添加高光。

 

Draw a Pirate Character in Photoshop - Milaky -

Step 21

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

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

 

Draw a Pirate Character in Photoshop - Milaky -

Step 22

Repeat steps 18 to 21 for the left eye.

重复18~21左眼的步骤。

Draw a Pirate Character in Photoshop - Milaky -

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 soft brush.

嘴部分,创建一个新图层,设置模式为为“颜色”,用50-55%的柔角画笔涂绘嘴边红点。

 

Draw a Pirate Character in Photoshop - Milaky -

Step 24

Add some shadows on the “Shadow” layer.

绘制“阴影”层的阴影。

Draw a Pirate Character in Photoshop - Milaky -

Step 25

And light on the “Light” layer.

绘制“光”层的光亮部分。

 

Draw a Pirate Character in Photoshop - Milaky -

Step 26

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

复制嘴巴图层在光层上面。

Draw a Pirate Character in Photoshop - Milaky -

Step 27

elect the mouth shape with Command/Ctrl + Left Click.

命令crtl+左键点击嘴型图层。

 

Draw a Pirate Character in Photoshop - Milaky -

Step 28

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

将虚线选框往下移动一点,点击Del删除。

 

Draw a Pirate Character in Photoshop - Milaky -

Step 29

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

用黑白颜色软刷画笔绘制牙齿部分。

 

Draw a Pirate Character in Photoshop - Milaky -

Step 30

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

对于骷髅头,添加阴影和光亮部分像之前一样操作。

Draw a Pirate Character in Photoshop - Milaky -

Step 31

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

然后,头颅骨上添加阴影样式效果。看图设置。

 

 

Draw a Pirate Character in Photoshop - Milaky -

 

Draw a Pirate Character in Photoshop - Milaky -

Step 32

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

这里是一个疤痕,没什么特别,只是一个额外的“颜色”模式层的细节。

 

 

Draw a Pirate Character in Photoshop - Milaky -

Step 33

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

对于胡子,新建一个图层,设置模式为“正片叠底”,选择一个软刷和棕褐色,然后开始画。我展示的是缩略图中的红色区域。

Draw a Pirate Character in Photoshop - Milaky -


 

 

 

Step 34

 

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

然后,新建图层(shift+ctrl+N,用油漆桶工具(G)填充一个黑色。

 Draw a Pirate Character in Photoshop - Milaky -

 Step 35

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

添加杂色(滤镜>杂色>添加杂色)。看图设置。

 

Draw a Pirate Character in Photoshop - Milaky -
 
Draw a Pirate Character in Photoshop - Milaky -

 

Step 36

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

命令ctrl+左键点击“胡子”层,命令shift+ctrl+I反选,点击Del删除,ctrl+D取消选择。

Draw a Pirate Character in Photoshop - Milaky -

Step 37

 

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

设置为“柔光”模式,不透明度为40%

 

Draw a Pirate Character in Photoshop - Milaky -

 

Step 38

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

对于头发,使用1像素暗棕色的软毛刷绘制阴影,和褐色绘制亮部毛发。

 

Draw a Pirate Character in Photoshop - Milaky -

Step 39

Our pirate is finally finished!

我们的海盗终于完成啦!

 

Draw a Pirate Character in Photoshop - Milaky -

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 the Eraser Tool (E) for the torn edges.

对于剪彩条,用5-8海盗的头步骤,使用颜色f7eac5,#f0dcb3,#e5cc9d,#d2ac76。然后用橡皮擦除边缘达到撕裂效果。

Draw a Pirate Character in Photoshop - Milaky -

Step 41

You can see all the parts in this picture.

你可以看到这张图片的所有部分。

 

Draw a Pirate Character in Photoshop - Milaky -

Step 42

Add the shadows on the ribbon.

增加剪彩条所有的阴影部分。

 

Draw a Pirate Character in Photoshop - Milaky -

Step 43

Then add the lights.

然后增加光亮部分。

 

Draw a Pirate Character in Photoshop - Milaky -

Step 44

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

导入一张纸张纹理,调整大小以适应剪彩条。

Draw a Pirate Character in Photoshop - Milaky -

Step 45

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

命令shift+左键点击“剪彩条”每一个层,命令shift+ctrl+加左键点击每一个图层形状,得出整体的选框,在纸张层上命令shift+ctrl+I反选,Del删除,ctrl+D取消选择。

 

Draw a Pirate Character in Photoshop - Milaky -

 
Step 46

Set the “Texture” layer to “Multiply” mode.

设置“纹理”为正片叠底。

 

Draw a Pirate Character in Photoshop - Milaky -

Step 47

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

添加一些文字,点击文字工具(T),我已经选择了免费的“Cloister Black”字体。弧形文字这里,我没有找到变形的效果入口,只能教大家另外个方法,使用钢笔勾勒弧形路径,然后使用文字工具点击路径上添加文字。

 

Draw a Pirate Character in Photoshop - Milaky -

 

Draw a Pirate Character in Photoshop - Milaky -
Draw a Pirate Character in Photoshop - Milaky -
 
 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 à soft brush.

点击文字图层,右键选择栅格化。给它添加图层样式(看图设置),然后使用软笔刷和相片在上面擦拭下效果。

 

Draw a Pirate Character in Photoshop - Milaky -

 

Draw a Pirate Character in Photoshop - Milaky -

 

Draw a Pirate Character in Photoshop - Milaky -

Final Image

最终图像

Draw a Pirate Character in Photoshop - Milaky -

 

翻译后感:翻译完这篇教程后,发现讲解的详细度并不是很多,这需要有一定的绘画基础的人,对物(人物和物体)的结构以及光源的理解才能轻松的完成这次的绘制工作。所以这篇中级教程,只是提点了大的步骤过程,手绘的分块流程,可以归纳为一个本体和光影的结合便完成。而快速技巧性的样式很少。这次来锻炼下很久没手绘的童鞋们功夫吧,绘画中自然会有一定的乐趣,在人家的效果图中能够学习动画角色的造型和表现细节。最后期待大家的效果图!~ ^0^~

 

原文地址:http://milaky.blog.163.com/blog/static/188177423201151852959258/

 

 收藏