Web 2.0 Badge Tutorial

Step 5
Right click the active layer and duplicate.

web 2.0 badge

Right click the duplicated layer and select Rasterize Layer.

web 2.0 badge

Ctrl-click the newly rasterized layer to select it.

web 2.0 badge

web 2.0 badge

Select > Modify > Contract…

web 2.0 badge

Contract your selection by 2 pixels.

web 2.0 badge

Hold down Shift+Ctrl+I to Invert your selection. Press delete.

web 2.0 badge

Ctrl-click to select this layer and paint it over with a light gray if it is not already.

Step 6
Select the Elliptical Marquee Tool.

web 2.0 badge

Drag this over the top half of your layer, where you want your shine to be.

web 2.0 badge

Hold down Shift+Ctrl+I to invert the selection.

Grab the Burn Tool.

web 2.0 badge

Drag this around the edge of your curved selection.

web 2.0 badge

De-select the layer.

web 2.0 badge

Step 7
Change the layer mode to Overlay. you may also want to adjust the Opacity depending on how bright you want your highlight.

web 2.0 badge

Congratulations! You’ve made a shiny Web 2.0 badge. You can add some text to it as well.

web 2.0 badgeweb 2.0 badge

You can download the PSD file used in this tutorial here:

>> Download PSD for the Web 2.0 Badge<<

There is also a package of Web 2.0 Badges available at my other post.

Pages: 1 2

Similar Posts

2 Responses to “Web 2.0 Badge Tutorial”

  1. […] « Web 2.0 Badge Tutorial […]

  2. […] Web 2.0 Abzeichen […]

Leave a Reply