Draw a Pirate Character in Photoshop

Draw a Pirate Character in Photoshop

Tutorial Details
  • Program: Adobe Photoshop CS+
  • Difficulty: Intermediate
  • Estimated Completion Time: 5 - 6 Hours
Download Source Files

Final Product What You'll Be Creating

Character design might be one of the most fun things that you can do in Photoshop. Today, we will demonstrate how to draw a pirate character in Photoshop. Let’s get started!


Tutorial Assets

The following assets were used during the production of this tutorial:


Step 1

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


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.


Step 3

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


Step 4

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


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.


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.


Step 7

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


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.


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.


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.


Step 11

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


Step 12

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


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.


Step 14

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


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.


Step 16

Set the “Texture” layer to Multiply mode


Step 17

Repeat steps 15 to 16 for the others clothes.


Step 18

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


Step 19

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


Step 20

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


Step 21

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


Step 22

Repeat steps 18 to 21 for the left eye.


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.


Step 24

Add some shadows on the “Shadow” layer.


Step 25

And light on the “Light” layer.


Step 26

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


Step 27

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


Step 28

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


Step 29

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


Step 30

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


Step 31

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


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.


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.


Step 34

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


Step 35

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


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.


Step 37

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


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.


Step 39

Our pirate is finally finished!


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.


Step 41

You can see all the parts in this picture.


Step 42

Add the shadows on the ribbon.


Step 43

Then add the lights.


Step 44

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


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.


Step 46

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


Step 47

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


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.


