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

Graphic Design Exercises
Illustrator: Grids (Saul Bass)

Objective

To explore the grid as a visual organization tool. To learn Illustrator production techniques by recreating the following flyer for a film screening at New York City's Museum of Modern Art (MoMA):


Discussion

Saul Bass was an influential designer who designed many ground-breaking film title sequences for directors like Otto Preminger, Alfred Hitchcock and Martin Scorsese. In this classic 1958 title sequence for Anatomy of a Murder, Bass used simple graphic images and creative abstraction to design a modern title sequence that still influences designers today.

Grids have been popular in graphic design since the 1930s and they are still an essential tool in both print and web design today. With careful positioning of visual elements, we can achieve a balanced design that is also clean and minimalist — which is exactly the desired look-and-feel for a modern art museum. We will achieve this look by using a very limited palette of visual elements and the following guiding principles:

  • utilize the grid as an organization tool
  • maximize unity with repetition (font, size, weight)
  • minimize typographic variety by using only two weights and two sizes
  • use subtlety when creating emphasis and hierarchy
  • use restraint when violating the grid for visual interest

Technical note: Illustrator's type tool has two modes: point type and area type. In this exercise, we will be using area type exclusively because area type snaps to grids beautifully (more info).

Procedure

prepping for the exercise

  1. download starter files
  2. file > new (profile=print, size=letter portrait)
  3. save as "bass.ai"
  4. rename "layer 1" as "type"
  5. Illustrator > preferences > guides & grids: grid line every 1 inch, subdivisions=4
  6. view > show grid
  7. view > snap to grid
  8. practice Adobe navigation keyboard shortcuts: space = hand; space+cmd = zoom in; space+cmd+opt = zoom out; cmd+zero = fit in window

adding type

  1. file > place "bass.txt" into a text frame (area type)
  2. spec type: ITC Franklin Gothic Book 9/11
  3. split type into logical frames (5 total)
  4. make select type Demi
  5. make head 40pt
  6. rough out page

adding art

  1. new layer: "art"; lock other layers
  2. file > place: all JPEGs
  3. align and distribute
  4. group (cmd+G) and scale (shift+drag corner)
  5. draw 1pt rule
  6. draw black bars (temporarily turn off snap to grid and smart guides)
  7. stretch, re-position, rotate

fine-tuning the type

  1. change quote to italics
  2. window > type > paragraph: flyout > roman hanging puctutation
  3. change -- to "em" dash (select hyphen, mouse over)
  4. change "(1920-1996)" to "(1920–1996)" ("en" dash)
  5. adjust leading (opt+UP or DOWN arrow)

making your own layout

  1. art board tool: dupe current page by opt+dragging the page
  2. re-arrange the elements into a new design (tip: utlize the same principles we have learned in class)

grading

  1. add your name and the exercise number to each page
  2. save, save as "bass.pdf" ("smallest file size" for web publishing)
  3. save as "bass-large.pdf" ("high quality" for printing)
  4. print a b&w proof of both pages for grading
  5. file your graded proofs in your Process Book for individual review
  6. publish "bass.pdf" as a link from your Process Page

BACK TO TOP
Last updated: 3/1/17 ■ Webmaster: Paul Young