Every-Tuesday Shop
Fonts Hand Lettering Typography

The Making of the Espresso Roast Font Trio

November 17, 2016
the making of the espresso roast font trio

Happy Thursday! This week was a big week as I finally completed and released the Espresso Roast font trio. As you can imagine, a trio of fonts that all work together and pair stylistically is not a quick accomplishment. This was my first time creating a font trio, so I wanted to post a little about my process to help any aspiring font makers out there 🙂 Here’s a peek inside, along with a font previewer, so you can play with Espresso Roast directly in the post!

My font making process, the making of Espresso Roast

The Making of the Espresso Roast Font Trio

Initial Stages/Brainstorming Style

I went into this font knowing I wanted at least a pair of styles that worked well together. Having two distinctly, harmoniously contrasting lettering styles can take a layout so far and I wanted to offer that with this font. I decided to create a bold, all caps display font for headlines. For taglines and subheads, I wanted a light and friendly script style.

This would make the font ideal for branding/logo creation, quotes, stationery and prints, so I thought, why not throw in a symbols font, too? Then users will also have vector elements they can create a logo with or make the lettering even more playful if they wish.

tall, dark, rich cup of coffee

espresso roast greeting cards

little anchor branding with espresso roast

 

Sketching

While all of this brainstorming was happening, I started becoming pretty obsessed with the Tombow Fudenosuke soft tip brush pen. Knowing I was working towards an all caps + script style, I wrote endlessly with it. The more I practiced, the more I started loving the results. The entire Espresso Roast font trio – caps, script and symbols – were all initially created with the Tombow Fudenosuke.

Here are some sketches:

initial font sketches

 

Yep, I had a cup of coffee sitting next to me as I wrote 😉 I always write lots of different words when I’m brainstorming a style to see how it works/feels as a whole. So, having the coffee nearby, all of these coffee words started coming to mind and I went on a tangent. Once my little marathon lettering session was over, I took a step back and got excited about pursuing this direction.

No Character Left Behind

After I had proven these styles worked well together, it was time to write out all of the characters. When I create a font, my regular routine is to hand letter everything for the entire font all at once. I feel like my hand behaves a little differently if I do one style one day and another the next. Knowing my hand was comfortable with both styles, I took advantage of the muscle memory and I wrote, and wrote. I wrote out all of the caps letters, keeping in mind ligatures I wanted to include (double letter instances like LL’s could tuck nicely together), so I included everything I could think of.

After that, I moved onto the script. I actually kept it on the same paper so my ‘all caps’ were right there to reference/see the style pairings in front of me. I write pretty small by nature, so it worked out well. When I write a script out for the first time, I connect every letter together. This helps my hand move in a rhythm and I get an idea of how it will flow when it becomes a real font. Once the lowercase was done, I grabbed another sheet for the uppercase, which I don’t connect (since they have a bit more style), as well as punctuation. I finished everything off with a sheet full of doodles.

Here are the actual original drawings that eventually became the font:

font sketches

Paper to Digital

For converting my drawings to digital and then vector artwork, my process is pretty simple. First, I scan in my artwork at a minimum of 300ppi, black and white. Next, I take it into Photoshop where I increase my contrast and reduce my brightness so my dark edges are super crisp on the now, brighter white paper. I group my layer adjustments with my scanned artwork, make a copy of that group, and merge one of the groups together. This keeps all of my adjustments still editable in the non-merged group and gives me the ability to copy the merged group artwork and paste it into Illustrator.

Once in Illustrator, I live trace my artwork. To be honest, most times I just use the default trace settings since I’m so particular about adjusting details when I clean them up. Occasionally, I’ll adjust some of the trace settings. This year, my process of cleaning vectors really changed once I purchased the iPad Pro + Apple Pencil and the Astropad App. Here’s a video on how I used to clean up my vectors, and how I now clean up my vectors, which saves tons of time.

cleaning up vectors

 

Illustrator > Typeable Font

The font software I use is the Glyphs App (only available for Mac users). I bought Glyphs Mini through the app store to give it a try first. Glyphs offers a discount code if you upgrade to their pro version, so when I knew I loved the software, that’s what I did. I created Honeymoon with Glyphs mini, and Tuesday Script, Hawthorne Script + Espresso Roast using the pro version of Glyphs. The main difference between Glyphs Mini and Glyphs is that you don’t get accented characters (called diacritics) in Glyphs Mini – just your basic uppercase, lowercase and punctuation. You can do a lot with Glyphs Mini, though, and I would recommend that if you’re starting out so you can see if it’s right for you.

