If this is your first time taking one of my classes relating to graphic design I highly suggest you check out my previous design courses – I have a variety that cover topics like design for good, logo design, packaging design, layout design and more. I am sharing my process as I find that often, courses relating to font/typeface design are almost exclusively done in Adobe software and I wanted to highlight that there are other options and I have found that the Affinity software can be used to do similar things. I will take you through my whole process of creating a hand drawn font from ideation, sketching, digitizing in Affinity Designer and then getting your letterforms into the Glyphs software (Mac version). In today’s class, I wanted to tap into our graphic design skills and have an adventure creating fonts using Affinity designer and Glyphs. I’m a freelance graphic designer, illustrator and educator based out of the midwest and I run Bella + Sophia Creative studio. If this your first class with me, welcome! I am Jen and I will be guiding you through this creative course. ![]() I hope this tutorial has been of assistance and you can put some of the information to good use when scaling glyphs.įont Tutorials are distributed under an open source MIT License.Hello everyone welcome to my latest class. That brings us to the end of this tutorial I then installed the scaled font and opened Adobe Photoshop and Adobe Illustrator and tested the font, to see if it needed changes or it’s simply part of the font style. If you’re unsure on what to do with the ‘generate font’ settings, head on over to my Abg Font Thumbnail tutorial for detailed instructions on generating fonts.Īfter you’ve generated your updated font,Ī) compare your scaled font with the original by double clicking on the font thumbnails to open.įor example, I’ve circled these in red for illustration purposes. Now we’ll look at reviewing and testing the scaled glyphs by generating and installing the font. How to kern will not be discussed in this tutorial because it’s such a big topic and this tutorial is focused on how to scale glyphs. This is what it looks like after adjusting the kerning.Ī) It turns out the ‘o’ and ‘x’ are vertically apart and need to be manually extended in ‘Char View’. This can be fixed using the kerning feature in Fontforge.Ī) I’ve circled these in red for illustration purposes. Start from ‘Font View’ then,Ī) type into the text box and review each glyph for inconsistencies or things you want to change.įor example, I’ve typed in ‘own fox jumps’ and noticed a couple of letters don’t join up. Metrics View Testingįirst we’ll review and test our scaled glyphs in ‘Metrics View’. Next, we’ll look at two (2) options to review and test our scaled glyphs,ī) generate and install the font, and test it in Adobe Photoshop and Adobe Illustrator. Now wait for the transformation action to occur. If you’ve inserted additional ‘Layers’, or ‘Guide Layers,’ tick these two boxes, otherwise leave them unticked. In this guide, we just want to scale, therefore we’ll be selecting ‘Do Nothing’. If you would like to do more transforming and perform a sequence,Ī) Select the ‘Do Nothing’ drop down boxes, and choose the events that will occur after scaling. Selecting the ‘Glyph Origin’ option will scale our glyphs without compromising the original font structure, meaning kerning and spacing is maintained.Ī) Click ‘Scale Uniformly’ if you intend on scaling the width and height equally, orī) Click ‘Scale’ if you intend to scale with different width and height percentages.įor this tutorial, we’ll be selecting ‘Scale Uniformly’.Ī) I use between 140% - 160% when glyphs are around 600 above the baseline. Start by clicking on the drop down box next to the word ‘Origin:’ then, The transform’ dialogue box includes several settings for you to consider, including performing a sequence of events.Ī) This tutorial does not explore sequences. The transform dialogue box will pop up and the next step will be to change the settings. To do this, make sure you’re in ‘Font View’ then,Ī) Click on ‘Element>Transformations>Transform’. In this tutorial we’ll be selecting all the glyphs in Lovers Quarrel. ![]() This tutorial is shown on a Windows 10 computer with Fontforge version 03142020. It’s a free font for personal and commercial use with an open source license. The font used in this tutorial is called Lovers Quarrel. You can download Fontforge for Windows, Mac, or Linux from here. Then we’ll test the scaled glyphs to make sure we’re happy with them.Then we’ll go through the settings within the Transform dialogue box.Next we’ll select the glyphs we want to scale.We’ll start with a brief definitions section.This tutorial will show you how to scale glyphs in Fontforge.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |