Saturday, May 28, 2016

Miss Behaving: The “Mane” Attraction – Part II

March 10, 2010 by  
Filed under Miss Behaving, Tutorials, Weekly Features

Yes, the long – awaited, much-anticipated “Hair -Do’s” tutorial is finally “hair”.  (Sorry, two puns in one sentence … I know that was painful.)

*Disclaimer* – This tutorial is NOT for the faint of heart. You may experience dizziness or fatigue. Nausea and heartache may occur.

I’m just kidding! (Sort of.) It’s actually quite simple. But as most things that are worth the effort, it is time consuming, tedious; occasionally it’s frustrating and every so often it’s a real pain. Kind of like motherhood, actually. Heh

*IMPORTANT* – Save your work. OFTEN! There is nothing more heartbreaking than working your fingers to the bone and then your *bleeping* system crashes. This tutorial would have been finished last week but unfortunately, I didn’t save often so yeah … I am speaking from experience. So sad.

Today’s tutorial is an introduction of how to turn PhotoShop into your own personal hair styling salon. Sort of. Well, not really, but it sounded good. Heh

There are some hairs that no matter how hard you try or how close you zoom in are just impossible to extract. We will be learning how to paint the little fly-away hairs on an extracted model with brushes.

Speaking of brushes … I know I’ve been teasing you with the promise of some amazing custom made brushes by Studio Wendy. My name is Miss Behaving and I am a brush tease, it’s a shameful condition, really. However, I am a brush tease, no longer. “Hair” they are: Studio Wendy’s Hair Brushes. The pun pain is excruciating, isn’t it?

Optimal conditions for drawing hair would require a tablet. Using a tablet, it is easier to adjust your brush strokes by applying pressure to make your brush strokes either thicker or thinner and you have the ability to taper off your stroke.

Don’t Panic!

I have found that it is not always necessary to use said tablet. I’m writing this tutorial because I want to demonstrate that you can achieve a glorious mane of hair with just using your mouse. In fact, this image was made using Studio Wendy’s hair brushes, my mouse and the pen tool.

Let’s get to the “roots” of this tutorial, shall we? (I didn’t say I’d stop!)

I had originally planned to use a photo of Morgan in this tutorial, however I decided to use my friend, Isabella instead because her hair is more or less “one” color. Morgan has a riot of colors in her hair and I’m not that cruel. The next tutorial, I’ll hit the “Highlights” with multi-colored hair. (Thank you, I’ll be here all week and don’t forget to tip your waitresses.)


First, duplicate your Original Photo by hitting “Ctrl + J”. You’ll want to use the original photo as a guide as to where to draw your hair.

Next, extract your model. If you need assistance on learning how to extract, please see the “Extraction for Dummies” tutorial.

Extract anything and everything that is not full-on hair. Meaning, extract all wisps of hair.

I love drawing circles

Zoom in close to make sure you haven’t missed any sections of hair. Why? Because when you put your final extraction on a background paper, if you’ve missed any sections, you don’t want your original photo’s background. It would look a wee bit strange.

Zoom in closely

Her hair is looking quite a bit choppy … yeah. Who am I kidding? It looks horrible!

Quelle horreur!

Let’s get ready to paint.

There is no specific order to follow in brushing hair, but what we need to do in the next few steps is: Choose and load your brushes and choose your hair color palette.

I’ve decided to choose the colors we’ll be using to paint as my next step. I’ve duplicated my entire image. That way I have the Original photo on hand to choose colors.

Each head of hair is distinct and unique and come in a variety of shades, hues, contrasts, etc. Unless you want flat hair, you’re going to have a base colors, highlights, lowlights, and flyaway escapee hairs.

Normally, I use at least 4 to 5 different colors in each head of hair. If you are not comfortabel with choosing color shades, inside  Studio Wendy’s hair brush pack, there is a nice set of color choices for different shades of hair.

The main reason I chose to use my little friend, Isabella here for this tutorial, is because I can get away with using only one or two colors with a nice rich dark brown. The other reason is that her pigtails are simply adorable!

I use my dropper tool to select the color I want to use.

Choose your colors wisely

Install your brushes.