The process for converting your Illustrator artwork into Glyphs is a bit lengthy with a lot of steps involved – definitely more appropriate for a class than a blog post. The process of creating a serif or sans serif font is also different than creating a connecting, script font.

using the glyphs app

I’ve been playing around with the idea of creating a font making class for quite a while. Is this something you’d be interested in? Would you pay for it? (this would not be a Skillshare class) Keep in mind you would need a basic understanding of Illustrator, be willing to purchase Glyphs Mini (~$45 USD at the time of this post) and be a mac user. Those pre-requisites are my biggest concerns that have held me back from making a class at the moment. Creating this class would be a large time investment on my part and I want to be offering classes that the majority of my readers would benefit from. So I would love to hear if you would be interested (or even not interested)! I would likely develop it next year if I receive enough feedback that this is a class worth making. Please let me know!

The Espresso Roast Font Trio

My developer husband put together this wonderful font previewer for me! Type anything below and change the sizes to see what your favorite words and phrases look like set in the Espresso Roast font trio! There’s a unique symbol assigned to every uppercase and lowercase letter. You can also type any number 0-9 for seamless decorative divider creating!

For more about the Espresso Roast font trio, or to pick it up for yourself, click here 🙂

Espresso Roast Font preview


espresso roast caps

{{main.etFont}}

espresso roast regular

{{main.etFont}}

espresso roast symbols

{{main.etFont}}

get espresso roast

Need a Creative Market link? Click here

