:: syllabus :: overview :: class google drive

Professor: Andrea Herstowski
Office: 353 Chalmers Hall
Office hours: by appointment

email: herstow@ku.edu

.................................................................

::::



 

 


 


 


Glyphs
Font Editing Software: Create : Produce : Release
________________________________________________________________________________________________________
Glyphs is a (software) tool for creating opent type fonts. It is primarily a tool for designing and producing newfonts. 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 sandard, it is intutitive and it has many online resources for you when you (we) get stuck.

Glyphs offers a 30 day trial. Do not download it yet. Please use the school machines. If may of you want to puchase it there is a student discount just ask.

________________________________________________________________________________________________________
DOWNLOAD:
Glyphs Handbook and refer to it :)

________________________________________________________________________________________________________
Drawing in Glyphs
/Refining your letters

Starting with the h: www.youtube.com
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/23885201Need more? Lynda.com (let me know if you need access) downloaded some for you
Drawing Vectors
Construction

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

________________________________________________________________________________________________________
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

________________________________________________________________________________________________________
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
Building in Glyphs: vimeo.com/43551729

________________________________________________________________________________________________________
Kerning

Glyphs App: vimeo.com/44454636
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

________________________________________________________________________________________________________
Hinting

Article True Type Hinting: https://docs.microsoft.com/en-us/typography/truetype/hinting
Intro: https://glyphsapp.com/tutorials/hinting-postscript-autohinting
More advanced: https://glyphsapp.com/tutorials/hinting-manual-postscript-hinting

________________________________________________________________________________________________________
Variable Fonts
(class tutorial)
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

Font Licenses
https://medium.com/@janinaaritao/a-friendly-introduction-to-font-licenses-updated-ae8325ffbc30
________________________________________________________________________________________________________
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.