Make a good looking Web 2.0 style Badge, in a easy way using the Polygon Tool and some Layer Styles.

1. Create a Badge using the Polygon Tool.

Photoshop Tutorials. Badge 2.0

2. Right click and Rasterize it.

Photoshop Tutorials. Badge 2.0

3. Add a Gradient Overlay: #007cb3 to #00c8ff

Photoshop Tutorials. Badge 2.0

4. And you got to have something like this:

Photoshop Tutorials. Badge 2.0

5. Click over the thumbnail while holding Ctrl, to select the shape. Then go to Select/Modify/Contract and put 2 px.

Photoshop Tutorials. Badge 2.0

6. Create a New Layer and Fill it with any color and change the Fill to 0% then add a 1px Stroke Transparent to Withe.

Photoshop Tutorials. Badge 2.0

7. You should have something like this:

Photoshop Tutorials. Badge 2.0

8. Create a New Layer, and make a selection using the Elliptical Marquee Tool.

Photoshop Tutorials. Badge 2.0

9. Select the border’s layer then go to Select/Inverse and press Del, to delete the bright parts outside of the badge. Then change the Blending Options to Soft Light.

Photoshop Tutorials. Badge 2.0

10. Add some text, using Segoe in white and press Ctrl + T to rotate it.

Photoshop Tutorials. Badge 2.0

11. Add it Drop Shadow:

Photoshop Tutorials. Badge 2.0

12. And Gradient Overlay: #e4e4e4 to #ffffff

Photoshop Tutorials. Badge 2.0

13. That’s it, your own Badge 2.0

Photoshop Tutorials. Badge 2.0