57 Comments

  • Reply Webvilla November 17, 2016 at 3:30 AM

    Hello Teela, how long does it takes? Week? Two weeks?

    • Reply Teela November 17, 2016 at 4:13 AM

      For one style, if you worked on it full time, you could get it done in 1-2 weeks – since this was 3 styles, it took me around 4-6 weeks.

  • Reply Natalie November 17, 2016 at 4:08 AM

    I’ve been thinking about making my own fonts so i twas really interesting to see inside your process – espresso is gorgeous by the way! Great work!

    – Natalie
    http://www.workovereasy.com

    • Reply Teela November 17, 2016 at 4:11 AM

      Thanks Natalie! 🙂

  • Reply Ceindy November 17, 2016 at 8:39 AM

    This is so lovely! Thank you for sharing your process. Your work is very inspiring to me and always makes me want to keep hustling! I think a font class would be awesome, especially if you do a version for Skillshare 🙂

    Thank you for inspiring me to up my design and lettering game! <3

    • Reply Teela November 17, 2016 at 9:21 AM

      Thanks for the feedback and for checking it out! This wouldn’t be a Skillshare class – it would be way too big of a time investment alongside 10-20 minute classes there

  • Reply Annette November 17, 2016 at 10:21 AM

    Hi Teela,

    Thanks for sharing this post. I would be interested in the font-making class, particularly for script fonts. I’ve created a couple hand drawn sans serif fonts using Illustrator and Glyphs, but there’s little instruction (to my knowledge) on how to create script ones. I’ve tried on my own, but I get frustrated, and then push it aside for a while. But thanks again for this post and considering this class. And congrats on the Kohl’s licensing!

    • Reply Teela November 17, 2016 at 3:51 PM

      I hear you! I got so frustrated trying to find good resources, that when I finally got my process down I thought others might be in the same shoes. Really appreciate the feedback!

  • Reply Melissa November 17, 2016 at 10:25 AM

    I would love this to be a class!
    Thanks, Teela!

    • Reply Teela November 17, 2016 at 3:52 PM

      Awesome! Thanks Melissa!

  • Reply Jena November 17, 2016 at 10:30 AM

    This is a goal of mine – personally and at my full-time job so we have a distinctive font in our collection (We are a Graphics Production Office after all….lol).
    I would definitely be interested in a class. Mac user home and work.

    • Reply Teela November 18, 2016 at 9:39 AM

      Great to hear! Thanks so much for the feedback!

  • Reply Vivian G November 17, 2016 at 10:33 AM

    I just purchased Espresso. THANK YOU! I love your work!!! 🙂

    • Reply Teela November 18, 2016 at 9:35 AM

      Thanks so much, Vivian!

  • Reply Emma Bryan November 17, 2016 at 10:56 AM

    I’ve just bought Fontself Maker which is an extension that lives in PS or AI with drag and drop OTF font making. I used to use your process with Glyph, but this has changed the game….. Love what you do though, and will def buy Esspesso Roast font, your hand fonts are gorgeous…..

    • Reply Teela November 18, 2016 at 9:38 AM

      Hey Emma!

      I’ve tried Fontself too, and compared to font making software, it comes up really short in some important areas. It’s still in development though, so hopefully it’ll be a little more advanced in the months and year to come 🙂 Appreciate the feedback!

  • Reply Wendy November 17, 2016 at 11:03 AM

    So awesome, Teela! Love the font. And congratulations with Kohl’s using your Every-Tuesday script. I think this would be great for me somewhere down the road, but being new to the game I have other design skills that I need to focus on (although I am doing your watercolor lettering class.) As always, I look forward to Tuesdays to see what you have up your sleeve, and to follow your tutorials. I think you are amazing and such an inspiration.

    • Reply Teela November 18, 2016 at 9:32 AM

      Thanks so much, Wendy! Really appreciate the feedback – would love to hear what you’re looking forward to learning the most right now!

      • Reply Wendy November 18, 2016 at 11:14 AM

        Hi Teela, I have been following along with your tutorials and doing them to keep practicing my skills. I will hopefully be able to add|refine my portfolio so that I can land a job in the field. To answer your question, I am not sure what I am looking forward to learning the most – lol – all of your videos are beneficial to me in some way. I JUST purchased your Work Full Time as a Graphic Designer, so I am sinking my teeth into this. I currently work part time in an unrelated field and spend the remainder of time looking for work and bettering my skills. I am so grateful that I found you to look up to for guidance and inspiration. Thank you.

  • Reply Mindy November 17, 2016 at 11:13 AM

    I would be very interested in a font making class!

    • Reply Teela November 18, 2016 at 9:34 AM

      Awesome! Thanks for the feedback!

  • Reply NancyX0712 November 17, 2016 at 11:28 AM

    Absolutely love the fonts and the symbols!! Will definitely purchase when I get home to my Mac!

    • Reply Teela November 18, 2016 at 9:33 AM

      Thanks so much Nancy!

  • Reply Connie November 17, 2016 at 11:39 AM

    Beautiful font and thanks for sharing your process!

    • Reply Teela November 17, 2016 at 3:55 PM

      Thanks Connie!

  • Reply ashley November 17, 2016 at 12:23 PM

    Yes! I would pay for it!I’ve been looking for a good class and its hard to find.

    • Reply Teela November 18, 2016 at 9:31 AM

      Awesome! I struggled a lot, too with finding a good resource, so I really appreciate the feedback!

  • Reply Sue November 17, 2016 at 1:00 PM

    Love this new font set! And so cool, watching your process. Thanks Teela! As for the class…. you had me until “Mac user”… which I’m not. I do all my illustrations by hand, then in Photoshop or Illustrator – on a PC. But if you know of any font programs I could try, for PC – that would be great!

    • Reply Teela November 18, 2016 at 9:29 AM

      Hey Sue!

      Bummer 🙁 I really wish the font software could work with both and was afraid that would be a stopping point (so I’m glad I asked!). 2 PC font software options I know of are Font Forge and Font Lab Studio 5

  • Reply Melody November 17, 2016 at 1:29 PM

    I would LOVE a course on creating a font. I have a script I’m working on now that I wanted to be able to market at some point.

    • Reply Teela November 17, 2016 at 1:35 PM

      Awesome! Thanks so much for the feedback!

  • Reply Marina Kater November 17, 2016 at 1:45 PM

    hi, Teela!
    thanks for this post – it was just what I was looking for. 😉
    I just have a couple of questions (if you don’t mind): is there any other font-making software available? or is there a way to create a font using only Illustrator (and/or Photoshop)?
    I love all your fonts and classes, but unfortunately I can’t afford to pay for them outside Skillshare right now…
    You’re such an inspiration, indeed! I hope to be able to accomplish at least half as much as you do one day. 😉

    • Reply Teela November 18, 2016 at 9:25 AM

      Hey Marina!
      There is definitely other font making software out there – the prices vary significantly and it really depends how much you’d like to pursue/invest, etc. plus if you’re on a mac or pc. There is the fontself illustrator plugin that came out this year as an option to create fonts directly in Illustrator. I’ve given it a try and it’s still in its early stages of development, so in my opinion, it still has quite a way to go before it’s a legit way to create a font within the program (plus fontself is $50, and you can get Glyphs Mini for less and it *is* legit). Appreciate the feedback!

  • Reply Sarah November 17, 2016 at 2:10 PM

    I’m looking to take a quick class on script fonts, so I’d be interested but the cost is something I’d consider. There is a good font making class on skillshare (for glyphs) that I did take and it was great to get started but I am not sure I’d spend more than $30 on another class.

    • Reply Teela November 18, 2016 at 9:21 AM

      Hey Sarah!

      I know the one you’re talking about – I actually disagree with quite a few of the teachings there (kind of why I wanted to put another option into the internet world 🙂 ) Really appreciate the feedback!

  • Reply Val November 17, 2016 at 2:18 PM

    I must say – this look amazing! Unfortunately, I don’t have the patience yet for long processes like this, knowing myself I would probably put it aside and forget about it in 3-4 days LOL. So triple the respect to you for doing this. The fonts are super nice and the symbols are sweeeeeeeet and lovely, just makes me wanna go pour myself some caramel latte ))
    You’re a great inspiration! Thank you for your work and sharing your processes.
    Much love,
    Val

    • Reply Teela November 18, 2016 at 9:18 AM

      ha, I totally get it 🙂 Definitely a tedious process! Thanks so much for the feedback, and your honesty!

  • Reply Kylie November 17, 2016 at 2:25 PM

    Please oh please make a type design class! I am currently working on an independent study through my university to create a handwriting font using Glyphs and I really wish I had a video of yours to help to process

    • Reply Teela November 18, 2016 at 9:16 AM

      How fun! Great to know – thanks so much for the feedback! 🙂

  • Reply Megan November 17, 2016 at 3:06 PM

    Hi Teela! I would love some insight and guidance into creating my own typeface. Thanks for the always-interesting blog posts and tutorials!

    • Reply Teela November 18, 2016 at 8:05 AM

      Yay! Great to hear 🙂 Thanks so much for the feedback!

  • Reply Claire November 17, 2016 at 4:41 PM

    This is definitely something I would like to learn and be willing to pay for. You are an incredible designer and a fabulous teacher. It would be useful if you could cover aspects of business within the class too, such as selling your font and how copyright works with fonts (I know that’s huge but a basic understanding would be most appreciated)

    • Reply Teela November 18, 2016 at 8:02 AM

      Love that idea! Thanks so much for the feedback, really appreciate it!

  • Reply Sosha November 17, 2016 at 4:57 PM

    Hi Teela!
    I would join a class on how to create a font. I love seeing other designer’s processes. I learn a lot that way. Thanks for sharing and great job, I love the font.
    -Sosha

    • Reply Teela November 18, 2016 at 8:01 AM

      Awesome to hear! Thanks so much Sosha! 🙂

  • Reply Rebecca November 17, 2016 at 7:49 PM

    I would love to take a font building course. I would need to know the cost before I can commit. Thanks for all you do!

    • Reply Teela November 18, 2016 at 6:56 AM

      Great! Thanks so much for the feedback! 🙂

  • Reply Carmia November 18, 2016 at 3:06 AM

    Beautiful new font, Teela! I love the combination of the script and caps. And congratulations on having your font used by Kohl’s! It must be a great feeling 🙂

    • Reply Teela November 18, 2016 at 6:54 AM

      Thanks so much Carmia!

  • Reply Kelli November 18, 2016 at 3:33 AM

    Hi Teela, thank you so much! I have been looking for intructions to make calligraphic fonts for years, please do make this into a class!

    • Reply Teela November 18, 2016 at 6:53 AM

      Awesome! Thanks so much for the feedback!

  • Reply Melanie November 18, 2016 at 1:23 PM

    I would love a font making class! Your expresso font is awesome!

    • Reply Melanie November 18, 2016 at 1:26 PM

      Oops sorry I meant espresso.

  • Reply Krysten November 29, 2016 at 8:59 AM

    I have always wanted to learn how to design my own fonts! Keep us posted on the workshop!

    • Reply Teela November 30, 2016 at 12:37 AM

      Will do!

  • Reply Melanie January 9, 2017 at 3:03 PM

    This is so great! I’d love to take a font making class, especially since I meet all those criteria 🙂

    • Reply Teela January 9, 2017 at 5:31 PM

      Awesome! Thanks so much for the feedback – I decided to move forward with it and it should be available within the next month or 2 🙂

    Leave a Reply