PDA

View Full Version : Tutorial: Painting a spec and bump map in Photoshop


madart
03-31-2006, 08:53 AM
So here it finally is.

This is a tutorial on how to make a facial bump and specular map. I want to give you a general idea of what to look for when creating a bump and spec map. This tutorial will work more as a guide for creating these textures, and is not a step-by-step tutorial.

My plan from the beginning was to make a tutorial for Photoshop, but more and more people are using Z-Brush for the finer details, quite a few people are using a photo as a base and painting on top of that or painting the whole texture by hand. I hope that which ever method you use, you will benefit from at least part of this tutorial.

The Character

There are a number of things you have to take into consideration before you create the textures for your character.

* Gender
* Age
* Environment
* Occupation
* Make-up?
* Health
* Smoker?
* Drinker?
* Habits
* Scars?

I am sure you can add other things to the list in regard to your specific character.

Naturally you will have made these decisions before even starting working on the character.

The skin

Now we will take a look at the facial skin in general.

A persons complexion varies greatly. These are just general guidelines.

Dry skin:
* Pores are less visible.
* The skin might be flaky.
* The skin is matte. Soft specular highlights.

Oily skin:
* Big visible pores.
* Shiny skin. Sharp specular highlights.

The sketch below shows the generally greasier areas of the face where the pores are more visible.

http://madartgraphics.com/web/bump_spec/01.jpg

Below are close-ups of two nose-tips belonging to two elderly people. One has visible dark pores. The skin is greasier and has more specularity, sharper highlights. The other has barely any visible pores at all. Notice how the skin is dry and flaky. It's quite matte looking.

Notice also how some pores are concave while some are convex.

concave= inward
convex= outward

http://madartgraphics.com/web/bump_spec/02.jpg

The forehead and cheeks

The face have smooth, firmer and thicker skin in younger people. As we get older the skin starts to loose it's elasticity and becomes thinner. The skin starts to sag and gets dehydrated. Wrinkles start to appear. At first fine lines and then deeper wrinkles.

In our late 30's and early 40's one can see a change in the appearance of the skin in the cheeks and forehead. Up until then the skin is quite smooth.

Look at the photos below and notice the fine wavy lines and indentations in the forehead and the cheeks.

http://madartgraphics.com/web/bump_spec/03.jpg

http://madartgraphics.com/web/bump_spec/04.jpg

If the character is a woman, and she is using heavy make-up, lots of powder and foundation (coloured cream), then the pores and the uneveness of the skin won't be as noticeable.

In real life some people's skin don't age as quickly as others, but you should only take that into consideration, if that is part of your character's story.

Wrinkles at the corner of the eye

Below we can see how the lines and wrinkles radiate from the outer corner of the eye, and how they follow the same direction. Notice how the finer lines have become deep wrinkles in the older woman.

http://madartgraphics.com/web/bump_spec/05.jpg

Creases in the forehead

In the photo below we can see a criss-cross pattern in the forehead of an older person.

http://madartgraphics.com/web/bump_spec/06.jpg

When you're texturing your character, you should know in what kind of environment the character has lived. Has the character been exposed to a lot of sun? Sunworshipping? Harsh weather? Then the character would have deeper wrinkles. Very deep wrinkles is best modelled (or normal mapped, displacement map).

http://madartgraphics.com/web/bump_spec/07.jpg

Note the little bumps below the eye.

http://madartgraphics.com/web/bump_spec/08.jpg

Notice the lines on the lips, deeper vertical lines and shallow, finer horisantal and vertical lines.

http://madartgraphics.com/web/bump_spec/09.jpg

madart
03-31-2006, 08:59 AM
Bump and specular maps

For the bump map, I usually start off with a medium grey, so that I can make indentations with the black colour and protrusions with the white.

A tip is to use a slightly lighter or darker grey while working, as the cursor "disappears" when over the medium grey (50% brightness). Can be a bit annoying.

I ususually use a couple of noise layers, one with gaussian blur applied to it, as a base. This is to get some base irregularities. I use very low settings, barely visible in the texture itself.

If you are using Photoshop I suggest you make your own brushes to work more efficiently.

For the specular map I use a grey map (Background/base). If the skin is generally shinier I use a lighter grey and if the skin is matt I use a darker grey.

White in a specular map gives strong specular highlights and black no specular highlights at all.

Make a habit of always making new layers. You will want to use some bump map layers for your spec map. Keep "white" layers separate from "black" layers in your bump map. Use the "white" layers for your spec map.

