Week 3 – The week of January 21st – 25th: Letter spacing: kerning, tracking & word spacing, a.k.a. Micro typography, part 1

:::::::::::::::::::::MONDAY, JANUARY 21ST— ROOM 5142 ONLY::::::::::::::::::::


Please read the following PDF files:
Microtypography Lecture, part 1 Letter Spacing (PDF file)
Spacing
(PDF file)

 

After reading the above PDF files, please watch this Lynda.com video on letter spacing:
Kerning and Tracking — Entire Chapter 4 (Lynda.com)

 

Then practice kerning with this website:
Practice letter spacing/kerning: http://type.method.ac (Site)

 

When you have completed the above, please open InDesign and set up your work preferences as follows:
Setting up your typographic space in Indesign (PDF file)

 

::::::::::::::::::::::::::::::::::::::::::HOMEWORK FOR— ROOM 5142 ONLY:::::::::::::::::::::::::::::::::::::::::

Part 1: Use your feedback from me/Slack to help finish your business card design. Refine your initial mark and place the final mark within your business card design. Finesse your letterspacing and word spacing, if needed. Print out your design in color, trim it out (and if you have a front & back—glue it together—if needed). Your project will be finalized this week and the final design will be due next week.

Here is a help guide as you do your homework— it's the InDesign key commands to help you track & kern letters:
Kerning/Leading Key Commands (PDF file)

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

 

:::::::::::::::::::::WEDNESDAY, JANUARY 23RD— ROOM 5140 ONLY::::::::::::::::::::
Wednesday's class:

Peer-to-peer feedback groups and revisions for your projects.
Demonstration: Making your inital mark into an Illustrator file.

BREAK

Lecture: Letter spacing & word spacing. Kerning large letters — done in teams.

BREAK

Indesign demonstration for setting up your typographic work space in InDesign. Working with letter spacing, kerning, tracking and word spacing, line spacing in InDesign for small amounts of text.

In class assignment — Kerning, Letterspacing, Tracking & Word Spacing
Practice kerning at this site: http://type.method.ac to help you see the negative space between letters and feel more comfortable with proper letterspacing.

Then download the Indesign document below and practing wordspacing on your computer. When you are done print it out and bring it to class next week.

Click here for the kerning practice Indesign file.

BREAK

Small feedback groups with Jill for your projects.

 

:::::::::::::::::::::::::::::HOMEWORK FOR— ROOM 5140 ONLY::::::::::::::::::::::::::::

HOMEWORK

Part 1: Finish your business card design. Refine your initial mark and place the final mark within your business card design. Finesse your letterspacing and word spacing, if needed. Print out your design in color, trim it out (and if you have a front & back—glue it together—if needed). Your project will be finalized this week and the final design will be due next week.

Part 2: In a separate layer in your file, label what typeface classification just your name belongs to and label aspects of type anatomy listed below. Print out an extra copy of your name with the layer of labels visible.

Typeface classification
Baseline
Median
X-height
Cap-height
Ascender height
Descender height
Mark the stress
At least 2 aspects of anatomy for each letter in your name.

 

READINGS AND LINKS

Required reading:

Adventures in spacing (site)


Microtypography Lecture, part 1 Letter Spacing (PDF file)
Letterpress Inspired Spacing Terms (PDF file)

Spacing


“How to” files:

Setting up your typographic space in Indesign (PDF file)

Kerning/Leading Key Commands (PDF file)

Kerning and Tracking — Entire Chapter 4 (Lynda.com)

In class assignment:
Practice letter spacing/kerning: http://type.method.ac (Site)

 

BRINGING YOUR INITIAL MARK INTO ILLUSTRATOR:

Recommended reading: review these links below to help you refine your letters:
1. Practice modifying (shaping) type on your own (site)
2. Also to help master the pen tool you can play The Bézier Game: http://bezier.method.ac/

3. When you create your initial mark, consider refining it using grids and geometry: http://www.creativebloq.com/logo-design/6-tips-using-grids-logo-design-11513984

4. Plotting Vector Points with Jessica Hische Video

5. Letter-Building Method One — Scaling and Shaping
6. Bezier Curves in Illustrator

7. Lettering Tutorial site

