Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Super Metal Chrome

Super Metal Chrome


This was a requested effect :) But it shows you how to make a chrome button. really nice.

1. Make a new image, ours is 175 x 70 - with a white background

2. Fill the background with a light grey [ we used #D4D4D4]

3. Create a new layer - layer > new > layer

4. With the marquee fixed size tool. make a selection of 120 x 20 pixels. then fill this any colour (dosent matter which)

image 1

5. Click layer > layer style > blending options. then check drop shadow, gradient overlay and stroke.

6. For drop shaddow, give it the following settings:

image 2

7. Give gradient overlay the following settings:

image 3

8. And finally stroke: size 1 - opacity 68% - colour 000000

9. Click ok. you should have something like this -

image 4

10. Zoom right in, and grab the circular marquee tool. at the top, where you see the 2 grey boxes, make sure the 2nd from left one is selected like this:

image 5

11. Without the one pixel border on your button, make a circular selection whilst holding SHIFT at both sides (image only shows the left hand side)

image 6

12. Now get the rectangular marquee tool, and select inbetween the 2 circles selection, hold SHIFT + CTRL and press I - to invert your selection.

image 7

13. Then hit delete.

14. Hold CTRL and press D to deselect, and your finished!

We have added some extras to our button, yours could look the same!

Super Metal Chrome Tutorial: Final Result



Author's URL: Andy
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Super Metal Chrome"

Only registered users can write comment

Reader's comments