One thing to notice about the pores is that they often run in lines. Look at the image below. This is a cropped image from a forehead. A quick and easy way of making a lot of dots in your texture is to make the following brush settings. See below. Make sure that you vary the brush by adjusting the settings.

The red dotted lines are there as an illustration.

http://madartgraphics.com/web/bump_spec/10.jpg

Adjust the settings for Shape Dynamics, Scattering and Spacing.

Use a small irregular brush for this. By adjusting these settings you can easily get varying sizes to the pores and ireggular lines.

http://madartgraphics.com/web/bump_spec/11.jpg

On another layer draw lines with a low spacing of the brush, in an appropriate size to make creases/wrinkles along some of the "pore-lines". Add other lines as well, follow the above guidelines for the skin that you want.

Vary the brightness of the grey to make pores, lines and wrinkles of varying depth and height.

Use several layers so that you easily can remove one layer or make corrections to it.

Remember that the face is organic and there are a lot of irregularities in the skin.

Use a low opacity setting and greys that are close to medium grey (50% luminance). Choose a lighter/darker grey as you go. Make sure that the end of the lines and edges are soft and that there is a good gradation to the greys. See below. You don't want a crease or wrinkle to start abruptly.

http://madartgraphics.com/web/bump_spec/12.jpg

The image below is a sample bump map, it could have been worked on much more. Below is also an image with higher contrast, easier to see what I have done.

http://madartgraphics.com/web/bump_spec/13.jpg

http://madartgraphics.com/web/bump_spec/14.jpg

For the spec map, I make a duplicate image from the bump map.

I make the background layer and noise layers darker.

I remove all the light coloured layers, I don't need them.

All the dark coloured layers I keep and make them darker. These are the areas of the face where the light don't reach that well.

I take a big soft brush and paint in the shiny areas of the face, with a lighter grey. Then I use a custom brush and erase some of the colour to get an unevenness. ( A layer mask works well for this.)

This is the result I get:

http://madartgraphics.com/web/bump_spec/15.jpg

I hope that this tutorial has been of some help to you.

scrimski
03-31-2006, 09:30 AM
Thanx for sharing.

Subspace
04-01-2006, 10:33 AM
Excellent tutorial Madeleine! Very informative, with great photo ref examples; I feel more prepared to tackle bump 'n' spec maps now. Many thanks! :thumbsup:

Anti-Distinctlyminty
04-01-2006, 03:34 PM
Just wanted to say thanks - this kind of input is invaluable to people such as myself.
Keep it up! :)

firewing666
04-03-2006, 06:11 PM
awsome tutorial!

keep up the good work!

madart
04-04-2006, 07:48 AM
Glad to be of help!

Daniel-B
04-04-2006, 05:37 PM
Very nice. I needed this.

francescaluce
04-07-2006, 03:14 AM
very very nice. thanks a lot :)






ciao
francesca

ashrumm
04-07-2006, 07:31 AM
Thanks alot Madart this has helped me plenty! :)

DarkTure
04-07-2006, 02:34 PM
I agree with everyone else that this is a nice tutorial. thanks!

I havent even had time to try your eye tutorial yet :/

r3mix
04-08-2006, 03:57 AM
Good info here. Thanks for sharing.

G-MaX
06-09-2006, 05:24 AM
Wow, thanx a lot Madart! Until now I've really been in trouble with bump and spec maps. U've saved the day! ;)

madart
06-09-2006, 11:39 AM
Thanks "everybody" for your nice replies! I hope that everything is clear in my tutorial.

ianlai
06-12-2006, 10:54 AM
very good tutorial

thx for share

Lee007
10-18-2006, 03:23 PM
...ok, slightly annoying but majority of the images only load halfway! I get half of your images and have no idea how thats happening. Any help for the helpless would be appreciated muchly!!!

madart
10-19-2006, 05:40 AM
Try again? I just looked at the first page and they downloaded fine.

Deliverer
11-15-2006, 08:23 PM
Post more tutorials if you decide to make em, and Ill keep reading em!

super
02-20-2007, 03:37 PM
Thanks a lot !!
Learn more about the texture. :thumbsup:

Abraham
03-24-2007, 02:08 PM
Very interesting reading :) Thank you very much :)

J-L

cage3d
04-02-2007, 06:54 PM
thank you very much

wanglu
04-03-2007, 05:56 PM
Thank you very much!
hehe very good tutorial.

CGTalk Moderation
04-03-2007, 05:56 PM
This thread has been automatically closed as it remained inactive for 12 months. If you wish to continue the discussion, please create a new thread in the appropriate forum.