Andrea Herstowski
aherstowski@ku.edu

office hours by appointment

Class Syllabus


Resources  


Google Drive

Tutorials

Font Editing Software: Create : Produce : Release


Glyphs is a (software) tool for creating open type fonts. It is primarily a tool for designing and producing new fonts. Its main principle is that you can edit glyphs in a word context. All tools are optimized for a type design workflow as natural, quick, and intuitive as possible. There are other font editing programs such as font lab and robo font. We are going to use Glyphs it is an industry-standard, it is intuitive and it has many online resources for you when you (we) get stuck.


DOWNLOAD: the Glyphs Handbook


Drawing in Glyphs/Refining your letters
Starting with the h: www.youtube.com
Glyphs intro: https://youtu.be/KFOttuN2fNg
Read: glyphsapp.com/tutorials/drawing-good-paths
Watch: https://glyphsapp.com/get-started
Drawing Basics: 3_2_DrawingBasics.mp4
Drawing Letterforms: 3_3_DrawingLetterforms.mp4
Drawing Paths: vimeo.com/333095949
Editing outlines:vimeo.com/23885221
Smooth Curves: scannerlicker.net/quick-tips-two-methods-for-smooth-curves
Working with Paths (he moves fast): vimeo.com/43552747
Compare Variations of the same letter using layers: vimeo.com/23885201

Need more? Lynda.com (let me know if you need access) downloaded some for you
Drawing Vectors
Construction

List Feature: https://www.youtube.com/watch?v=oSwIXUFk__w&feature=youtu.be
Optical Compensation: https://www.youtube.com/watch?v=NSwEe-vMfP4

Read: Type Mechanics, Tobias Frere-Jones part 1 | part 2
Stroke Opitics: scannerlicker.net / eyeballing-iv-the-stroke-optics


Punctuation and Symbols
Designing: . , : : ? !
Designing: Asterisks, crosses, at-marks, copyright symbols
Designing: Quote Marks
Desiging: Brackets
Desiging: Dashes


Sketching
Great visual explainations: Sketching Techniques
Read: Type Workshop: www.typeworkshop.com/type basics
Read: LetterFountain: https://www.letterfountain.com/drawingtofont.html
Read: glyphsapp.com/tutorials/sketching
Pointed Pen vs Broadnib: Type workshop
Tranlation vs Expansion: http://famira.com/article/serifs
Gerrit Noordzij: http://typemedia.org/noordzij/
Sketching: https://typographica.org
Sketchy Sketching: vimeo.com/11491627
Read: Nina Stössinger, Daily Typesketch: typographica.org
TypeCooker: www.typecooker.com/
Sketching with double pencil: vimeo.com/94459265
Sketching Sketching Techniques


Spacing
Spacing: ohnotype.co/blog/spacing
Type workshop: Spacing: typeworkshop.com
Video: Spacing vimeo.com/43553381
Read: Walter Tracy: Letters of Credit
Spacing pdf: Spacing

Links below are from Lynne Yun
Text for Proofing Fonts by Jonathan Hoefler
Spacing Tests by Dan Rhatigan
Kern King by Leslie Cabarga
Galvanized Jets by Samarskaya & Partners

Micro Typography: How To Space And Kern Punctuation Marks And Other Symbols


Open Type Features
Contextual Alternets: typenetwork.com/news/article/opentype-at-work-contextual-alternates
Simple substitutions: features-part-1-simple-substitutions
Contextual substitution: features-part-2-contextual-substitutions
Contextual alternates: features-part-3-advanced-contextual-alternates
OpenType Cookbook: opentypecookbook.com


Diacritics
Accents have enhanced the basic 26 letters of Latin alphabet since the Middle Ages. They delimit the way a word is pronounced and they help distinguish between words which would otherwise look the same. This is necessary, for all European languages have more phonemes than the 26 basic letters.

Glyphs app tutorial: https://glyphsapp.com/tutorials/diacritics
History, index, tips: diacritics.typo.cz
Context of Diacritics: urtd.net/x/cod/
Problems of Diacritic Design for Central European Languages: Insects project.pdf
Polish Diacrtics: polishhowto/ogonek.html
Building in Glyphs: vimeo.com/43551729


Kerning
Glyphs App: vimeo.com/44454636
Kerning at the end: https://www.youtube.com/watch?v=I2iz-vvVs-k
Art of Kerning: medium.com/the-art-of-kerning
Practice you kerning with the kerning game: https://type.method.ac
Most common kerning pairs: Spacing


Variable Fonts (class tutorial)

Stephen Nixon: Creative Explorations Herb Lubalin Lecture Series
Exploration of Variable Fonts:an-exploration-of-variable-fonts-37f85a91a048
Evolution of Typography:/the-evolution-of-typography-with-variable-fonts-7cd0078b5ceb
Making a variable font:www.youtube.com/watch?v=DbYn0vaNpb0
Understanding Multiple Masters: glyphsapp.com//multiple-masters-part-1
Creating a Variable Font: glyphsapp.com/creating-a-variable-font
Setting up instances: glyphsapp.com/multiple-masters-part-3-setting-up-instances
Resource for finding variable fonts: V-Fonts
The evolution of typography with variable fonts: www.monotype.com/variable-fonts
Test in your browser

AfterEffects Animation: https://www.youtube.com/watch?v=ni24lqXRveU&feature=youtu.be
Variable Fonts with CSS: variable-font-animation-with-css
David Johnathan Ross: github https://github.com/djrrb/Boxis

more...
https://github.com/scribbletone/i-can-variable-font
https://djr.com/lab-variable/
https://variationsguide.typenetwork.com/
http://manuel.vongebhardi.de/theory/typedesign-framework/
https://github.com/LettError/mutatorSans
https://github.com/rutherfordcraze/variable-animation/blob/master/example.gif

Animating with Drawbot: https://robstenson.com/articles/animating-with-drawbot.html
Kinetic Type: https://robstenson.com/articles/animating-with-drawbot.html

Scripts and Plug-ins
Mekkablue Scripts


Cbeck list: more how you can find above

___ Sketch, Draw, Refine...
___ Draw Good Paths: glyphsapp.com/tutorials/drawing-good-paths
___ Intial drawings: define key components to use over and over (stem witdh, contrast, serifs)
___ Use components in for serifs: unil you have them settled on.
___ Note Dimensions
___ Background layer
___ Set up your Master so the x-height, cap height, overshoot are set.
___ Name your font even it you are going to change it later
___ Space characeters/glyphs as you go. Use the type tool and look at words when you are working.
___ Spacing Tiips Read: Walter Tracy: Letters of Credit | Spacing pdf: Spacing
___ Turn on Red Arrows and try an correct.
___ Make sure you have Extreme points.
___ Fit Curve: try and make the handles the same length (jnot always possible)
___ Use Reconnect Nodes when you need to adjust.
___ Use Open Corners to adjust large dark areas in M N W V etc
___ Transformaitions: use the alignment tool to align points.
___ Use the measurement tool to measure point to handle...
___ Open Type for contextual alernates/ ligatures.
___ Kearning Pairs.

Leave time to refine letters.
Take a close look at letter proportion.