Web 2.0 metallic button

11 Comments
Web Graphics, Buttons, Web Design

You will learn how to create a simple and clean button using Layer Styles in a few steps.

1. Start by creating a new shape with the Rounded Rectangle Tool using 2px as Radius.

Photoshop Tutorials. Metallic button.

2. Then you need to add it some Layer Styles.

Photoshop Tutorials. Metallic button.

3. Gradient Overlay: #c0c0c0 #878787 to #f0f0f0

Photoshop Tutorials. Metallic button.

4. Stroke: #717171

Photoshop Tutorials. Metallic button.

5. So far you should have something like this:

Photoshop Tutorials. Metallic button.

6. Now add it a Text using Arial Bold 50 pt and anti-aliasing: Smooth

Photoshop Tutorials. Metallic button.

7. Then add it a Drop Shadow.

Photoshop Tutorials. Metallic button.

8. And finally a Inner Shadow.

Photoshop Tutorials. Metallic button.

9. And you are done. I hope it was helpful.

Photoshop Tutorials. Metallic button.

Rate Tutorial:

1 Star2 Stars3 Stars4 Stars5 Stars

11 comments on this tutorial

Thanks, great tutorial.

can’t see images

Images come only when you submit comment or something .. sucks

i hope its nice, cos i dont see it yet…

where’s the images?

nice

Leave a Reply