Welcome to
Mod The Sims
Online: 2631
News:
Have an account? Sign in:
pass:
If you don't have an account, why not sign up now? It's free!
Other sites: SimsWiki
Reply  Replies: 25 (Who?), Viewed: 31163 times.
Search this Thread
Old 15th Mar 2008, 11:32 PM DefaultTutorial: Hand-Drawn Hair #1
Endersgirl07
Original Poster

Lab Assistant

Join Date: Dec 2005
Posts: 406
Thanks: 1092 in 15 Posts
8 Achievements


How to make hand drawn hair in photoshop




Hello and welcome to the tutorial! Today we'll be getting some practice at drawing hair by hand in Photoshop. This tutorial is ideal for users who have a pressure-sensitive digital drawing tablet at their disposal, but the way I explain this should also work well for people using a mouse or touchpad. If you don't have photoshop, you can still do this in another program with a good brush tool and smudge tool (since these will be all you need, really) such as Paint Shop Pro, Open Canvas, GIMP, and others. Let's get started!

First of all, this is a dodge/burn-free tutorial. I know a lot of people use the tool, but dodging and burning is more often bad than good- it has side effects on the saturation of the affected tones that you have to compensate for with other tools and adjustments. It's just more reliable to do the color variations yourself. So, with that said, we need to create a palette of the different tones we'll be using for our sim's hair. You can search for images on google according to hair color and swatch them in basic shades using the eyedropper tool. For a good result, we'll want 5 tones from darkest dark to lightest light (4 will do for black hair). Here's a set of palettes I created for different hair color schemes; they can be tweaked using hue/saturation for variations on color and lighting:





In this tutorial we'll be working with black hair, so I'll just explain the extra step taken for the other colors in a separate example.

Open the picture you are going to use to draw the hair. You can use a short base hair if you want (if you do this, you should create your palette from the tones of the base hair so the end result blends well) or your sim can just go bald/cropped. I elected for the second option here... poor Lenda, this look doesn't suit her :P





Create a new layer on top of the background layer. Using your darkest dark from the palette and a hard round brush, start to lay in the basic shape of the hair. Start with your brush size at about 7px, and work your way down to 1 or 2px for the ends and smaller bits. Don't lay in any individual strands yet, just stick with basic shapes, and don't worry if you cut into the face for now, that's why we're on a separate layer. Also, be sure your hair looks filled, as you don't want any bald spots when you're adding in details later. Other thoughts about hair shape:
*Try not to conform the hair to the shape of the head-- hair has volume, and even super-fine or slicked hair will come off the head a little bit.
*A good general rule, no matter the hair texture, is to lay it out in vaguely triangular chunks. Hair tends to lay in sections, not individual strands, and the ends tend to be thinner so they give the appearance of a lot of blunt points (although with hair that has not been trimmed in a while, the ends tend to fray increasingly and lose their shape).





Sort of ugly, huh? Well, it won't be so much after this step. Using the same color, zoom in as much as you're comfortable with and start laying in finer details using a 1 or 2px brush. While it's okay to let some wild hairs go, try to retain some of that chunkiness, as otherwise the hair starts to look shapeless and frizzy. You'll notice how heavily I laid in strands around the ends to give the hair body and a softer look.