Final Image

  • http://desaindigital.com Jeprie

    Nice work. Really love the detail. There should more tutorial like this in Psdtuts+.

    • http://www.neilhanvey.co.uk neil hanvey

      i second that. more quick chracter tutorials like this are definitely needed.

  • http://www.graphstock.com Graphstock

    Looks awesome. Good job

  • http://inprogress in progress

    I love characters design tutorials, especially as detailed as this tut..
    … agree with Mr. Jeprie …

  • http://konccepts.com/blog/ Subhamay

    Nice tutorial .You have done a good job as you have extended the parts in several ways. It is really easy to understand without any hesitation .Keep posting .Thanks a lot again.

  • sushi

    nice fresh style, good work, thx for this post !

  • iggy

    I love the ribbon (even though I think there’s too strong of a highlight on the top). It looks really attractive!

  • Oliver

    Really nice … öhm … scary! :-)

  • http://for-w-art.deviantart.com/ For-w-art

    Very nice, I like the idea of using the add noise filter for creating the rough-bearded part. Clever usage of that filter imho.

  • http://bamefi.com/ AEVION

    I really like it, great detail! Although, like most of these type of tutorials, they take a giant leap forward in the beginning with the “starting with this sketch” sort of thing. I could probably do it, but I’ve been drawing for a while, so people who haven’t are not going to be able to do this.

    • flyingfox

      But sketching is a completely different matter. I think this is not the right place to teach that skill. Even though, i agree that getting a proper sketch done is quite an entry barrier for a lot of people.

      Maybe tutsplus could think about a site that teaches traditional drawing skills. It is such a broad matter, that it could easily fill a separate site. Relastic sketching, character design, cartoon drawing, anatomical drawing, layout and storyboard, manga, perspective and so on.

      Would be great, maybe I could even contribute one or two tuts…

      • http://www.deepbluenine.com/ DeepBlueNine
        Author

        Great idea , something like “SketchTuts+” ? Sound really good for a new Envato website :)

      • http://www.nelutu.info Nelutu

        Should be nice to have SketchTuts+ or DrawTuts+ :)

      • http://www.project-lab.com Justin

        I seriously think that is a great idea. I constantly see people complaining that the tutuorials are flawed because the hand drawing isn’t covered (even though as a designer you had better be able to at least roughly sketch your ideas). I would be excited about a tuts site to help with drawing techniques.

      • Tiago Duarte

        I agree completely! Drawing is something that i always wanted to understand and learn but never had the chance to…

        I vote Yes for SketchTuts+ :D

    • SalmanAbbas007

      Agreed :D

  • http://mystinsun.blogspot.com Federico Maggiore

    GREATASTIC. I love it.

  • http://www.evilonegraphics.com Trizicklo

    Now that’s what I’m talking about! This is a really, really awesome tutorial, especially for those that want to learn how to bring your drawings to life. We definitely need a lot more of these, don’t guys agree with me? ;)

    Nice job Eric!!

  • http://www.deepbluenine.com/ DeepBlueNine
    Author

    Hi all…So proud, my first tutorial is on PSDTuts.
    If You have any questions regarding this tutorial, ask me, I’ll try to respond quickly…

  • http://designlovr.com ximi

    Great Tut! The end result is impressive and I really love how detailed the character is.

  • Dima

    Oo, nice work, thanks dude

  • Justin

    this is why i come here. glad to see more top notch work coming here again.

  • Matthijs.vandelaar

    Okay, that is officialy one of the greatest characters ever drawn for a tutorial. Love the simplicity, love the use of textures. Really a great job!

  • http://www.zee7.deviantart.com zee7

    very well explained man, thanks for sharing :)

  • sarah

    Hey,

    I’m stuck on Step 9, Cant seem to get the selection of the head back by using control-left click shortcut, meaning my brush tool goes out of the lines when I paint in the shadows. I’m working on PC with CS5.

    Please help! Really want to finish this great looking tut.

    Thanks
    S

    • http://www.deepbluenine.com/ DeepBlueNine
      Author

      Hi Sara,
      Well, CTRL+Left Click is the right shortcut on PC, but you need to click within the little image of the layer, not on the name or elsewhere. When you press CTRL and move the mouse cursor on the layer thumbnail, the mouse pointer changes… Your cursor become a hand with a little square on it.

      • sarah

        Thanks!

        I cant believe I didn’t know that! I’ve been using photoshop for ages, although mainly for color correction on photographs, and I just never knew that! Wow.

        Thanks so much. :)

  • Fabio

    more tut like this! very professional!

  • http://www.17ps8.com peter

    super good,

  • http://tony-ob.deviantart.com Tony

    using add noise to make the beard = mind blown

  • http://vibe-tutorials.com/ Jarod @ Vibe Tutorials

    Wow, and I thought you would of done something else like actually drawed it from scratch without guidance. Awesome tut, nice to know a tablet isn’t the only method of doing these kinds of things!

  • http://www.jgdesignz.com Jose Gonzalez

    Flawless!!!! Love the detail and the way everything comes together.

  • http://www.psd-dude.com PsdDude

    Amazing!!!!! I must try this great tut , thanks Eric

  • http://www.designioustimes.com Doink

    I like the idea of following an entire process of starting from a paper sketch and ending with a cool design.
    It is a really good thing to teach starting Photoshop users that using ye olde pencil and paper to materialize your ideas is the best way before even opening Photoshop.

    The techniques used are simple and stick to basic principles, which make the tut very useful for light rendering and texturing a surface.

    It looks so great, it should become the logo for “Talk like a pirate day” :D

  • http://tiny.cc/mialazar Mia Lazar

    This is so cool. I allways ask my self how people doing that, BTW great tutorial.

    Thanks.

  • http://www.artjunks.com Artjunks

    great stuff – was looking for something like this :D

  • fede

    DrawTuts !!!!!!!…… great, great idea, U can post a lot of material….. start wait for this.

    waiting……
    still waiting….envato……

  • http://www.godindesigns.com TGid

    This is a great tutorial. Very inspiring and some great techniques used. Keep it up.

  • Denial

    Step 1: Draw a sketch… Damn

  • http://www.twenstudio.com/ Twen Studio

    Hi Dude

    it’s look Good tutorial

    can i used the sketch Picture ?

    waiting you :)

  • http://maledictus.com.mx Aldo Ojeda

    Supreme tutorial, thanks!

  • ShoeToad

    You forgot a piece of his shoulder :p

    Nevertheless great, great tut mi hartie

    • http://www.deepbluenine.com/ DeepBlueNine
      Author

      Oups, you’re right, I forgot it! You have eagle eyes :)

  • Oliver

    Drawing isn’t that hard to learn. You can find a lot of books on amazon and/or ebay and of course ebooks and tutorials on how to draw heads and bodies in google or in your favorite file sharing network. You can also find a lot of great videos on youtube and other video networks. This is the internet!

  • http://www.youtube.com/drekw2 André Silva

    Very nice and original tutorial!
    In the step 47 you should create a path with the pen tool with the shape you want, and then with the text tool click over the path to write on it. It’s far better that use the wrap text tool because of the distortions. In some situations this tool distort the text like crazy! Try it ;)

    Cheers
    André

    • flyingfox

      Depends on what effect you want to achieve. In this case, it is correct to use the warp tool to get a bended text on a bended banner. Undistorted path text would look wrong on the banner.

  • http://www.psdbox.com psdbox

    Awesome tutorial. I’ll have to try this technique. Can anybody tell me if this is easier to make with a tablet or with a mouse? Or it makes no difference ?

    • http://www.deepbluenine.com/ DeepBlueNine
      Author

      Hi, using a tablet is really more simple and faster with some parts, like the hairs for example.
      It’s a little bit longer than using a tablet but you can do it with a mouse…

  • Diana Hernandez

    Hey, I like the final result very much, the face is great, hmm not the hat I think, :) but the whole process is very interesting.

  • http://www.zazzle.co.uk/formuladesigns FormulaDesigns

    Now he is the real crimson chin!

  • http://www.plasticvisual.com Gabriel

    Great tutorial :) Keep it up!

  • uzimon

    I think you guys would benifit tremendously from a sketch or draw tuts site the site hits would probably double in no time

  • f3ronz

    thank you, i really love it

  • http://nishagandhi.redbubble.com/ Nisha Gandhi

    wow very nicely written!! love this :)

  • http://pdfeeloans.com luciser

    yeah..it’s amazing. thank’s

  • http://allasport.com kikio

    wow. it’s delicious. with art in new side. thank

  • http://img508.imageshack.us/img508/9270/piratep.jpg Klaudia

    Hello, I did your tutorial, changed few parts etc. but it is officialy my first Photoshop drawing. I know there are many things that still need to be corrected but I am showing it as it is :) Hope it wasn’t too bad for the first time. Great tutorial cheers!

  • Radel G

    Ok the drawtuts idea is not bad at all, but it will only be like a compilation of what exists already.

    Like someone said before, there are a lot of free material in this topic already.

    Excellent tutorial by the way, very inspiring.

  • Blanco111

    I spent many hours over a two week period to complete this great tutorial. I’m using PSE 8. so I couldn’t follow everything exactly as directed. Also, I didn’t want to trace it, so I used a grid method. I learned a lot by doing this tutorial. Although not perfect, I love the way it came out. Here’s mine: http://i1130.photobucket.com/albums/m539/Blanco111/Photoshop%20Elements%208/Shady-Pirate.jpg

  • http://www.glory-creation.com glorycreation

    Excellent tutorial :)