TYPE

pt. 2: Tools

Font vs. Typeface

the physical embodiment of a collection of letters, numbers, symbols, etc. (whether its a case of metal pieces or a computer file) is a font. When referring to the design of the collection (the way it looks) you call it a typeface. The way I relate the difference between typeface and font to my students is by comparing them to songs and MP3s, respectively (or songs and CDs).

font is what you use, typeface is what you see.

Websafe
Sans Serif Arial, Arial Black, Arial Rounded MT Bold, Calibri, Candara, Century Gothic, Franklin Gothic Medium, Futura, Geneva, Gill Sans, Helvetica, Impact, Lucida Grande Optima, Segoe UI, Tahoma, Trebuchet MS, Verdana Serif Baskerville, Big Caslon, Bodoni MT, Book Antiqua, Calisto MT, Cambria, Didot, Garamond, Georgia, Goudy Old Style, Hoefler Text, Lucida Bright, Palatino, Perpetua, Rockwell, Rockwell Extra Bold, Times New Roman Monospaced Andale Mono, Consolas, Courier New, Lucida Console, Lucida Sans Typewriter, Monaco

Typographic Hierarchy

Size

Contrast UPPERCASE and lowercase Color Weight Italics Order/sequence Line breaks/spaces shape

Placement

Pairings

Didot
Optima

Avenir
Minion

Georgia
Verdana Helvetica (bold) Garamond

Franklin Gothic
Baskerville Futura Palatino

Photoshop
difficult because of layers; each new section will be on different layer can be used to cut type out of image by merging image layer with text layer, magic wanding the text and deleting it is easier to match colors of type to colors in image with eye dropper often good bet to manipulate image in photoshop, then open in illustrator to arrange text

Illustrator
lots of tools!

Create a path by making a shape or using the pen tool, then use the Type on a Path ol to

change color, change stroke, eliminate

alter opacity

play with alignment and size, justify text by making a shape,

-->

click on path and select justify from paragraph

use

to easily move text, select multiple sections, change size, stack