The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Cool Web 2.0 Badge

Cool Web 2.0 Badge


1. Create a Badge using the Polygon Tool.

image 1

2. Right click and Rasterize it.

image 2

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

image 3

4. And you got to have something like this:

image 4

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

image 5

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

image 6

7. You should have something like this:

image 7

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

image 8

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.

image 9

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

image 10

11. Add it Drop Shadow:

image 11

12. And Gradient Overlay: #e4e4e4 to #ffffff

image 12

13. That's it, your own Badge 2.0

Cool Web 2.0 Badge Tutorial: Final Result



Author's URL: Aviva Directory
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Cool Web 2.0 Badge"

Only registered users can write comment

No comments yet...