John Roshell introduces the process of establishing a set of rules to guide the shapes of curves, corners, strokes, and ends of letterforms, in order to create a font that is stylish, cohesive, and functional. He then shows real-world examples of fonts he has designed for Rovio, Supercell, and Zynga for the apps and games Angry Birds, Clash Royale, Looney Tunes Dash, and Enchanted Forest. He also explains creative and practical decisions that were made for each.
- [Instructor] In order to make a font that has style…but is also functional it helps to come up with…a set of rules to follow when refining the curves,…corners, strokes and ends of each letter's shape,…so it looks cohesive.…We'll start by looking at some fonts I've designed…for apps and games to see the choices I made and just…a few of the wide variety of options that we have.…Then we can begin forming some rules…about how this font's letter shapes will look…and eventually apply those rules across the entire…font.…By this point you should have near complete alphabets…of the letters A through Z in your glyphs file…but if not you can open up the exercise file for this video…to pick up where I'm at here.…
Now even though my kid is amazing and perfect…and everything he does is 100% awesome,…his lettering at this age was a tad inconsistent…so we have a set of letters here that are all over…the place in terms of size, shape and thickness.…It's definitely not going to work for app or game…purposes, yet.…Let's take a look through our letters.…
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