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.

Author: Jonathan

Jonathan has written a combination of almost 20 tutorials and graphics for Vectortuts! A couple of his favorites are: Make a Fairy-Tale Inspired Magical Hand Shaped Vine and VECTORTUTS Freebie Vector Pack: Browser Screens and Website Elements. He is a graphic designer with extensive hands-on knowledge of Adobe Suite Products. He has several years of experience using Adobe Illustrator, specifically, and seeks to share his skills with the design community.

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!

User Comments

( ADD YOURS )

  1. Grafiko August 13th

    First, woohoo!…very interesting technique.


  2. 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.


  3. Dan August 13th

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


  4. LadyAngora August 13th

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


  5. w1sh August 13th

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


  6. 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.


  7. Nindia August 13th

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

    Thanks!


  8. 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.


  9. 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.


  10. MoNsTeR August 13th

    looks great


  11. coldboy August 13th

    awesome Guys….! cooL…..


  12. Poonam August 21st

    Hi,

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


  13. Vector Graphics August 26th

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


  14. fili August 26th

    real cool stuff


  15. Imran November 7th

    great technique …


  16. riccardo November 25th

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


  17. tin myo aung December 25th

    amazing!!!!


Add Your Comment

( GET A GRAVATAR )
  • Gravatar

    Your Name January 6th

Arrow