8. Lettering: Logo, Font & Lettering Bible (Look in Jill's Lessons Folder for complete PDF file)


Creating text effects for custom letters:
1. Creating stroke widths in illustrator

2. Text effects: Drop shadows and line patterns within drop shadows

3. How to warp text in Illustrator

4. 3D Text

5. Decorative text shadowing in Illustrator
6. Creating swirls with variable widths
7. Multiple strokes on text
8. How to create custom lettering in Illustrator
9. Hand Lettering and vector points
10. How to vectorize hand lettering (video)

 

Recommended videos on logo design:

Skillshare: Brand Identity: Design Adaptable Branding Systems (Paula Scher)

Aaron Draplin takes on a logo design challenge (video)

Skillshare: Logo Design the Draplin Way: Building with Shape, Type, and Color (video)


George Bokhua—Logo Design with Grids: Timeless Style from Simple Shapes

George Bokhua—Mastering Logo Design: Gridding with the Golden Ratio


RESOURCES

LECTURES

Type History & Type Classifications (pdf)

Creative Brief Lecture (pdf)

Modifying Type Lecture (pdf)

Letter Spacing (pdf)

Measurements (pdf)

Punctuation (pdf)

General Overview: Choosing Typefaces (pdf)

A Closer Inspection: Choosing Typefaces (pdf)

Subtle Details: Font Combinations (pdf)

Practical Advice for Chosing Typefaces (pdf)

 

RESOURCES

Type Classification (pdf)

Letter Anatomy Cheat Sheet (pdf)

Letters Anatomy Definitions (pdf)

Drawing Letters (pdf)

Identifying Type (pdf)

Classic Serifs (pdf)

Classic San Serifs (pdf)

 

Creative Brief Template (pdf)

Creative Brief/Design Brief (pdfs)

Creative Brief AIGA sample (pdf)

Venn Diagram (pdf)

Brainstorming Techniques (pdf)

Style/Concept Board Template (.indt file)

50 sketches (pdf)

 

Elements of an identity dissected...

How to choose typography for a brand...

 

Designing Type (book)

Type: A Visual History (book)

 

Spacing (pdf)

Kerning/Leading Key Commands (pdf)

 

Setting up typographic space–Indesign (pdf)

Common Ad Sizes (pdf)

 

19 Top Fonts in 19 Top Combinations (pdf)

Font Combinations (pdf)

 

34 Typographic Sins (pdf)

 

SITES OF INTEREST

Typographer's Glossary

Type Glossary

American Alphabet

Typecardsapp

16th Century Letterpress Printing

Typography that works: Ellen Lupton

Mood Boards: Dressing for different...

Logo Lounge

60 Minimal Logo Designs

 

Types of type

 

Type design trends

Typewolf recommendations

10 Type trends for 2019

Type trends for web design

 

Under Consideration

Wordmark (view your loaded fonts)

What the font

Font Matherator

Font Squirrel

Identifont

 

CounterSpace Type Timeline

Garamond Variety 2

How to Spot Arial

 

Adobe Capture App
Scanner Pro App

 

Typeface Design Resources & Tutorials

List of type designers

Early Typographers

8 famous fonts and the designer who made them

 

LETTERERS

Alex Trochut

Jon Contino

Jessica Hische

Jessica Hische and Erik Marinovich —
Title Case Video

Dana Tanamachi

Louise Fili

Joel Felix

Craig Ward

Simon Walker

Mary Kate McDevitt

Doyald Young

Doyald Young Video

Erik Marinovich

Jeff Rogers

Letman: Job Wouters

Margo Chase

Margo Chase Video

Carolyn Sewell

Sebastian Lester

André Beato

There is

Design Sponge

Letter Cult

Better Letters

Hand Lettering Club

 

 

TYPE DESIGNERS:

Doyald Young

Laura Worthington

Misprinted Type

 

FOUNDERIES:

Lost Type

TypeFonderie

Emigre

Type Kit

 

Kerning Practice (site)

Shaping Type Practice (site)

InDesign Typography (Lynda.com course)

 

I love typography

Jumpola

Counterspace

Typophile

Letterology

Typostrate

Type Worship

80 Beautiful Typefaces...

Design is History

8 Faces

Font Police

IAMPETH

The Font Feed

Design Boom

 

Brand New

Business Cards

Card Observer

 

Metrix Create Space Laser Cutter Specs

Metrix Create Space

 

The Dieline

Packaging of the World


Packaging Design Archive

Packaging of the World Pinterest


Packaging Design Served


Lovely Package


CreateId