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

Cool Web 2.0 Badge


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.

img

2. Right click and Rasterize it.

img

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

img

4. And you got to have something like this:

img

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

img

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.

img

7. You should have something like this:

img

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

img

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.

img

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

img

11. Add it Drop Shadow:

img

12. And Gradient Overlay: #e4e4e4 to #ffffff

img

13. That's it, your own Badge 2.0

img



Author's URL: avivadirectory.com
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: