Preview

Easily Make Shiny Realistic Vector Hair

Aug 13th in Illustration by Jonathan

This tutorial will show the intermediate Adobe Illustrator artist how to easily make realistic-looking shiny vector hair. We'll be creating S shapes and using them to construct natural looking hair. You should have a basic understanding of Adobe Illustrator tools before you begin this tutorial.

PG

Author: Jonathan

I'm a print and web designer with experience in a range of software and technologies. If you like my tutorials or have constructive feedback please make sure to comment and follow me on Twitter.

Final Image Preview

Let's have a look at the image we'll be creating.

Step 1

Start by using the Pen Tool (P) and draw a nice curved shape. Make sure your lines are smooth and don't have jagged points.

Step 2

Give the line a tapered look by using the Artistic Ink Palette. Go to the top of the screen and select Window > Brush Libraries > Artistic > Artistic_Ink. Select the Tapered-Sharp brush. You'll need to adjust the weight of your line so that the hair is thin. As you can see, I've used a weight of 0.25 pt.

Step 3

Notice how the end of the hair is thin and realistic looking. What also adds to the realism is the fact that the line is nice and smooth. Repeated practice with the Pen Tool will enable you to feel more comfortable drawing natural-looking objects. It just takes a little practice!

Step 4

Draw several more S shapes to build up a large volume of hair. Vary their weight and curvature to add variety. You can also duplicate and alter some of the existing shapes.

Step 5

Note the randomness of each hairs length, thickness, and curvature.

Step 6

Achieve a solid mass of hair by drawing an S shape and making it black. We'll place this shape behind the hair we've just drawn to fill in any white gaps.

Step 7

Give the shape a shadow to add dimension to it.

Step 8

Move the shape you just drew behind the individual hairs. See how the hair looks thick and complete?

Step 9

Small details like highlights give the hair a completely different feel. Draw several curved shapes that we'll use as highlights on various parts of the hair.

Step 10

Make the curved highlights white and place them over the top of the hair in places where light looks like it should be reflecting.

Step 11

Add more highlights and adjust their transparency to give the impression of less reflection. It's looks more realistic if a bright reflection is adjacent to a not-so-bright reflection.

Step 12

Careful not to add too many highlights as this will overpower the subtlety of the effect. This is what your hair should look like.

Step 13

The background is simply created using the Rounded Rectangle Tool. Once you draw the shape, add a nice gradient to compliment the hair. The contrast between the rich black hair and the vibrant red background helps the image come to life!

Final Image

Here is what your completed illustration should look like!


Enjoy this Post?

We'd love your vote!

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    Grafiko August 13th

    First, woohoo!…very interesting technique.

    ( Reply )
  2. PG

    Abhijit V. Chaore August 13th

    Nice tutorial. It involves no special filter effects and requires lot of hardwork. But at the end gives a wonderful effect. Really nice tutorial. Thanks.

    ( Reply )
  3. PG

    Dan August 13th

    I prefer hard work to filter effects and this pays off big time, thanks for the short yet very informative tutorial

    ( Reply )
  4. PG

    LadyAngora August 13th

    i love it! i totally want to try it. thanks for the tutorial!

    ( Reply )
  5. PG

    w1sh August 13th

    I like this a lot. But wouldn’t it be easier/cleaner to use gradient for the highlights?

    ( Reply )
  6. PG

    Shane August 13th

    When I first saw the image, it reminded me of a vinyl record. The effect looks a little overdone to me, but nonetheless, it’s a good’un.

    Thanks for posting.

    ( Reply )
  7. PG

    Nindia August 13th

    I agree that it looks overdone. But the technique can still produce a very nice illustration.

    Thanks!

    ( Reply )
  8. PG

    Jen August 13th

    Fun tip: If you use a black that is on the red side of the spectrum you won’t get that weird distortion around the edges of the hair (i.e. that grayish white color around the edges). Same goes for black on any colored background.

    ( Reply )
  9. PG

    Jonathan August 13th

    Jen, good tip.

    The Illustrator file looks clean though. I guess it’s just the way I made the jpegs. I’ll work on that next time though.

    ( Reply )
  10. PG

    MoNsTeR August 13th

    looks great

    ( Reply )
  11. PG

    coldboy August 13th

    awesome Guys….! cooL…..

    ( Reply )
  12. PG

    Poonam August 21st

    Hi,

    Nice tutorial, something which can’t be seen everywhere……….. :)

    ( Reply )
  13. PG

    Vector Graphics August 26th

    That`s a little bit to shiny to be realistic. Anyway, good job. Thanks!

    ( Reply )
  14. PG

    fili August 26th

    real cool stuff

    ( Reply )
  15. PG

    Imran November 7th

    great technique …

    ( Reply )
  16. PG

    riccardo November 25th

    its shiny like a dirty pigeon :) hahaha… but is very nice tecnique thanks

    ( Reply )
  17. PG

    tin myo aung December 25th

    amazing!!!!

    ( Reply )
  18. PG

    leslie March 9th

    Thanks so much! I am just switching from fashion sketching by hand to doing it in illustrator and this tutorial really achieves the right look for hair on a fashion croquis. Thanks!!

    ( Reply )
  19. PG

    CgBaran Tuts May 14th

    Amazing its simple but looks great

    ( Reply )
  20. PG

    Danielle July 15th

    You have no idea how wonderful this is!!!
    Thanks.

    Now, how would you do an old man face (wrinkles)?

    ( Reply )
  21. PG

    Shlomit August 16th

    Thank you for sharing it with us
    :)

    ( Reply )
  22. PG

    sudhakara September 8th

    how to decrease the line to .25pt it’s not coming in cs3

    ( Reply )
  23. PG

    Dennis Braun November 16th

    What is here Realistic

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    November 16th