Bump mapping for Urban Terror - Revision history

John at 08:13, 15 January 2012

2012-01-15T08:13:49Z

John at 08:12, 15 January 2012

2012-01-15T08:12:06Z

John: /* Additional (for gimp users) by JohnnyEnglish */

2011-12-04T10:42:56Z

‎Additional (for gimp users) by JohnnyEnglish

John: /* Parallax occlusion map */

2011-12-04T10:42:24Z

‎Parallax occlusion map

John: /* Parallax occlusion map */

2011-12-04T10:29:17Z

‎Parallax occlusion map

John: /* Normal maps */

2011-12-04T10:27:52Z

‎Normal maps

John: /* Normal maps */

2011-12-04T10:23:23Z

‎Normal maps

John: /* Bump map */

2011-12-04T10:21:28Z

‎Bump map

John: Created page with "600px After seeing some screenshots from other people who tested UrT's bump mapping feature i wanted to try it out myself and see what results will i get...."

2011-12-04T10:17:11Z

Created page with "600px After seeing some screenshots from other people who tested UrT's bump mapping feature i wanted to try it out myself and see what results will i get...."

New page

[[File:Previewal.jpg|600px]]

After seeing some screenshots from other people who tested UrT's bump mapping feature i wanted to try it out myself and see what results will i get.

First thing i needed was a good normal map generator. After few days of searching i settled with Crazy Bump.

Quality of normal maps generated by this tool is excellent. You can adjust pretty much anything you want. From intensity (depth of the map) to full control over details that will be shown on the map.

After that i used Photoshop CS4 to edit the normal maps and their alpha channels to suit my needs and desires.

So let's start with the first one.

==Bump map==

I can't say I'm too happy with how bump maps work. The specular level is visible in shadows, and it's impossible to create it by simply deriving a gray scale, high contrast image from the original diffuse map.

Instead i used the basic _n map and did the same to it. It contains all the height map info i need and was much easier to tweak to get some...satisfying results.

[[File:Test1n.jpg|300px]]

← Older revision		Revision as of 08:13, 15 January 2012
Line 1:		Line 1:
−	Using gimp this is my personal method for making normal maps which don't have a sheen.	+	Using gimp this is my personal method for making normal maps which don't have a sheen. My method differs from others.
		+
		+	An alternate technique by Rayne is detailed [[Raynes normal map tutorial]]

	Made a grid and coloured in a few blocks with either grey or black, the grid was drawn using a mid grey.		Made a grid and coloured in a few blocks with either grey or black, the grid was drawn using a mid grey.

← Older revision		Revision as of 08:12, 15 January 2012
Line 1:		Line 1:
−	~~[[File:Previewal.jpg\|600px]]~~	+	Using gimp this is my personal method for making normal maps which don't have a sheen.
−
−	~~After seeing some screenshots from other people who tested UrT's bump mapping feature i wanted to try it out myself and see what results will i get.~~
−
−	~~First thing i needed was a good normal map generator. After few days of searching i settled with Crazy Bump.~~
−
−	~~Quality of normal maps generated by~~ this ~~tool~~ is ~~excellent. You can adjust pretty much anything you want. From intensity (depth of the map) to full control over details that will be shown on the map.~~
−
−	~~After that i used Photoshop CS4 to edit the~~ normal maps ~~and their alpha channels to suit my needs and desires.~~
−
−	~~So let's start with the first one.~~
−
−	~~==Bump map==~~
−
−	~~I can~~'t say I'm too happy with how bump maps work. The specular level is visible in shadows, and it's impossible to create it by simply deriving a gray scale, high contrast image from the original diffuse map.
−
−	~~Instead i used the basic _n map and did the same to it. It contains all the height map info i need and was much easier to tweak to get some...satisfying results.~~
−
−	~~[[File:Test1n.jpg\|300px]][[File:Test2nalpha.jpg\|300px]]~~
−
−	~~On the left is the _b map and on the right is the alpha channel.~~
−
−	~~I'm under an impression that best results are achieved by blurring the _b map and sharpening the alpha channel.~~
−
−	~~==Normal maps==~~
−
−	~~Here the real fun started. After several tests i realized that each of the 3 channels (R,G,~~
−	~~has it's own function.~~
−	~~Red and green seem to control the vertical and horizontal distortion while the blue channel controls how shiny will the texture appear.~~
−
−	However red and green channel constantly looked as if they're creating an offset from the diffusion map. Specular level always looked like it's not right on top of the diffusion map and no matter how i adjusted the alpha channel it kept looking like a ~~bad plastic wrap effect.~~
−	~~After removing or better said painting the red channel black the green channel managed to burst out and give me very nice sharp specular level.~~
−
−	~~Alpha channel itself had to be carefully tweaked to lose areas that are too bright and still preserve high contrast.~~
−	~~I achieved that by selecting each channel separately and then using the paint bucket painting it in exact shades of gray.~~
−
−	~~After that i sharpened it a bit and raised the contrast to remove whatever little specularity was left in black grouts.~~
−
−	~~[[File:Test2n.jpg\|300px]][[File:Test2nalpha.jpg\|300px]]~~
−
−	~~==Parallax occlusion map==~~
−
−	~~This map is something i came across of by accident. I desaturated the basic _n map and added an almost completely black alpha channel.~~
−
−	~~Results resemble parallax occlusion mapping and are quite interesting.~~
−
−	~~[[File:Test1nalpha.jpg\|300px]][[File:Test3b.jpg\|300px]]~~
−
−	~~<youtube v="qTZff1UtTAQ" />~~
−
−
−	~~==Additional (for gimp users) by JohnnyEnglish==~~
−
−	~~Rayne - you are a genius, you've advanced my knowlege another step. Taking your idea of the blue channel providing the shine I did this~~.

	Made a grid and coloured in a few blocks with either grey or black, the grid was drawn using a mid grey.		Made a grid and coloured in a few blocks with either grey or black, the grid was drawn using a mid grey.

← Older revision		Revision as of 10:42, 4 December 2011
Line 73:		Line 73:

	[[File:BumpShot0183.jpg\|600px]]		[[File:BumpShot0183.jpg\|600px]]
		+
		+	At last, real height without the sperm coating.

← Older revision		Revision as of 10:42, 4 December 2011
Line 48:		Line 48:

	<youtube v="qTZff1UtTAQ" />		<youtube v="qTZff1UtTAQ" />
		+
		+
		+	==Additional (for gimp users) by JohnnyEnglish==
		+
		+	Rayne - you are a genius, you've advanced my knowlege another step. Taking your idea of the blue channel providing the shine I did this.
		+
		+	Made a grid and coloured in a few blocks with either grey or black, the grid was drawn using a mid grey.
		+
		+	[[File:BumpStep1.jpg\|600px]]
		+
		+	And then I made a normal map using the gimp plugin - for more about this see [[Textures:Advanced_Normal_Maps_Creation]]
		+
		+	[[File:BumpStep2.jpg\|600px]]
		+
		+	Then selected to make a similar blue to the normal map blue transparent, but left all the others.
		+
		+	[[File:BumpStep3.jpg\|600px]]
		+
		+	That gave me a normal map that looks quite red.
		+
		+	[[File:BumpStep4.jpg\|600px]]
		+
		+	In game the texture has very little shine BUT a lot of height.
		+
		+	[[File:BumpShot0183.jpg\|600px]]

← Older revision		Revision as of 10:29, 4 December 2011
Line 46:		Line 46:

	[[File:Test1nalpha.jpg\|300px]][[File:Test3b.jpg\|300px]]		[[File:Test1nalpha.jpg\|300px]][[File:Test3b.jpg\|300px]]
		+
		+	<youtube v="qTZff1UtTAQ" />

← Older revision		Revision as of 10:27, 4 December 2011
Line 38:		Line 38:

	[[File:Test2n.jpg\|300px]][[File:Test2nalpha.jpg\|300px]]		[[File:Test2n.jpg\|300px]][[File:Test2nalpha.jpg\|300px]]
		+
		+	==Parallax occlusion map==
		+
		+	This map is something i came across of by accident. I desaturated the basic _n map and added an almost completely black alpha channel.
		+
		+	Results resemble parallax occlusion mapping and are quite interesting.
		+
		+	[[File:Test1nalpha.jpg\|300px]][[File:Test3b.jpg\|300px]]

← Older revision		Revision as of 10:23, 4 December 2011
Line 36:		Line 36:

	After that i sharpened it a bit and raised the contrast to remove whatever little specularity was left in black grouts.		After that i sharpened it a bit and raised the contrast to remove whatever little specularity was left in black grouts.
		+
		+	[[File:Test2n.jpg\|300px]][[File:Test2nalpha.jpg\|300px]]

← Older revision		Revision as of 10:21, 4 December 2011
Line 17:		Line 17:
	Instead i used the basic _n map and did the same to it. It contains all the height map info i need and was much easier to tweak to get some...satisfying results.		Instead i used the basic _n map and did the same to it. It contains all the height map info i need and was much easier to tweak to get some...satisfying results.

−	[[File:Test1n.jpg\|300px]]	+	[[File:Test1n.jpg\|300px]][[File:Test2nalpha.jpg\|300px]]
		+
		+	On the left is the _b map and on the right is the alpha channel.
		+
		+	I'm under an impression that best results are achieved by blurring the _b map and sharpening the alpha channel.
		+
		+	==Normal maps==
		+
		+	Here the real fun started. After several tests i realized that each of the 3 channels (R,G,
		+	has it's own function.
		+	Red and green seem to control the vertical and horizontal distortion while the blue channel controls how shiny will the texture appear.
		+
		+	However red and green channel constantly looked as if they're creating an offset from the diffusion map. Specular level always looked like it's not right on top of the diffusion map and no matter how i adjusted the alpha channel it kept looking like a bad plastic wrap effect.
		+	After removing or better said painting the red channel black the green channel managed to burst out and give me very nice sharp specular level.
		+
		+	Alpha channel itself had to be carefully tweaked to lose areas that are too bright and still preserve high contrast.
		+	I achieved that by selecting each channel separately and then using the paint bucket painting it in exact shades of gray.
		+
		+	After that i sharpened it a bit and raised the contrast to remove whatever little specularity was left in black grouts.