This blog post was previously published on our blog in 2009, and since it was so popular with our readers, we wanted to be sure the instructions were up-to-date. So we’ve updated this tutorial to be current with the most recent versions of Illustrator. Hope you enjoy revisiting this helpful tutorial in Illustrator CS6 & CC style. Want to see other articles revamped? Let us know by leaving a comment below.
Here are some popular sketch fonts available that are great for grungy and hand-drawn designs and illustrations. My problem is, I want to be able to use this sketchy style in any font. Turn’s out, it is actually really easy to do in Illustrator. Moreover, you can create a Graphic Style and easily apply the style to other editable fonts to create your very own custom sketch font!
In the following tutorial, you will learn how to create a grungy web badge in Adobe Illustrator. For starters you will learn how to setup a simple grid and how to easily center the starting shapes using the Align panel. Next, taking full advantage of the Appearance panel and using some basic masking and vector shape building techniques, you will learn how to create the two main shapes. Moving on, using a built-in art brush and some new masking techniques, you will learn how to add a that grungy effect. Using some Type tools along with several Drop Shadow effects, you will learn how to add the text. Finally, you can learn how to easily recolor your entire web badge.
In the following tutorial, you will learn how to create a wire pattern brush and how to use it to create a nice USB vector text effect in Adobe Illustrator. For starters, you will learn how to set up a simple grid and how to create a bunch of pixel perfect shapes using basic tools and effects. Using basic blending and vector shape building techniques along with some simple Transform effects, you will learn how to create the usb connector. Finally, you will learn how to turn all these shapes into a simple pattern brush and how to create the USB vector text effect.