On the same layer, lock the transparent pixels to prevent stray strokes (in PS it's the checkerboard symbol in the layers window) and select the second color from your palette. Setting your round brush to 50% hardness and about 4-6px, begin to lay in strands of that color (mouse/touchpad users: to get the tapering line, you can smudge the ends, or just use a smaller brush size. Do vary your brush size to get strands that are different thicknesses). Be attentive to the way the hair flows and align your strokes with that to create the beginning of some nice texture. Don't try to get too close to the roots, especially at the part, since these tend to be darker by nature. Just draw natural strokes, paying attention to where they start and end, and it should work out well.





Now for the non-black-hair part, here's what to do: same as above, but lay the color in nice and thick. Don't cover the base color completely and don't make it look un-strandy, but do try to make the second color the more prevalent of the two. Then, using the middle tone from your palette and making the brush a little smaller, lay it in on top once again. Here's an example using red hair:





Continuing with the black hair... we now get to do that thing that nobody thinks of: define our light source! This is extremely helpful in showing where to place shadows and highlights on all surfaces, not just hair. Since this picture already has a fairly well-defined light source judging from the location of the shadows on Lenda's face, we can just doodle in our cartoony little sun opposite those shadows (imagine that it is also partway in front of her). You might think it's silly; it helps me, so whatever floats your boat.





Create a new layer on top of the one we've been working on. On this layer, using your second lightest color and a 2-3px brush at 100% hardness, begin to lay in your lower-key highlights, followed by your lightest light in 1px for high-key highlights. The more you layer these, the more highlights you will get, so experiment some and don't be shy. Notice how the light source defines the highlights; the ones on Lenda's right side are brighter and fuller than on her left.





Since all these strokes have left the hair texture looking blocky, you can now use the smudge tool to soften the strands out and blend them.





Now for the final touch: shadows. With black hair since it's already quite dark this might not be as necessary, but it's useful for lighter hairs. Using your darkest dark again, change your round brush to a pixel size of 10 or more, reduce its hardness to 0%, set it on airbrush if you prefer, reduce the brush opacity to 50% or less (depending on lighting and personal taste) and on the same layer, block in some subtle, soft shadows; for instance in the area where the hair meets the back of the head and possibly in the center of the part. You can also accentuate the space between pieces of hair by adding a little shadow.





You are done! For the before/after picture I sharpened the layer once and upped the contrast slightly for stronger highlights. If you want, you can merge the hair layers together and reduce the opacity so you can erase the areas that block out the face and/or earrings, etc. I hope you found this useful!
Old 2nd Apr 2008, 10:05 PM #2
moldova49

Join Date: Jan 1970
Posts: 207


Thank you so much!
Old 2nd Apr 2008, 10:11 PM #3
Zaggytiddies
Scholar

Join Date: May 2006
Posts: 1,329
Thanks: 18443 in 47 Posts
14 Achievements


Holy Whhhaaa!! Thanks! I think I'll try this
Old 2nd Apr 2008, 10:13 PM #4
BellieHime

Join Date: Apr 2008
Posts: 32


whoa, cool! did you use a drawing tablet?
Old 2nd Apr 2008, 11:32 PM #5
Endersgirl07
Original Poster

Lab Assistant

Join Date: Dec 2005
Posts: 406
Thanks: 1092 in 15 Posts
8 Achievements


Yep, I did- I use a Wacom graphire 4x5 glad you guys like the tut!
Old 3rd Apr 2008, 03:51 AM #6
Allison_SC

Join Date: Feb 2008
Posts: 184


This tutorial is really nice. Can it be used for if you want to make actual custom-content hair...like, to give detail to a hair texture? I really like the result and I think it will be helpful for making nice hair of my own.
Old 3rd Apr 2008, 07:29 AM #7
Endersgirl07
Original Poster

Lab Assistant

Join Date: Dec 2005
Posts: 406
Thanks: 1092 in 15 Posts
8 Achievements


I have tried to use this for my own CC hair textures before, I haven't had very good results but I think that's more due to my lack of practice (and patience, maybe) in texturing than the method itself. Try it out!
Old 4th Apr 2008, 12:14 AM #8
nesleys

Join Date: Jan 1970
Posts: 56


*mashes thanks button*
Old 17th Apr 2008, 02:39 AM #9
~Charlotte~

Join Date: Jan 1970
Posts: 232


Thank you Enders, I bought a tablet just so I could do hair like Lenda's - thanks for the tut
Old 19th Apr 2008, 05:14 PM #10
Endersgirl07
Original Poster

Lab Assistant

Join Date: Dec 2005
Posts: 406
Thanks: 1092 in 15 Posts
8 Achievements


No problem aww you got one just for this... well you will find it very useful for a lot of different things! (and don't worry if you find it hard to use at first, I couldn't even point and click when I first got mine!)
Old 24th Jun 2008, 11:39 PM #11
kailay_SC

Join Date: Jun 2008
Posts: 220


thanks u soo much! i'm sooo gonna try this! :D
Old 4th Jul 2008, 08:38 PM #12
Cutesy

Join Date: Jul 2008
Posts: 3


Wow... :sprint:
I didn't know I can do such kind of things in photoshop! I have to try it :D
Good job and really good tutorial :clap:
Old 6th Jul 2008, 10:16 AM #13
mattrforguess

Join Date: Jul 2008
Posts: 8


Ohh Cathrine! This is great! tHANK YOU SO MUCH!
Old 1st Nov 2008, 07:09 PM #14
Connectzeedots_SC

Join Date: Jan 1970
Posts: 1,134


Thank you so much for this! =]
Old 9th Jun 2009, 02:05 AM #15
guth75
Lab Assistant

Join Date: Dec 2008
Posts: 201
Thanks: 306 in 4 Posts
4 Achievements

View My Journal


I was always wondering how people make sims seem so realistic. I have almost NEVER seen the hair they used. This explains a lot! Thx for the tut!

"It's not the mesh ... It's not the texture ...It's not me ... I am pretty sure it's you."
Mez Isa Nintendork! Yayz Meez!
Old 2nd Nov 2009, 08:54 PM #16
SolidGoldFunk84
Field Researcher

Join Date: Jan 2007
Posts: 369
Thanks: 214 in 2 Posts
12 Achievements

View My Journal


Wow, I will definitely try this. Thanks for this tutorial. :D
Old 20th Nov 2009, 12:39 AM #17
Jamesm20111
Test Subject

Join Date: Nov 2009
Posts: 7


Ha what ever floats your boat. Thanks again Mate,
Old 8th May 2010, 07:22 PM
yasmine0615
This message has been deleted by yasmine0615.
Old 10th Aug 2010, 04:17 AM #18
H2okayla
Test Subject

Join Date: Jan 2010
Posts: 7


WOAH! thanks! wait... i don't know how to get it into the game help anyone?
Old 10th Aug 2010, 07:29 AM #19
Kailacat
Scholar

Join Date: Sep 2009
Posts: 1,476


You don't get it into the game. If there is a specific style of hair you want just for a picture, then this is how to draw it. Unfortunately, creating hair to go in game is a lot harder.

"Time is an illusion. Lunchtime doubly so."
- Douglas Adams (The Hitchhiker's Guide to the Galaxy)
tumblr
Old 11th Aug 2010, 06:38 AM #20
H2okayla
Test Subject

Join Date: Jan 2010
Posts: 7


dang it.... i'm very knew to think kinda stuff... (if you can't tell) :p

Quote:
"Why So Serious Son? Why So Serious?"
Old 31st Aug 2010, 11:59 PM #21
UnseenQueen
Test Subject

Join Date: Aug 2010
Posts: 8


I hope it's not bad for me to post in this; I just wanted to say what an amazing tutorial.
I already knew (the basics) on how to do this due to IMVU but this really helped; such great detail.
I'll defiantly try this!
<3
Old 17th Oct 2010, 12:18 AM
Sunflowersims7
This message has been deleted by whiterider. Reason: Spam
Old 23rd Sep 2011, 04:42 PM #22
Sleepy-Genius
Lab Assistant

Join Date: Jun 2009
Posts: 137
Thanks: 1591 in 8 Posts
8 Achievements


I always wondered how everyone how entered contests get their sims hair so perfect, or their banners, like on coolsims.net

Thanks for the tutorial. I will be using this. :D
Old 6th Oct 2011, 11:59 PM #23
SebLynnch
Test Subject

Join Date: Oct 2011
Posts: 2


Awesome! Thanks for the tutorial :D
Old 6th Feb 2012, 09:52 PM #24
TiffanyStephens
Test Subject

Join Date: Feb 2012
Posts: 10


Cool!
Old 15th Mar 2012, 06:58 PM #25
LibraSEL
Test Subject

Join Date: Feb 2012
Posts: 10


Wow! That's really darned good!
Reply


Section jump:


Powered by MariaDB Some icons by http://dryicons.com.