The hand-drawn look is still popular on the web. Scribbles, doodles, scratchy writing and hand drawn elements can be combined to create a less polished, homemade look for your web site. There are a large number of hand-drawn fonts and other design elements available to download, but today I wanted to show you how to take any font in Illustrator and give it a scribbled appearance. It’s incredibly easy to do using the Scribble command and you can create some very nice effects.
So let’s start by opening a document in Illustrator and adding some text.
- I’ve used Myriad Pro Bold Condensed (which you should have on your system if you have Illustrator installed), but this effect works well with all kinds of typefaces. The font size here is 120px, the fill color is black and there is no stroke.
- With the text still selected, choose Effects > Stylize > Scribble. The Scribble Options dialog box opens and your text will change immediately. Make sure you have the preview box checked so you can see the changes.
- Now, we can play around with the sliders to achieve different types of scribbles. I made the stroke width thinner, the line loopier with tighter spacing and also changed the variation on each of these options.
- When you’re happy with your text, click OK. And that’s it. The really cool part about using this method is that the text is still editable and any extra characters you add will automatically take on the scribble effect.
- By playing around with different fonts you can get some interesting and fun results. Here’s a few more examples created using various scribble settings.
Have you used the Scribble command before? What else have you applied it to?
Related Reading:
- Sketch Style: Ten Fonts and Ten Design Elements
- Sketchy Design Style Still Going Strong: 10 Examples
Related posts:
- Create A Painted Text Effect In Illustrator Jennifer shows us how to create a painted text effect...
- How To Create A Tapered Line Brush In Illustrator Jennifer shows you how to easily create your own tapered...
- Create Inset-Style Type In Photoshop Jennifer shows you how to create the popular inset or...
- The Old Style Typeface Jennifer continues her series on font categories. Today, she looks...
- How To Put Type On A Path In Illustrator Adding type to a path in Illustrator is easy to...
I never knew about this command before. It’s definitely not something I’d use on every project, but if I ever needed that affect it would be a lifesaver.
September 6th, 2009 at 3:55 am
coooooooooool!
September 6th, 2009 at 4:50 pm
I’ve played with the scribble effect before but haven’t used it yet for anything production. It’s fun on shapes too.
There’s some great effects in there. Checkout Roughen, Transform, Zigzag and the one I do use a lot, RoundedCorners. I never use the rounded corner drawing tool, always do a square cornered box then use the Rounded Corner effect. That way I can edit at any time.
September 7th, 2009 at 1:02 pm
@Chris, great tip on the rounded corners, thanks
September 7th, 2009 at 6:01 pm
Nice but time-consuming. We can download this kind of font which is easily available on net :D
September 13th, 2009 at 7:40 pm