Create Your Own Scribbled, Scratchy Typeface In Illustrator

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.

  1. 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.
    Step1
  2. 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.
    Step2
  3. 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.
    Step3
  4. 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.
    scribble-text
  5. 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.

scribble-examples

Have you used the Scribble command before? What else have you applied it to?

Related Reading:

Win an Annual Membership to Learnable,

SitePoint's Learning Platform

  • http://www.arwebdesign.net samanime

    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.

  • Anonymous

    coooooooooool!

  • ChrisH

    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.

  • http://www.laughingliondesign.net Jennifer Farley

    @Chris, great tip on the rounded corners, thanks

  • Jhinuk

    Nice but time-consuming. We can download this kind of font which is easily available on net :D