Metal look with Photoshop

[jjmaster-j]

Hello all,

Please, I need some help in doing the metal edge effect like in the attached design.

Thank you
MasterJ

[Ryall]

where is the metal effect in that picture? I dont see anything that looks like metal.

Do a search for a "sheet metal" tut - you'll find it - :sigh:

Peace

[B3NKobe]

where is the metal effect in that picture? I dont see anything that looks like metal.

Do a search for a "sheet metal" tut - you'll find it - :sigh:

Peace
Yeah same thing, where is the metal in the image? Its just straight colours with groove indents...??

[jjmaster-j]

Sorry for the confusion...I meant the edges. It seems like there is a nice clean cut effect for the edges (or lines).

Thanks
MasterJ

[jjmaster-j]

b3nkobe,

Whats is groove indents?

Thx

[B3NKobe]

i was refering to the edgings...

[B3NKobe]

To do the edging all you do is use the pencil tool in photoshop at 1px with a darker colour then the main colour, draw the indent/edge/line, then change the colour to white or a much lighter colour and do the same thing that follows the first line on the outside of it...

[jjmaster-j]

B3nkobe,

You draw it with the pencil tool. I tried and it is hard to keep the line straight. Can you use the line tool? So if I undertand correctly, i need to draw two lines with one lighter color than the other. Is that correct? I am not sure that I can have the same effect as that of the picture.

[B3NKobe]

Yes that is correct, to get a straight line with the pencil tool, hold 'shift' down then click and move the pencil as it will create a straight line, You can also use the line tool, just need to make sure its 1px.

[Ryall]

use the single row/col selector, use alt+marque selector to remove areas you dont need selected, then fill with desired color.

thats another way to do it.

Peace

[jjmaster-j]

I see...Thank you very much...

[B3NKobe]

No problems :D:D - Glad to help...

[simplistik]

To do the edging all you do is use the pencil tool in photoshop at 1px with a darker colour then the main colour, draw the indent/edge/line, then change the colour to white or a much lighter colour and do the same thing that follows the first line on the outside of it...

LoL.... that's much harder than it needs to be... but to each their own.

[jjmaster-j]

Simplistik,

Can you please shed some light on that? Is there another sophisticated way to do it?

Thanks

[B3NKobe]

LoL.... that's much harder than it needs to be... but to each their own.
oh whats an easier way?? Thats they i learnt how to do it so yeah...

[dreeft]

make the line with a white drop shadow?

[=guinness=]

kirupa has a tutorial on something similar using layer styles, but i think its the trend are pixel border for some reason im sure it was in the tutorial section but i cant find it. weird. anyways as i remember it , there was bevel, and it was set to 1px, this creates both a shadow and a highlight, cutting your work by 50-60%. simplistic will probably clarify after a dramatic pause.:huh:

[jjmaster-j]

Guinness,

That's it. It is done with Layer Style...Bevel & Emboss...Thx

[simplistik]

LoL... oh... well first there is nothing wrong w/ b3n's pencil way at all. I'm sure it works perfectly cause you'll get a nice straight line by holding shift. But as for the coloring... most of the time... almost I'd say 90% all you need to do to get a good color for the pixel bevels is to set the layer blending to soft light and the only colors you'll need to use are white and black. That's the part that I was saying was complicated. But then again I think i read it wrong too. :P

As for the layer style way:
inner bevel
smooth or chisel soft
depth: 1000%
size: 0
soften: 0
angle: can be whatever angle you want your bevel (for left side 180, right side 0, top 90, bottom -90).
altitude: 10ish

*Uncheck global lighting.

only use highlight (start at 100% can always adjust later) - for highlight layer of bevel just make it white, use screen or softlight... for the shadow layer make your highlight black, softlight

the only thing w/ this is you'll need 2 different shapes/layers, and the shadow layer will always be at the opposite angle of your highlight layer.

ooooor you could do the above, same thing... apply the highlight and the shadow to the same shape... buy using both the highlight and shadow feature, setting highlight to white, shadow to black... set them side by side and bam... bevels.

anywho... since i didn't include visual reference... if this doesn't makes sense... there are lots of tutorials on the web... search for microbevels, or look at some tutorial sites and their navigation tuts. since that's where they seem to appear the most.

whew... that's to much typing.

[B3NKobe]

LoL... oh... well first there is nothing wrong w/ b3n's pencil way at all. I'm sure it works perfectly cause you'll get a nice straight line by holding shift. But as for the coloring... most of the time... almost I'd say 90% all you need to do to get a good color for the pixel bevels is to set the layer blending to soft light and the only colors you'll need to use are white and black. That's the part that I was saying was complicated. But then again I think i read it wrong too. :P

As for the layer style way:
inner bevel
smooth or chisel soft
depth: 1000%
size: 0
soften: 0
angle: can be whatever angle you want your bevel (for left side 180, right side 0, top 90, bottom -90).
altitude: 10ish

*Uncheck global lighting.

only use highlight (start at 100% can always adjust later) - for highlight layer of bevel just make it white, use screen or softlight... for the shadow layer make your highlight black, softlight

the only thing w/ this is you'll need 2 different shapes/layers, and the shadow layer will always be at the opposite angle of your highlight layer.

ooooor you could do the above, same thing... apply the highlight and the shadow to the same shape... buy using both the highlight and shadow feature, setting highlight to white, shadow to black... set them side by side and bam... bevels.

anywho... since i didn't include visual reference... if this doesn't makes sense... there are lots of tutorials on the web... search for microbevels, or look at some tutorial sites and their navigation tuts. since that's where they seem to appear the most.

whew... that's to much typing.
alright well ill agree my method is a bit difficult, your methods explained were good, its actually made it a bit easier for me to do it also, thanks :D


// Off Topic: i like in your sig where it says 'Anything above and below this is ©2003-2004, Simplistik' lol lol :D:D:D