John Roshell demonstrates the process of setting the spacing in a font in Glyphs by beginning with a specific group of symmetrical letters, in order to establish a standard that the rest can compare to. He also introduces the process of kerning—or controlling the space between any pair of letters—and provides a handy guide to the most common offenders who don't like to play well with others.
- [Instructor] Since we've placed all of our characters…on or near the left side bearing,…with 50em units of space on the right, as you can see,…they're well-behaved and playing nicely next to each other.…Because there's so many letter shapes in the alphabet,…though, there's some letters that universally…need a little more space around them,…and others that need a bit less,…and once we see them together,…we can also adjust the amount of space…between any two letters.…This, my friends, is called kerning.…For those of you who are more details-oriented,…you will love this.…Others, maybe not so much, but it matters,…just ask my friend Clint.…
So I like to start out checking my spacing…by comparing the symmetrical letters H, I, and O…next to each other, H-I-O,…and then let's get all the combinations,…H-I-H, I-O-I, and H-O-H,…and we can see it's looking pretty good,…but the O seems to have a little more space around it,…and the I seems to be a bit tighter.…So there's two reasons for this,…one is that the O automatically has,…
Join professional illustrator John Roshell as he shows how to design an alphabet of letters from scratch using Glyphs, a popular software for type designers. John familiarizes you with the qualities of a successful onscreen font, and explains how to design with pencil and paper—and then import those hand-drawn letters into Glyphs. He also demonstrates how to set up a Glyphs file and trace imported letters manually or with autotracing software, and then refine the letter shapes to maximize their readability and personality. To wrap up, he shows how to finalize and output your design, including how to efficiently create missing letters and numbers to complete your creation.
- Why create your own font?
- Designing with pencil and paper
- Setting up a new Glyphs file
- Tracing letters with the pen tool
- Auto tracing letters with Capture
- Cleaning up letter shapes
- Refining angled and round letters
- Setting spacing and kerning
- Fine-tuning for screen use