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


Close    To Top
  • Prev Article-Photoshop:
  • Next Article-Photoshop:
  • Now: Tutorial for Web and Software Design > Photoshop > Web Layout > Photoshop Content
    Photoshop Tutorial
     

    Special Effect

      3D Effect
      Photoshop Articles
    Programming Tutorial
     

    C/C++ Tutorial

      Visual Basic
      C# Tutorial
    Database Tutorial
     

    MySQL Tutorial

      MS SQL Tutorial
      Oracle Tutorial
    Geek Tutorial
     

    Blogging Tutorial

      RSS Tutorial
      Podcasting Tutorial
    Graphic Design Tutorial
      Coreldraw Tutorial
      Illustrator Tutorial
      3D Tutorials
    Webmaster Articles
     

    Domain Service

      Web Hosting
      Site Promotion
    Java Tutorial/ Articles
     

    Java Servlets

      JavaEE Tutorial
     

    JavaBeans Tutorial

    XML Tutorial/ Articles
     

    XML Style

      AJAX Tutorial
      XML Mobile
    Flash Tutorial/ Articles
     

    Flash Video

      Action Script
      Flash Articles
    OS Tutorial/ Articles
      Linux Tutorial
      Symbian Tutorial
      MacOS Tutorial
    Personal Tech
      Hardware Tutorial
      Software Tutorial
      Online Auction