Graphic Design / Interactive Design / Fine & Applied Arts / Parkland College

Graphic Design Exercises
Illustrator: Type Recognition

Objective

To study the differences between various typeface designs. To learn how typefaces evolved throughout history. To begin to recognize and name specific typefaces based on the design of the letterforms.

Discussion

The key to recognizing the difference between one font and another is studying the shape of specific letterforms. The letterform "O" won't look too different from one font to another. But the letterform "R" will usually be dramatically different. Once you get to know one font, you'll never forget it. So instead of trying to recognize a lot of different fonts, start with just a few core fonts and become intimate with the designs. Then move on to more fonts as you grow. In this lecture/exercise, we'll examine some of the most important fonts that you should be familiar with.

Procedure

Recognizing different serifs

  1. launch Illustrator
  2. file > new "x0-recognition.ai" (letter, portrait)
  3. window > character (cmd+T)
  4. type tool: type "RTWMEKQhaegtyf&1234", change size to 36/30
  5. hit RETURN, type "name, weight", add another RETURN
  6. change "name, weight" to 10pt, Helvetica, all caps
  7. copy and paste the two lines of type so that the two lines appear 6 times
  8. spec each line of type in the following fonts:
    • Adobe Garamond Pro (Regular)
    Adobe Garamond Pro (Old Style Figures and Small Caps)
    • ITC Garamond (Book)
    • ITC New Baskerville (Regular)
    • Bodoni (Book)
    • Lubalin Graph (Book)
  9. label each line of type with its name and weight
  10. compare and contrast each line of type (examine the design,
    x-height, stress, stroke weight, serifs)
  11. In 10pt Helvetica, 1/2" from bottom and right side of the page add:
    Exercise 0: Type Recognition (serifs)
    Your Name
  12. save

Recognizing serif italics

  1. zoom out
  2. art board tool: copy current artboard to make page 2 (cmd+opt+drag)
  3. window > artboards: rename art boards "serifs", "serif italics"
  4. return to pointer tool, zoom in to page 2
  5. change each line of type to italics
  6. re-label each line of type appropriately
  7. compare and contrast each line of type
  8. modify lower right captions, save

Recognizing different sans-serifs

  1. zoom out
  2. art board tool: copy current artboard to make page 3 (cmd+opt+drag)
  3. window > artboards: rename new art board "sans-serifs"
  4. return to pointer tool, zoom in to page 3
  5. change each line of type to:
    • Helvetica LT Std (Roman)
    • Univers (55 Roman)

    • ITC Franklin Gothic (Book)

    • Gill Sans (Regular)

    • Futura (Book)

    • ITC Avant Garde (Book)
  6. re-label each line of type appropriately
  7. compare and contrast each line of type
  8. modify lower right captions, save

Recognizing different weights

  1. zoom out
  2. art board tool: copy current artboard to make page 4 (cmd+opt+drag)
  3. window > artboards: rename new art board "futura"
  4. return to pointer tool, zoom in to page 4
  5. change each line of type to Futura with the following weights:
    Light
    Book
    Medium
    Heavy
    Bold
    Extra Bold
  6. re-label each line of type appropriately
  7. compare and contrast each line of type
  8. modify lower right captions, save

Recgonizing web fonts

  1. zoom out
  2. art board tool: copy current artboard to make page 5 (cmd+opt+drag)
  3. window > artboards: rename new art board "web"
  4. return to pointer tool, zoom in to page 5
  5. change each line of type to:
    Andale Mono
    • Arial

    • Georgia

    • Times New Roman
    • Trebuchet

    • Verdana
  6. re-label each line of type appropriately
  7. compare and contrast each line of type
  8. modify lower right captions, save

Recognizing display fonts

  1. save as "display.ai"
  2. change each line of type to:
    • Birch
    • Eurostile (Medium)

    • Goudy Text

    • Mistral

    • OCRB

    • VT Corona
  3. re-label each line of type appropriately
  4. compare and contrast each line of type
  5. modify lower right captions, save

Grading

  1. clean-up your printable area and be sure credit is on all 6 pages
  2. print proofs for grading
  3. file your graded proofs in your Process Book for individual review

BACK TO TOP
Last updated: 10/18/17 ■ Webmaster: Paul Young