Normalmaps, How to Make Good Ones: Difference between revisions

From The DarkMod Wiki
Jump to navigationJump to search
No edit summary
No edit summary
Line 5: Line 5:
The pink pixels represent normals that are facing to the right. Green pixels represent normals that are facing down. Purple pixels represent normals that are facing upwards, and dark blue/green pixel are normals facing to the left.
The pink pixels represent normals that are facing to the right. Green pixels represent normals that are facing down. Purple pixels represent normals that are facing upwards, and dark blue/green pixel are normals facing to the left.


 
http://www.mindplaces.com/save/offset.jpg




Line 17: Line 17:


- Set the top and the 2nd layer's Blending mode to "Overlay" then tweak the opacity to how you see fit, then flatten the image.
- Set the top and the 2nd layer's Blending mode to "Overlay" then tweak the opacity to how you see fit, then flatten the image.
http://www.mindplaces.com/save/brickwall_result1.jpg
http://www.mindplaces.com/save/brickwall_result3.jpg

Revision as of 21:26, 27 July 2007

Copied from http://homepage.ntlworld.com/gerald.hunt1/website/nfhwta.htm, by Greg Hunt

First off, to explain what normalmaps are in terms of an artist's perspective. Normalmaps alter the perception of a lit object via Per-pixel lighting rather than the bog standard vector lighting used on a low-polygon model without a normalmap. This technique requires an RGB texture which contains the information needed to create surface normals in a texture map. This texture containing surface normal data is called a normal map. The red, green and blue channels of the normal map dictate how lighting effects the X, Y, and Z axis' of the normal vector orientation.

The pink pixels represent normals that are facing to the right. Green pixels represent normals that are facing down. Purple pixels represent normals that are facing upwards, and dark blue/green pixel are normals facing to the left.

offset.jpg


So here is where the process begins, start back at the beginning to when we had the heightmap, duplicate this so we have 3 layers of the same image.

- Use a Gaussian Blur filter with a pixel radius of 6 on the bottom layer image, use the Filter->Other->Offset tool and offset it by half the texture's resolution, making sure that "Wrap Around" is checked. Repeat this step and Gaussian Blur it once more. You should have offset the image twice and blurred this image 3 times now.

- On the 2nd layer image Repeat the previous step but using a Gaussian Blur filter with a pixel radius of 3, you can leave the top layer alone for now.

- Run the bottom layer through the nvidia plug-in with a scale value of 15-30 (depending on the texture), run the 2nd layer through with a scale value of 9-12 and also check "Du/Dv" in the filter type options, do the same again with the top layer but with a scale value of 5.

- Set the top and the 2nd layer's Blending mode to "Overlay" then tweak the opacity to how you see fit, then flatten the image.


brickwall_result1.jpg

brickwall_result3.jpg