LETTERING + GRAPHIC
DESIGN LEARNING

My newest font, Skinny Jeans, just went live this week! I’ve been making a point to share process info for the fonts I make (here’s Espresso Roast), so that’s what this week is all about šŸ™‚ Skinny Jeans is a font trio that includes the main script style, a caps style that pairs perfectly and a symbols font to add extra personality to layouts. The hand drawn + illustrated symbols also come as a vector file to make things quicker for those who work in Illustrator. This font is by far the most in depth of all I’ve created; it contains 30+ ligatures, alternates and extra features. In the video below, you’ll see what raw materials I used to initially hand letter the font, then the steps I took to make it a fully functioning font. Read on to see everything!

Pin it for later!

The making of the skinny jeans font trio

 

Skinny Jeans Font Making Process

Mentioned in the video:

Interested in learning more about font making? Check out these past posts:

 

Sketching/Planning

I’ve been working on improving my freehand loose brush lettering style over the past few months. Once it was in a place I was happy with, it was time to make a font! I began by using a no.0 round winsor & newton brush with slightly diluted dr. ph. martin’s concentrated black watercolor to paint my characters on copy paper. This time I tried something I hadn’t done before with the script style: I wrote out words, each new word starting with the next letter in the alphabet. This gave me all of my capital characters in a more natural, freehand setting and covered all of my lowercase characters at the same time šŸ™‚

 

Skinny Jeans initial lettering

 

Digitize/Vectorize

Next, it was time to bring my letters onto the computer. I scanned them in using my Canon MG3600 series printer/scanner combo at 300dpi, black and white. Once scanned, I brought them into Photoshop where I increased contrast for a more consistent trace in Illustrator. Once in Illustrator, I vectorized the lettering using the default image trace settings. I followed this process to clean up my vectors until I had the look I was going for for both my script and caps style.

 

skinny jeans vectorized

skinny jeans cleaned up

 

Font Creation

When I’m on a mac computer, I use the Glyphs font editing software to convert my lettering into a working font. The process is a bit long and specific, which is why I made this course with videos of the exact steps I take (pc version coming in early 2018!). I program all of the relationships letters share with each other and add in extra features, like ligatures, contextual and stylistic alternates. Finally, I created my symbols font so they’re easy to access, whether you are an Adobe Illustrator user or not.

 

skinny jeans glyphs files

 

Finishing it all up

Once the font was tested and finished, the fun began by creating preview images, or mock ups! This helps others see the versatility of the font and to get an idea of how the font can be used. The font really comes to life in this step and is always one of my favorites. You can see some of those images below, along with a font previewer where you can test out the font with phrases of your own! For more info about Skinny Jeans and/or to pick up your own copy, click here!

lovely

recipes

web

normality

 

get skinny jeans

Written by

Every-Tuesday designer + founder. I help ambitious graphic designers and hand letterers level-up their skills and creativity.

Latest comments
  • Thanks so much for sharing! I haven’t made any fonts yet but one of these days I’d like to tackle that. Keep the creativity coming!

  • Awwww. Totally LOVE this new font, Teela! So naturally flowing with universal appeal. Your mock ups send it home! And, the Skinny Jeans Symbols are a perfect complement. So creative! Can’t wait to play around with it. Thank you for sharing your process overview. Anyone even toying with the idea of taking your full Font Making Course should jump right on it. Your lessons make it so manageable and easy. I’ve learned way beyond what I ever thought possible!

  • I’m dying to take your course on Font Making! I’ll have to wait for Glyphs for Windows to come out! Thank you so much for all you share with us!

  • Thanks for sharing! I’ve always to replicate my handwriting when it came down to writing it out ‘nicely’ in preparation for font building, so your new technique of writing out a word beginning with each letter of the alphabet is a great one! Good luck with the new font – it’s beautiful!

  • Thank you for sharing the process! Love your new font!

  • This new font really has a nice flow to it! There are so many styles of lettering. How do you keep them straight? And how does someone decide on which ones are best for them?

      • That was Quite helpful.
        Thanks Teela!

  • WOW! This is so awesome, Teela.

  • Love this! Congratulations on your new font! I will go purchase this now! Your attention to detail and fussiness shows in this font and ensures that it will be beautiful and classy however it is used in layouts! So excited to have this wonderful font!

LEAVE A COMMENT