Preview

Easily Make Shiny Realistic Vector Hair

Download Source Files

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.

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!

  • http://www.studiografiko.com Grafiko

    First, woohoo!…very interesting technique.

  • http://www.just-abhi.com Abhijit V. Chaore

    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.

  • http://www.1pixelbrush.com Dan

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

  • http://www.darah.com LadyAngora

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

  • http://na w1sh

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

  • http://www.freshclickmedia.com Shane

    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.

  • http://www.thehiphopdaily.com Nindia

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

    Thanks!

  • Jen

    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.

  • Jonathan

    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.

  • http://designographic.com MoNsTeR

    looks great

  • coldboy

    awesome Guys….! cooL…..

  • Poonam

    Hi,

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

  • http://coolvectors.com Vector Graphics

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

  • http://www.badintentionsdesign.com fili

    real cool stuff

  • Pingback: 77 Essential Photoshop Techniques for photo-realistic Textures | Beeex.net

  • Imran

    great technique …

  • riccardo

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

  • tin myo aung

    amazing!!!!

  • Pingback: joycrusher.org » Blog Archive » Friday Link Round Up#2

  • leslie

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

  • Pingback: Make Shiny Realistic Vector Hair - Photoshop Website - Tutorials,Brushes & more..

  • Pingback: 50 Amazing Photoshop Illustrator Tutorials For Photoshop Lovers – Part II - Photoshop Website - Tutorials,Brushes & more..

  • Pingback: 125+ Ultimate Round-Up of Illustrator Tutorials | Showcases | instantShift

  • http://tuts.cgbaran.com CgBaran Tuts

    Amazing its simple but looks great

  • http://www.magicfairygarden.com Danielle

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

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

  • http://shlomit.deviantart.com/ Shlomit

    Thank you for sharing it with us
    :)

  • sudhakara

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

  • Dennis Braun

    What is here Realistic

  • ulises

    GRACIAS

  • http://frontline-media.com Daniel

    I think with more practice it could be more realistic, but good tutorial , thanks