Wednesday 3 June 2009

displacement shirt!

I had to create a little tool for Nike Kit builder site that will be coming soon.
UPDATE: here is the url of the final site:
http://www.nike.com/nikeos/p/nikefootball/en_GB/kitbuilder
(i have been responsible for most front end content on the site but the big essential of the site has been made by 2 other great developers Stuart Lees and Ozay Olkan (dev get so few credits sometimes))

Even if all the features couldn't not be implemented on a production level i wanted to share this with you.
We want to have a custom logo, and player name and number incrusted in the T-shirt.
The previous version of this tool was in papervision using meshes etc... and was very complicated... So i came up with a solution of displacement map.

this example use a normal map calculated of the t shirt, with the shadows we can get a normal map out of it, then displace the content and then add on top of it the destaturated version of the tshirt in multiply blendmode to get the shadows on top of the logo.
If you notice the number bends perfectly with the shapes of the tshirt.

No comments: