Web 2.0 Badge Adobe Illustrator Tutorial

Select the Star Tool. Click where you want the web 2.0 badge. Use the settings in the picture.

add a gradient to the star

Add a gradient to the web 2.0 badge.

divide

Duplicate the badge. Go to Object > Path > Offset Path. Type in -2 px for Offset.

Select the outside part with the Direct Selection Tool and delete it.

Make a line with the Pen Tool like in the picture. Select both and click on Divide. Delete the bottom part.

Place it over the original badge. Give it a black/white gradient. Set it on Screen. Add your text and you’re done.

Web 2.0 Badges

You should have Web 2.0 badges that looks something like this.

VN:F [1.9.13_1145]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.13_1145]
Rating: +1 (from 1 vote)
You can leave a response, or trackback from your own site.
  • Anonymous

    The button badge designs above are really great

    VA:F [1.9.13_1145]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.13_1145]
    Rating: 0 (from 0 votes)