Web 2.0 metallic button

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

19 comments on this tutorial

Thanks, great tutorial.

Новость реально порадовал. Автору респект и уважуха. В поддержку темы тоже делюсь тем, что близко мне - www.порно-онлайн.su, Заходите - не пожалеете

Что то в верхнем углу высплыло, и Каспер показал что сайт заражон вирусом,
аффтар, да у тебя iframe вирус …

By Dual Action Cleanse Review

Web 2.0 metallic button is very useful for professional and student so i read and gather knowledge about this………………….Dual Action Cleanse Review

By Virility Ex Pills

It is very useful and informative site for the web 2.0 i read and gather the information about the web 2.0 metallic……….Virility Ex Pills

This metallic button is very useful for the attractive designing of form………Force Factor

Качественная уборка квартир и загородных домов - женщина с хорошим опытом уборки, прописка Россия.

Tnx!!! nice tut

Thank You


These tutorials are great the one on web 2.0 menu is cool too (even if the name is misleading).

Thanks for posting this!


welcome to maccosmetics1984 store
We are a manufacturers & wohlesalers of Mac Mascara, GHD Hair Styles, Mac cosmetics in china.We wholesale the cheapest MAC cosmetics and doing OEM orders, which including MAC Cosmetics, GHD Hair Styles.

its verry nice…

Wonderful website. All posts have a process to learn. Your hard work is very good and i enjoy you and wanting for some more informative posts.

It’s really a cool and useful piece of info. I’m satisfied that you simply shared this helpful info with us. Please stay us up to date like this. Thanks for sharing.

She said at parting, the authors can hope to play to the imagination, and more creative so magic of the article

Leave a Reply

Latest Tutorials

About Us

Pscloud is a weblog powered by Wordpress with Photoshop tutorials for dummies.