Categories / Tutorials

How to Make Any Font a Handmade Font

Beth R Last updated: March 27, 2024 · 4 min read

Design and technology are getting more and more refined, allowing graphic designers to streamline and speed up their process. However, people are still enamored with handmade art, lettering and illustration. I have deep respect for those fantastic artists who can create beautiful works with a pen, pencil, brush, or piece of chalk. To me, handmade art is both appealing and inspiring.
As a result of our fascination with handmade art and lettering, there are many fonts on the market that come ready-made with a handmade look that can provide a fun, easy, and attractive way to “hand-letter” our designs. Today I’m going to demonstrate a quick and easy way to make any typed lettering look handmade in Adobe Illustrator. Thanks for following along!
What you’ll need:

  • Basic to intermediate knowledge of Adobe Illustrator (I’ll be designing in CS4.)
  • Any fun font of your choice. I don’t recommend choosing a font with lots and lots of detail.

We’ll be creating the effect on the word “PEACE.”
Handmade-Font-Tutorial

  • Create a new document in Illustrator.
  • Pick a font and create your lettering. I’m going to be creating a holiday card, and I’ve used two different fonts that I want to match more:

before

The lovely Melany Lane is a delightful script, subtly artisanal, but the other font, Otama, is decidedly clean-cut. I’d like it to take on a more rustic appearance.

  • Use the tool palette to remove both fill and stroke from the lettering.

nofill

You can’t see the lettering anymore, and your appearance palette looks like this:
appearance1

  • On the bottom left of the appearance palette, click “Add New Stroke.” I’m going to make my stroke a nice, healthy, rounded 5 points.

resultwithstroke

You can control stroke settings easily by using the stroke palette.
stroke1

  • With the stroke selected on the appearance palette, I’m now going to roughen the lettering a little bit by going to Effect > Distort & Transform > Roughen. Here are the settings I used:

roughen1

Play around until you’ve got an effect you’re excited about.
resultwithroughen

  • Great! Now, we’re going to use the appearance palette to add a fill to our lettering. The “add new fill” button is right next to the “add new stroke” button. Now the appearance palette looks like this:

appearance2resultwithfill

Honestly, your lettering would look amazing if it were left as it is now. However, I’m going to take it a bit further and create a scribbled effect to make it look more authentically handmade.

  • With your new fill selected in the appearance palette, apply a scribble effect by going to Effect > Stylize > Scribble. Here are the settings I used:

scribble1resultwithscribble1

  • I’m now going to put the last finishing touch on my lettering. In the appearance palette, I’m going to duplicate the fill I just scribbled by choosing the “Duplicate Selected Item” button on the bottom.

appearance3

  • Now I’ve got two of the same scribbled fills. On the top one, I’ll click “Scribble” to edit the effect. I’m going to change the angle of the scribble effect very slightly (10 degrees or less) to achieve a more authentic colored in look. Here are my settings:

scribble2finalresultPEACE

  • Wow! It looks great, and it’s even editable! I can change colors, effects, stroke weights, and more, all from the appearance palette. I can even change my lettering. I’m so excited about this effect that I’m going to save it as a graphic style so I can use it for future projects.

graphicstyles

You’ve just created a fantastic hand drawn effect. Thanks for following along! I hope you have a great holiday season.
Handmade-Font-Tutorial
Beth Rufener, the shop owner of Ornaments of Grace, is a wife, mom of two, graphic designer, amateur photographer, aspiring foodie, occasional musician, and avid collector of fonts. She and her family live outside of Rittman, Ohio.

Lettering Worksheets
Getting started with hand lettering?
Free lettering worksheets

Download these worksheets and start practicing with simple instructions and tracing exercises.

Download now!
About the Author
Author
Beth R

Believer • Designer • Hand-letterer

View More Posts
Go to My Shop
Related Articles
29 Comments
  • Love it, brilliant Beth. The appearance panel is severely underestimated in Illustrator! 13 years ago
  • Thanks, @Dustin Lee! You know, as I was writing this tutorial, I realized that, too. I have a new appreciation for the appearance palette now! 13 years ago
  • The appearance panel is where dreams come true =) 13 years ago
  • Wow! I basically never use the appearance panel. Time to start. :) 13 years ago
  • Great !!! I'm looking for this many times for a future project THANKS 13 years ago
  • Great tutorial 13 years ago
  • Ha! What a clever thing :). Thank you, @Beth Rufener ! 13 years ago
  • Thanks for the kind words everyone! 13 years ago
  • That's greatness right there. Thank you for the tutorial. 13 years ago
  • Great tutorial, never knew you could do this! 13 years ago
  • Great one Beth Rufener. This is simply awesome and i have shared with my fellow designers. Thanks once again www.websitedevelopersuk.com 13 years ago
  • This is a brilliant tutorial. Simple, easy to understand and it delivers great results. Thanks Beth! 13 years ago
  • This is so cool. Thanks for the tutorial Beth! 13 years ago
  • Gosh, this is really fun! I really love this post, Beth. So many great tips in an easy-to-follow tutorial. 13 years ago
  • Thanks! I learned some new stuff, so positive karma for you :) 13 years ago
  • Kudos Beth. Always trying to manipulate typefaces. This is a terrific tutorial. Must start experimenting. Again, thanks. 13 years ago
  • Nice tut.. Thanks for sharing.. :) 13 years ago
  • Thanks so much...didn't know you could do this - off to try it myself! 13 years ago
  • Very nice technique. I keep forgetting about that darn appearance palette. 13 years ago
  • Excellent stuff, expect some new handwritten versions of some of my fonts in the future. 13 years ago
  • Thank you! Wonderful instruction! 13 years ago
  • This is brilliant, thanks for sharing ! 13 years ago
  • really cool! 12 years ago
  • This is great, thanks! 12 years ago
  • great! thank you! 12 years ago
  • this is lovely! thank you! 12 years ago
  • Very nice tutorial. Have to try it next time. Thanks! 12 years ago
  • Very useful tutorial ♥♥♥♥♥ 10 years ago