How to Make Any Font a Handmade Font

How to Make Any Font a Handmade Font

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:

appearance2 resultwithfill

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:

scribble1

resultwithscribble1

  • 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:

scribble2

finalresultPEACE

  • 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.

Send me more stuff like this!

Subscribe to get the weekly blog post digest in your inbox and never miss a post.


22 Comments

  1. Dustin Lee

    Love it, brilliant Beth. The appearance panel is severely underestimated in Illustrator!

  2. Matt Windsor

    This is a brilliant tutorial. Simple, easy to understand and it delivers great results. Thanks Beth!

  3. Jennifer Coyle

    Gosh, this is really fun! I really love this post, Beth. So many great tips in an easy-to-follow tutorial.

  4. Carmen Ferraro

    Kudos Beth. Always trying to manipulate typefaces. This is a terrific tutorial. Must start experimenting. Again, thanks.

  5. Zesty

    Thanks so much...didn't know you could do this - off to try it myself!

You must be signed in to post a comment.