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

Add Comment

Discussion 61 Comments

  1. Jeprie says:

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

  2. Graphstock says:

    Looks awesome. Good job

  3. in progress says:

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

  4. Subhamay says:

    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.

  5. sushi says:

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

  6. iggy says:

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

  7. Oliver says:

    Really nice … öhm … scary! :-)

  8. For-w-art says:

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

  9. AEVION says:

    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 says:

      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…

      • DeepBlueNine says:
        Author

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

      • Nelutu says:

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

      • Justin says:

        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 says:

        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 says:

      Agreed :D

  10. Trizicklo says:

    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!!

  11. DeepBlueNine says:
    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…

  12. ximi says:

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

  13. Dima says:

    Oo, nice work, thanks dude

  14. Justin says:

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

  15. Matthijs.vandelaar says:

    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!

  16. zee7 says:

    very well explained man, thanks for sharing :)

  17. sarah says:

    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

    • DeepBlueNine says:
      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 says:

        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. :)

  18. Fabio says:

    more tut like this! very professional!

  19. Tony says:

    using add noise to make the beard = mind blown

  20. 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!

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

  22. PsdDude says:

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

  23. Doink says:

    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

  24. Mia Lazar says:

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

    Thanks.

  25. Artjunks says:

    great stuff – was looking for something like this :D

  26. fede says:

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

    waiting……
    still waiting….envato……

  27. TGid says:

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

  28. Denial says:

    Step 1: Draw a sketch… Damn

  29. Twen Studio says:

    Hi Dude

    it’s look Good tutorial

    can i used the sketch Picture ?

    waiting you :)

  30. Aldo Ojeda says:

    Supreme tutorial, thanks!

  31. ShoeToad says:

    You forgot a piece of his shoulder :p

    Nevertheless great, great tut mi hartie

  32. Oliver says:

    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!

  33. André Silva says:

    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 says:

      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.

  34. psdbox says:

    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 ?

    • DeepBlueNine says:
      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…

  35. Diana Hernandez says:

    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.

  36. Now he is the real crimson chin!

  37. Gabriel says:

    Great tutorial :) Keep it up!

  38. uzimon says:

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

  39. f3ronz says:

    thank you, i really love it

  40. Nisha Gandhi says:

    wow very nicely written!! love this :)

  41. luciser says:

    yeah..it’s amazing. thank’s

  42. kikio says:

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

  43. Klaudia says:

    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!

  44. Radel G says:

    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.

  45. Blanco111 says:

    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

  46. Excellent tutorial :)

Add a Comment