Go to your Tool Box and Select your Brush Tool.

Brush Tool

To load the brushes, click on the little arrow (circled in red).

Loading brushes

Select – Load Brushes

Loading brushes

Go to where you’ve saved your brushes and Highlight the .abr file, then click on Load. Of course, I’m using Studio Wendy’s Hair brushes.

Your brushes are ready to create fabulous flowing follicles.

I have made my original photo visible and lowered the Opacity to 50% so I have an idea of where to draw. I am also going to create both Dark and a Light colored Fill layers, so when I “hide” my original photo, I can see how my hair is coming along.

Here is what my layer palette looks like so far:

Layer Palette

NOW … we’re ready to “paint”. I say paint, but we’re really going to draw the hair in.

Here is a screen shot of the brushes included in Studio Wendy’s brushes.

Studio Wendy - Hair Brushes

Here’s a brief overview of Wendy’s brushes and how to use them.

The Hair Thick, Hair Scattered 1 and Hair Scattered 2 brushes are excellent to use when you are laying down a base color. The Hairs @ size 8 are really good for small hard strands of hair. The Hairs Soft @ size 8 work really well for things such as bangs and the ends of hair. The Oval and Round “One Hair” brushes are just that. I use them to make little wispy hairs. Unless you’re wearing 5,999 pounds of hairspray … you will have little escapee hairs and these brushes are perfect for those. The “three soft hairs” brush @ size 20 are really nice for lowlights and highlights.

I’m going to set up my brush settings prior to anything else. Because I am creating this hair with a mouse only, I will be using my PEN tool. This magnificent tool allows us to “fake” pen pressure. One of the most awesome features of CS. This is why we will be setting up the brush tool first. It will be better explained in a moment. I promise.

I’m going to start with using the Wz Hairs brush @ size 8.

Studio Wendy's Hair Brushes

To bring up your brush options, go to your Menu bar and select Windows > Brushes.

Select Brush Options

You can change the size, direction, perspective … the possibilities are mind boggling. I use the default settings Wendy chose because they work fabulously well. The only thing I have changed is that I have checked off “Wet Edges” and “Airbrush”.

Brush Options

If you do happen to be using a tablet, you are good to go!   *Tip* – Follow the natural lines that are evident in your model’s existing hair.

Go to your Tool box and select the Pen Tool.

Pen Tool

If you are comfortable with your mouse and drawing, or if you are using a tablet, go ahead and draw on a path, then skip this next step. However, if your are not really comfortable with freehand drawing, I’m going to show you how to draw a “Path” by using anchor points with your Pen Tool.

Go to the Tool Bar Options and select “Paths” and “Pen Tool”.

Paths & Pen Tool

*Important Step* – Add a new Layer. You don’t want to draw directly onto your Original Extraction just in case we make mistakes. Although, it’s an extra step, I usually group my hair layers by section, and brush size. I’ll show you my final layer palette at the end so you can see what I mean.

Group It!

Zoom in close and click on the inside of your hair line and click right along the natural shape of your Original Photo. Tip: Extend your path beyond what you want to see drawn in. Why? Because we will be using Pen Pressure; it tapers the brush stroke which actually shortens your pen path.

Using the Original Photo set @ 50% Opacity as your guide, trace the outline of your model’s hair. As in the “Extractions for Dummies” tutorial, I do these steps in small sections. Although it is oftentimes more time consuming, it is easier to correct problems down the line if you don’t have all of your hair on one layer.

Trace the wisps of hair

You can also use Bezier Curves to create a nice smooth curve.  However, that’s a tutorial for another day.  ;)

Right click inside your image. Choose Stroke Path.

Stroke Path

Choose Brush from the drop down menu and check the Simulate Pressure box.

Brush > Simulate Pressure

Right Click and Delete the path.

Delete Path

Congratulations, you’ve just painted your first strand of hair! :D


I’m going to show you the different results I achieved with a few of the different hair brushes using the exact same Pen tool path.

To change brushes using the same path: Don’t delete the Pen Tool path. Choose the Brush Tool and modify the brushing settings. You can change the brush, the size, the spacing, anything you want.

Choose the Pen Tool again. Right–click, Choose Stroke and then Brush. Your brush will automatically be modified to the brush you recently chose along with any settings you’ve changed.

WZ - Hair Thick @ Size 8

WZ - Hair Scattered 1 - Default Size

WZ - Hair Scattered 2 - Default Size

I adjusted my setting on the Three Soft Hairs brush.

Brush Adjustments

WZ - Three Soft Hairs - Custom Settings

Amazing, isn’t it! All done with just your mouse and the pen tool.

Helpful Tip: I tend to draw each Path on a Separate layer. This way if I don’t like something, I can just delete that layer and not lose anything else I might have drawn that I really like.

Continue drawing and creating different paths; applying the brush strokes with the simulated pressure for all of the hair.

Here is the hair I’ve drawn:

Drawn Hair

Here’s how Isabella looks so far:

Look at those pigtails!

My layer palette (LOL = Lots O’ Layers. Seven group layers with one hundred and forty-two layers of hair.). You don’t have to create as many layers, however, as I said before, I like to put each path on a separate layer so I can add or subtract what I like and don’t like. These 142 layers are the ones that made the “cut”. ;)

LOL = LOTS of Layers

I am really happy with the hair … so far.   You seriously didn’t think this was the end of the tutorial did you? Bwahahaha!  That’s my evil laugh. I’m the nice one so the evil laugh needs work, I know.

Actually, you could stop here and it would look OK but I always like to go at least a step beyond.  ( Or two or three … sometimes four.  ;) )

The Hair looks a little dull and lifeless yet, so we’re going to add some dimension and depth to it by applying the burn and dodge tools.

Dull and lifeless hair

Duplicate your Image. Go to: Image > Duplicate. Merge your Hair Layers. I’ve kept my “Under Extraction” Layers separate.

Don't you just love all my layer screen shots?  I know I do.  *sigh*

Go to your Tool box and choose the Burn Tool to add some dark depths to the hair.

Burn Tool

I have selected the brush”WZ – Hairs” and am using the Default Size.  I’ve chosen Midtones as the Color Range and to start, I’ve set my Exposure to 50%.

Brush settings

Apply the burn brush on all of your hair layers. Go in the directional flow of the hair.

Go with the flow!



Go to your Tool box and choose the Dodge Tool to add some highlights to the hair.  Use “Shift + O” to bring up the dodge icon.

I have selected the brush”WZ – Hairs Scattered 1″ and am using the Default Size.  I’ve chosen Highlights as the Color Range and to start, I’ve set my Exposure to 50%.  Because her hair is so dark, I use the dodge tool very sparingly.

After Dodge Tool:

Subtle differences, but now our hair looks less flat and more like we’ve gotten a nice hot oil treatment.  Much better!

Today’s preview is brought to you by Studio Flergs and MGL Scraps Collaboration:  “Casual Attraction”.

Again, it’s not difficult. However, it is time consuming but worth the extra effort. The best advice I can give to you is the same I gave for extraction.  Practice, practice, practice.

Good luck all and if you have any questions at all or need clarification on anything, please don’t hesitate to ask. Either comment here, or PM me in Scrapbookgraphics forums.  I would LOVE to see your results so PLEASE share them with me.

We now return you to your regularly scheduled programming.  :D


13 Responses to “Miss Behaving: The “Mane” Attraction – Part II”
  1. Angela (daisy) says:

    Wow, this is amazing, like all your tuts it’s seriously wonderful, helpful and inspiring – and yes i do think you are just a teeny tiny sadistic! ;)
    Huge thank you MissB!!

  2. orachel says:

    Ok, its official. All photography subjects must submit to forcible shearing prior to gettin’ snapped by me. Bald is beautiful, and so much simpler! lol Kidding…this is incredible. These are the types of detail work I’m gonna have to suck it up and master if I want realistic results, and I do, so time for me to bit my quitchin’! Just amazing detail you’ve done here…and that is one cutie patootie kidlet! I’ll have to get sucked into this when I’m feeling tadly more ambitious, though. Question…and most likely this is just me being daft, again…but where are the brushes? lol In the shop? I couldn’t find a link or anything, and clicking preview just gives larger preview, but I may have missed it. I’ll get off my lazy duff and go hunt for them. Once again, you’ve slogged into the quagmire that is detail work and showed us how it be done. Right on.

    I’ll send you the link to my layout for tangies Alice challenge so you can see my insane in membrane shadow woes. Oy, what a trainwreck. I’ll def check out that link to perspective shadow tut, though. Thanks again!!

  3. pj says:

    Awesome tutorial!! I also can’t find the brushes. I’d love to know how to apply ‘shadows’ to an extracted images without it looking too ‘there’. Any suggestions? Thanks so much for another great tut.

  4. Jennifer H says:

    I think you are still a brush tease because I cannot find these in the store.

  5. Sandy_in_MD says:

    Another AWESOME tutorial, Miss B! 142 layers! Yikes! That’s dedication to perfection. I will be keeping this tutorial handy. Thanks so much for all of the detailed explanations and screen shots. And many compliments for coming up with so many hair related puns! Off to find Wendy’s hair brush set!

  6. Miss Behaving says:

    Aww, thank you ladies! And Angela. Hehe

    I apologize, I jumped the gun on announcing the brushes. They will be in the store soon, I promise! =D

  7. Melinda says:

    Awesome tutorial, Melissa. Some new tricks I hadn’t thought about before, and those brushes of Wendy’s look amazing!
    For PSE users, here are my suggestions on how to achieve similar results: go grab Flergs’ stroke path action in this tutorial (it’s a freebie and works great!) and use that with Wendy’s brushes to stroke your hair path selections. A few more steps, but still pretty quick since we don’t have paths ;)

  8. Fran says:

    And here I was looking all over wendy’s site for those brushes….you’re such a tease….awesome tutorial, can’t wait to try it.

  9. Gina Lovin says:

    I can’t find the hair brushes in the store. Could it be that they haven’t been listed yet? I really appreciate your tutorials. This is a good one and from what I can tell it would be preferrable to some other hair methods. thank you so much!
    I prefer Paint Shop Pro and wonder if these brushes come in PNG files so I can use them in my program. I hope I can do this too.

  10. Miss Behaving says:

    Yes, they will be available in PNG. I specifically asked for my PSP/Corel friends. ;-) The brushes should be available soon.

  11. orachel says:

    Hola, Miss B! Ok..exciting news for me…perhaps vaguely smile inducing for you…

    We’re gonna be in the May Issue of Artisan Notebook! Well, sort of… My ‘In the Moonlit Gloaming’ layout will be in the “Exciting Extractions” themed zine. This is so cool for me since I’ve never been published before…or maybe its ‘featured’? LOL Can you say published if its a ‘zine? LOL

    Anyway, they ask you 3 things about the work. One of them is “technique” and of course I said that I used polygonal lasso and when I got stuck I found the “the Mane” tutorials by Melissa aka Miss Behaving at Scrapbookgraphics. Oh, and I said that you’d offered additional help and tips when the vintage photo with no definition still had a too solid look to the hair because of the lack of definition. Sooo…that’s cool, no? lol

    Btw, I did fix the ‘pelt effect’ hair problem before submitting, of course. Its still slightly more ‘solid’ than I’d like, but its waaay better. I confess thats probably because I was lazy and started with the pelt head extraction, rather than just starting over and doing it right from the beginning. But its much improved…little fly aways, and you can see thru the ‘edges’ of her hair. Let me know if you want me to send corrected version, but of course I can’t display it until Cali Designs kit its made with it released in a week or so.

    Big hugs…thanks so much for all your help! And hopefully this will bring some more desperate technique challenged ladies trotting over to your tutorials for assistance! lol Yay, Miss B tutorials!!!



Check out what others are saying about this post...
  1. [...] the “Extraction for Dummies” tutorial.  For help with creating  hair, please see either:   The “Mane” Attraction or “Combing” [...]

  2. [...] Miss Behaving’s Hair Extract Tutorials – the “Mane” Attraction, Part II [...]

Speak Your Mind

Tell us what you're thinking...
and oh, if you want a pic to show with your comment, go get a gravatar!