Station.com
Sign In Join Free Why Join?
Sony Online Entertainment
Community Store My Account Help
  Search   |   Recent Topics   |   Member Listing   |   Back to home page
Hair Tutorial - Guide A
Search inside this topic:
The Matrix Online » Top » Community » Residual Self-Image Previous Topic  |  Next Topic
Author Message


Systemic Anomaly

Joined: Aug 15, 2005
Messages: 8893
Location: The Indutiae Faction: Fallen Horizon Organisation: Zion Server: Recursion Operative Level: 50
Offline

I know a few people have asked me over time to publish a hair tutorial and I finally got around to working on one to post. Now I don't think one tutorial can cover the various elements on different hair styles and techniques to use, but this will be a start to show some fundamentals.

**This whole guide was done in Photoshop Cs3 and with a USB Mouse only.
It's a simple guide, which should help getting started with hair edits.

So my first model for this is Yasamuu. The style for this hair cut it a spikey one which is slicked back.

Step 1
We start off with the image, try to get the shot so the hair/head is in front of a clear sky/background which enables easier editing overall.

Step 2
Using the channels I make my cutout for the image (probally make a guide for that later), that way you can quickly clean up what is not needed and be able to remove the background with ease.

You will notice I cut off the hair, that is because the majority of hair shots ingame are so weak that using them is only going to make editing the style less flexible. I will use the style as a "guide" to the overall shape I want the hair to take.

Step 3
First thing I'll do is get my base color for the hair, in this case it's red. Next you need to start brushing in the base of the hair.

As shown below use the brush options, apply shape dynamics and control: Fade. This is the key to the full edit, you also adjust the size of the fade based on the hair you are painting in and where it is placed.

Step 4
Now I start to mark in the hair strands very quickly, and the fade will control the edges for me, I just need to pick the start point and drag the brush into the desired shape.

Once you get your basic lines in place, make yourself a new brush. I make random dots on a new image, say a 50*50 box. Edit > Define Brush preset once you have that done, then follow the next part.

Step 5
Using the Brush options > Shape dynamics I add the fade to this brush, you might need to adjust the angle to make sure it shapes correctly.

On the image I painted in to show how the brush is working. You then use this bigger brush to add to the hair shape you have been forming.

Step 6
Using this new brush I define in more hair strands quickly and since the hair will have different shades of red I change the color in different parts and keep defining the shape in. Don't worry about being 100% correct at this point, you just need to get the basics of the shape in place.

As you can see I've been mapping into the way the hair will be flowing and how the front will be sticking out more.

Step 7
This is the part where you start to change a 2D hair style into 3D. I've done this part by painting in the strands and shadows I need, but in this tutorial I went with using the dodge and burn tools.

Using the same dynamic options as the brushes you apply the fade control to both dodge (highlights) and burn (shadows) when used.

*Note that the entire layer of hair is just 1 layer, not multiple layers, so this part effects it all.

So you apply the shadows and highlights where needed to show depth and light into the hair style. When using the tools on that hair layer work from the outside > in, so the "fade" hits the inside of the hair and gives a natural effect to it and doesn't leave hard edges.

Step 8
Now that the hair has the definition I want, it's time to begin the clean up. Using the lasso tool I cut away where I think the hair is too long or doesn't fit the shape I wanted to make.

Step 9
Now we need to clean up those rough edges and a soft brush with an opacity of about 20% is enough to bring those hard edges into the fade.

Then I go back to the earlier steps of brush strokes and start to fill in hair where needed and re-work dodge/burn to fit into the hairstyle better. I also use a smaller fade on the brush to add hair coming out of the "shadow" sections to show more depth and style to it.

Step 10
Once your happy with the clean up you can add a few extra things like correct shadows of the hair on the skin. Just brush in the shadow on a layer below the hair, apply some gaussion blur and opacity fade to it.

Step 11
I finish up with a bit more cleaning, and use the hue/saturation I modify the overall color a bit darker.

Now please not the ONLY difference between the 2 pictures is the hair, normally when doing a full edit I'd be working on the skin/background/clothes etc to help each area work to compliment each other, as a edit on 1 part is never just enough.

There is more tweaking that could be done to this hair, but I think this tutorial covers enough for people to get started on ideas themselves.

