Turn Any Font Into a Sketch Font

Sketchy ThumbnailThis 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!

Tutorial Details

  • Program: Adobe Illustrator CS6 – CC
  • Difficulty: Beginner
  • Topics Covered: Appearance panel, Graphic Styles
  • Estimated Completion Time: 10 minutes

Final Image

Below is an example of the sketch font we will be creating.

Final Image

Step 1

Create a new document and with the Text tool (T), type out some text with the font of your choosing. I am using Glypha Black as my font.

Step 1

Step 2

With the text selected, take off any stroke and fill. We are going to add a stroke and fill separate from each other in the Appearance panel in the next couple of steps.

Step 2

Step 3

With the no fill and no stroke text selected, open the pop-up menu in the Appearance panel, and chose Add New Fill. Keep the default black color of the fill.

Step 3

Step 4

Select the new fill in the Appearance panel, and go Effect > Stylize > Scribble. With the Scribble Options dialog open, change the Angle to 45, the Path Overlap to 0 px, the Path Overlap Variation to 2 px, the Stroke Width to 1 px, the Curviness to 0, the Curviness Variation to 50, the Spacing to 2 px, and the Spacing Variation to 1.5 px.

Step 4

Step 5

Select the Stroke option in the Appearance panel and give the text a 2 pt stroke.

Step 5

Step 6

With the Stroke still selected in the Appearance panel, go Effect > Distort & Transform > Roughen. In the Roughen dialog, change the Size to .5, select the Relative radial button, change the Detail to 30, and select the Smooth radial button for Point. This will give the stroke a little distress.

Step 6

Step 7

Now, we have a custom sketch font. Moreover, you can easily edit the font! To make this technique even more useful, let’s create a Graphic Style so we can quickly apply these effects to other fonts and text. First select your font and take a look at the Appearance panel. You can see all the effects in your type. Now, simply press the New Graphic Style Button in the Graphic Styles panel and name your new Graphic Style!

Step 7

Step 8

Now type out some more text and change the font. With the text selected, press the thumbnail of your new sketchy Graphic Style and see all the wonderful sketchy results!

Step 8

Experiment

You can apply the sketchy graphic style to other objects other than text. I also suggest playing around with the Scribble and Roughen effect settings. Post links to images in the comments with your results!

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • StumbleUpon
  • Design Float
  • Facebook
  • Mixx
  • TwitThis

175 thoughts on “Turn Any Font Into a Sketch Font

  1. I cannot thank you enough. I’ve been searching for so long on how to do this. And it’s so simple even a novice like me could do it. thank you for your great site! :)

  2. So simple and such a grate result! I love it!..the newsletter came in at the right time, Im using it already..thxs

  3. Wow! That is just the best tip ever! I’ve been wondering how to do this for ages and can’t believe it’s so easy! Thank you a million scribbly times!!!

  4. What a great tip!! I can’t thank you enough for this! Just what I needed (I;m creating a T-shirt design and this is just perfect for what I had in mind).

    Keep posting!!!

  5. Another nice tutorial, man I’m learning a lot from you!, thanks I’m just starting using Illustrator I have more experience with Photoshop.

    Thank!.

  6. I put your tutorial on one screen and illustrator on the other screen and followed step-by-step and got the results, wow this is amazing, especially that we can reuse this effect with out all the work. well done.

  7. Hi Rype,

    I am using Illustrator CS3 and i can not find Effect > Stylize > Scribble. Can you help me out. I have been looking for this technique for a while now.

  8. Thank you, this tutorial helped me out with my homework for a digital arts class I am taking at my local community college.

  9. Just be sure to check the license on the typeface you’re going to use for this. You don’t want to end up doing this for a client, only to find yourself being sued by the type designer or foundry. Look specifically for lines that mention modifications to the original design. Some do, but some don’t. When in doubt, ask before you do anything other than just playing.

  10. what if i wanted to make similar effects on vectors other than text?
    i tried this method on vectors but got short on the part where you go to apply the scribble effect in stylize since the option doesnt exist? is it only for text?
    thanks

    • You should have no problem applying to Graphic Style and techniques to other vector objects. When you are applying the Scribble effect, is it grayed out?

  11. WOW! And here’s me thinking I would never EVER understand illustrator and first time I get my perfect scribble text. Not just that, but I was even able to succesfully play around with the colours and scribble effect attributes to get the perfect scrawl. THANK YOU SO MUCH. xxx

  12. can anybody help me?? scribble option does not exist in my illustrator… there just glowing edges style effect. i’ve use illustrator cs5.. how to make that option appears? i’ve try to clear uninstall and reinstall.. but still not work..
    thx..

      • Hi, i have the same problem with illustrator cs5. The scribble effect isn’t there. It’s not grayed out. It’s just not there. Any suggestion?

    • I did the same thing on first glance. There are two Scribble options. You are looking at the one under Photoshop effects. Look in the section above that under Illustrator effects.

  13. I found this tutorial incredibly helpful in doing exactly what I was looking to do, create a sketchy look to a font. However, I want to take it a step further from Illustrator. I want to create a font from the effect. I have outlined the font in Illustrator with the effect on it so each letter is individual (with scribble effect still on it). I have then tried to copy and paste an individual letter into Fontographer without success (it comes through as a solid black version of the font). I have also tried and copy and paste it just into another Illustrator file and it goes all white, losing the effect as well. Is there any way I can take this style as individual letters from Illustrator into Fontographer to create a version of our house font, retaining the scribble effect which is so perfect in Illustrator from using this technique?

  14. This is really awesome!!! It helped me ALOT…
    You saved me all time of searching for a scribbled font type on line… Thanx sooooo much…

    I’m in love with Illustrator, it a really Great program!

  15. amazing!!!!! can’t believe I had been suffering trying to get this effect for so long LOL your tut has made my day, thank you! :)

  16. Great tut thank you!
    i’m having a few problems with it though.. i have to make my font 200 or so to get the sketchy-ness to look any good and even then it doesn’t look as smooth as yours?? I’ve played around with the settings in the scribble options dialogue box but it doesn’t seem to make it any better. my settings are in mm and i wondered if that was the problem? rather than px.. Any tips would be fantastic. Cheers

  17. Thank you! These tutorials are super helpful!

    I like it with the stroke not roughened. It reminds me of a coloring book. Especially if you change the fill color.

    Keep up the awesome work!

  18. Great tutorial! I love how easy it is to edit later, I probably would have used a clipping mask, but then I would have been kind of screwed on fixing it up after-the-fact. Thanks! Keep them coming!

  19. Thanks for a great tutorial! Just wondering if there is a way to then change the color of the scribble text? Thanks in advance!

  20. Thank you so much. I am new in Illustrator and this really helped me a lot. Easy steps and great results!! Am using it rt now. Thanks again :)

  21. Thanks for the tutorial. I am creating a series of headlines using this and wonder if there is a way to change the color once a graph is made or if I will need to apply all the effects each time I want a new color. Thanks.

  22. This was perfect for a typography poster that I am doing for a school project. By following the tutorial, mine also came out perfect. Don’t need to say just how grateful I am, thanks!

  23. Thank you so much! I just used your tutorial in my latest work. I was planning to do such an effect by hand, you saved me a lot of time :)

    • Autumn, I double checked this and the Scribble feature should appear by default in CS6. Since you’re not seeing this by default on your version of Illustrator, you may try resetting your preferences by going to Window>Workspace>Reset Essentials. If the problems persist, you may try reaching out to Adobe.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>