TeamPhotoshop
 
Creating a Metal Button



Creating a metal button:

 

1.
-Use the pencil tool and draw a box of 75x24 pixels.
-Fill the box with a shade of gray.
-Draw a white line a little above the center of the square.

Your picture should look like the picture to the left when zoomed in.


 2.
Select the part below the white line.
Set foreground color to 136/136/136 and background color to 58/58/58
Take the gradient tool and make a gradient from top to bottom (hold shift while moving your mouse)

 3.
Now select the part above the white line.
Set foreground color to white and background color to 101/101/101
Take the gradient tool and make a gradient from bottom to top (hold shift while moving your mouse)

 4.
Make a new layer.
Take the pencil tool and draw two vertical white lines at the edges of the picture (stay within the black box).
Set your layer to Overlay and change the opacity to 75%

There your done, add some shadow, little insets and you're done

You can always experiment with the various shades of grays to get stronger shadow/highlight effects or add an adjustment layer for hue/saturation to give it some color.

If you have any questions or comments regarding this tutorial please post it in this thread
http://forum.teamphotoshop.com/showthread.php?t=24767
Print Article




Login / Register
... Or Register


From The Forums...
F/S:Sony Ericsson Idou(Satie),ETEN glofiish X610,Blackberry Curve 8900 @discount rate
Email: [email]mobilestore_limited@live.co.uk[/emai...
F/S:NokiaE75,E71,E65,E55,N97,N85,N96,N95,5730,5320,5 800 XpressMusic@dicount rate
Email: [email]mobilestore_limited@live.co.uk[/emai...
3G iphones,HTC touch,Samsung omnia...$300,Sidekick
DAGAMES ELECTRONIC Ltd is a leading supplier of hi...
Nikon D80 Digital Camera with 18-200mm Lens---$420usd
DAGAMES ELECTRONIC Ltd is a leading supplier of hi...
help with blur on font
In the Outer Glow dialog box, try setting the blen...
... Go to Forum


Tutorial Image

Get familiar with the power of the curves adjustment tools.
The Image: Adjust: Curves... and all the good things you can do with it!...

Tutorial Image

Using the lasso and magnetic lasso to make your selections.
Using the handy ol' lasso. Essential reading for the beginner...



© Web Media Network Limited. All rights reserved. No part of this website may be reproduced without written permission. Photoshop is a registered trademark of Adobe Inc.. TeamPhotoshop.com is not associated in any way with Adobe, nor is an offical Photoshop website.
..