Jump to content

3D Rendered Helmet Tutorial


davidson

Recommended Posts

howdy gang,

well, ive been playing about with the renders for the 3d helmets ive been making and i have created a quick tutorial so that you can build your 3d helmet in photoshop.

i could just upload the file (and i will if i can remember my deviant art logo in as i think deviant art takes psd files?) but i thought i would post all the files and give you a step by step so you can build your own. hopefully this will be a little educational and give some of the less experienced guys a quick run through of some of the ps mask and layer functionality. there is also an added bonus that should people want different angles, i can just burn out a quick render of the 4 layers needed, and you can slap together your own custom template in about 5 minutes.

thats right, who loves you? right, down to business.

__________________________________________________

3D FOOTBALL HELMET TUTORIAL

1. open the following files in photoshop.

TEMPLATE_perspective_ColourDesign.png

TEMPLATE_perspective_Lowlights.png

TEMPLATE_perspective_Highlights.png

TEMPLATE_perspective_Mask.png

2. layer them up in photoshop as shown here (dont worry if you dont recognise the mask layer, i will get to that).

some of the edges will look a bit funky at the moment, this is called 'straight' matting as opposed to 'premultiplied' matting and will be sorted out with the masking.

LayerSetup.png

3. each layer requires a different transfer mode (the way in which each layer interacts with the others. the transfer layer is the little scroll menu at the top of the 'layer' console (above).

the settings are as follows:

ColourDesign - normal

Lowlights - multiply

Highlights - screen

once you have done this. create a folder and place all these files inside it.

Link to comment
Share on other sites

4. once you have done that you should start to see the semblance of a 3d helmet. however we need to create an alpha channel to separate the helmet from the background and get rid of the scraggy edges. the next bit is slightly tricky. it goes as follows.

a. open the 'mask' layer in a new window.

b. copy the mask.

c. select the folder in the helmet file you have just created and click the 'add layer mask' button at the bottom of the 'layer console' (it is shown as a white circle in a dark square)

d. now hit the channel tab to open the channel console, inside the channel console you will see 5 layers. RGB, Red, Green, Blue and lastly a layer called 'mask'.

e. click the little eye icon to make this layer visible and paste the mask layer into it.

f. now click the eye off to get rid of the red visible mask.

your channel console should now look like this:

Masking.png

5. your helmet should now look like this:

TEMPLATE_perspective_Test.png

6. finally by playing around with the ColourDesign layer you can add logos, stripes, change the colours and totally customise your own helmet.

below are my customised design layer and the finished helmet.

TEMPLATE_perspective_ExampleColourD.png

TEMPLATE_perspective_Example.png

i hope this is helpful. please post your own creations here for others to see.

if you would like other angles of the helmet, you can request them here and i will upload the respective layers.

cheers

fraser

Link to comment
Share on other sites

Great stuff, thanks Davidson. Today is going to go by so slow; I have this helmet template to play with and my new copy of Design Premium CS4 for my mac waiting back in Lansing. (Now CS5 will come out this week, since I finally got CS4. ^_^ That is okay though, because all I have on my Mac is Illustrator 10, and my old PC only has CS2.)

Link to comment
Share on other sites

Once again Davidson you have out done yourself on both the skill and the generosity fronts! Many thanks.

If you would be kind enough to post something similar to this one which you used to display your Monarchs logo earlier in the week that would be awesome!

helmet_monarchs.jpg

I loved that angle and it was so close to a small crappy photo that i'd found and was trying to create a template from that it inspired me to have a go at making a decent template! So I've been trying to recreate it in Illustrator and while the shell is looking ok just now, I think trying to reproduce the face mask and the subsequent reflections they produce may well cause my head exploded in a similar manner to the poor victims in the movie Scanners!

Here's what I have so far,

Helmetactual.png

Helmetoutlines.png

I think for the sake of learning I'll try to continue with this templet but I think for the sake of better results your way will be much, much better.

Thanks

9erssteve

Link to comment
Share on other sites

Once again Davidson you have out done yourself on both the skill and the generosity fronts! Many thanks.

If you would be kind enough to post something similar to this one which you used to display your Monarchs logo earlier in the week that would be awesome!

helmet_monarchs.jpg

I loved that angle and it was so close to a small crappy photo that i'd found and was trying to create a template from that it inspired me to have a go at making a decent template! So I've been trying to recreate it in Illustrator and while the shell is looking ok just now, I think trying to reproduce the face mask and the subsequent reflections they produce may well cause my head exploded in a similar manner to the poor victims in the movie Scanners!

Here's what I have so far,

Helmetactual.png

Helmetoutlines.png

I think for the sake of learning I'll try to continue with this templet but I think for the sake of better results your way will be much, much better.

Thanks

9erssteve

im on it.its the same angle, but the whole helmet, should be about the size of the one you are working with. should be up in 20 minutes.

Link to comment
Share on other sites

Hey Fraser... I think you have one too many vertical bars in your template's face mask. You have 4 bars while it is actually 3....

TEMPLATE_front_test.png

ladainian%20tomlinson.jpg

dmc.jpg

Now you may have based it off of another facemask design... (I'm guessing here) ...but because of some of the views you have used it hid it just enough so it wasn't noticeable.

Link to comment
Share on other sites

now all we need is a tutorial on how to make our helmet stripes and logos realistically curved. :)

simple but requires illustrator:

1. take your logo.

warp1.png

2. draw a square around it and place your logo in the respective corner, depending upon how you want it to curve.

in this case, i would like it to curve up and to the left away from the camera so it goes top left. group the objects

warp2.png

3. apply warp>fisheye until satisfied. by moving the square about behind the logo you can achieve the correct perspective

by adjusting in real time.

warp3.png

4. expand the whole group, delete the square, et voila.

warp4.png

and thats how you warp your logo.

youll have to hand draw your stripes, but its really not that difficult. use the pen tool and adjust to fit.

fd

Link to comment
Share on other sites

Or if you're feeling brave you could always uses the envelope distort with mesh function, but it's trickier and will probably take you longer... much longer. There is also a distort with mesh function in Photoshop as well under the Edit menu > Transform > Warp for those who only have photoshop.

And thanks for the renders I asked for Davidson, they are awesome!

9erssteve

Link to comment
Share on other sites

i didnt model the helmet mate.

i dont think it is taken from any particular helmet.

will do a special 3-bar render just for you.

Oh, I don't care... please don't waste your valuable time. I was just hoping to point out something that you may/may not have meant to do.

Link to comment
Share on other sites

i didnt model the helmet mate.

i dont think it is taken from any particular helmet.

will do a special 3-bar render just for you.

Oh, I don't care... please don't waste your valuable time. I was just hoping to point out something that you may/may not have meant to do.

last render i did was a three bar mate.

did you get all the render layers i emailed yesterday?

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use.