Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Drawing Techniques Cool Web 2.0 Badge
rss

Cool Web 2.0 Badge

Author: Aviva Directory More by this author


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




Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Cool Web 2.0 Badge"