Final Edit Compare

If you have any questions or want anything explained in more detail here, please just post away.

As stated this is the first guide for a few I plan on doing to show various styles and how I would tackle them. I'll also try to add more about actual highlights/shadows for different light situations as hair directly reflects the area around it.

Hope this guide has helped some people. I'm always on a learning curve myself, so there is always more things to use/add to guides like this.




Vindicator

Joined: Nov 30, 2005
Messages: 2896
Location: Zion room #777
Offline

WOOT finallly the tutorial i've been hearing about is out SMILEYSMILEYSMILEY looks great Aquatium...



Systemic Anomaly

Joined: Oct 7, 2005
Messages: 4674
Location: HvCFT Everto
Online

Nice tutorial and the hair looks brilliant. Will have to try this out at some point.

odj


Vindicator

Joined: Oct 5, 2006
Messages: 2254
Location: UK - Wales
Offline

Looks more like grass than hair to me. SMILEY Heh nice job though.



Systemic Anomaly

Joined: Aug 15, 2005
Messages: 8893
Location: The Indutiae Faction: Fallen Horizon Organisation: Zion Server: Recursion Operative Level: 50
Offline

odj wrote:
Looks more like grass than hair to me. SMILEY<img src=" width="15" height="15" /> Heh nice job though.

heh, well as pointed out there are many different things to do based on the style to be used. What I forgot to mention was that I was using 2px or 3px brushes on this style a lot, as it felt like that type of style. Whereas on a softer style I would certainly use much thinner hair brushes and make it softer (thinner = some large merged sections too.) I'll get a female longer style worked on next to show that.



Vindicator

Joined: May 17, 2006
Messages: 5110
Location: Vector-Hostile Faction: Morpheus'Legacy Organization: Zion
Offline

Nicely done sir..Some one should make this a "sticky"!



Systemic Anomaly

Joined: Aug 17, 2005
Messages: 6802
Online

Excellent tutorial, my good Sir.



MC Photographer

Joined: Aug 15, 2005
Messages: 2226
Location: Syntax
Offline

Nice work.  Similar to what I do already, but with a little more detail and a lot more explanation (seeing as how I currently just do what works and couldn't explain it very well  lol ).



Vindicator

Joined: Nov 30, 2005
Messages: 2896
Location: Zion room #777
Offline

TonyJaa wrote:
Nicely done sir..Some one should make this a "sticky"!

Residual Self-Image Directory is your Friend SMILEY



Ascendent Logic

Joined: Aug 16, 2005
Messages: 735
Location: Valencia - Spain Faction: Priorato de Sion - EPN HvCFT: Profecia de Antares (CAPTAIN)
Offline

Great work man SMILEY  I ussually use a filter called Fur (Eye Candy 4000)  to do hair but I think your way is better and more easy, thank you ^_^



Systemic Anomaly

Joined: Aug 27, 2005
Messages: 8674
Location: Lost in Translation.
Offline

Thanks, Aqua! This is most helpful. SMILEY



Systemic Anomaly

Joined: Aug 15, 2005
Messages: 8893
Location: The Indutiae Faction: Fallen Horizon Organisation: Zion Server: Recursion Operative Level: 50
Offline

Glad it will help.

The next phase will take the basics here and show how to add a more realistic element to the hair as well as improved lighting based on the area.




Ascendent Logic

Joined: Jun 3, 2006
Messages: 670
Offline

you finally made the turorial that I pooked you for months to make.... yay!



Fansite Operator

Joined: Jun 17, 2006
Messages: 940
Offline

Aquatium. wrote:

Glad it will help.

The next phase will take the basics here and show how to add a more realistic element to the hair as well as improved lighting based on the area.

Awesome stuff man, Cant wait to see more !

 Also its good to see you back in the RSI boards. ^.^



Jacked Out

Joined: Jun 1, 2006
Messages: 2689
Location: Guiness Lake
Offline

Personally I just use the smudge tool to do the hair, kinda like drawing/painting it IRL.  However, one benefit I noticed to this method is that even in the smallest hair follicles you provide realistic lighting, very well done.
 
The Matrix Online » Top » Community » Residual Self-Image
Go to:   

Version 2.2.7.43