Tuesday, August 21, 2007

Web 2.0 Badge - Adobe Illustrator Tutorial

star tool

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.

No comments: