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

Graphic Design Exercises
Illustrator: Isometric Book Cover

Objective

To learn advanced Illustrator production techniques. To learn Illustrator's isometric projection system by recreating the above art.

Discussion

Isometeric projections are usually used for diagrams or maps to represent three-dimensional space. Although isometric systems look three-dimensional, they are not in true perspective as there is no vanishing point. This is not usually a problem for single objects, but large scale illustrations created using this system will look "wrong" since objects do not appear smaller as they move away from the viewer.

Procedure

creating the book cover

  1. launch Illustrator, file > new (cmyk), save as "book.ai"
  2. practice Illustrator's navigation shortcuts (download Illustrator keyboard shortcuts)
  3. rename "layer 1" as "box"
  4. draw box 8x10 inches; fill=black, stroke=none
  5. new layer "type"
  6. add type per sample above (font=Futura Extra Bold)
  7. scale, track and kern type (cmd+shift+< or > to scale; option+left/right arrow to track/kern; opt+up/down arrow for leading)
  8. new layer "symbols"
  9. draw circle, square, triangle (star tool: up/down arrow to change points, SHIFT to constrain)
  10. duplicate and distribute: make one row of 9 objects
  11. position 5 objects on book cover
  12. duplicate rows 4x (total of 5 rows), shift vertical alignment of objects
  13. delete unneeded symbols, re-distribute and align
  14. adjust size and position of all objects
  15. add colors

creating the spine

  1. box layer: draw box 1x10 inches; fill=black, stroke=none
  2. duplicate cover type/art for spine

creating the top

  1. box layer: draw box 8x1 inches; fill=black, stroke=none
  2. new layer "top"
  3. draw box 8in x 2pt (fill=40K)
  4. duplicate by moving -4pt (double-click select tool)
  5. object > transform > transform again: total of 18 objects (cmd+D)
  6. snap to top of reference box

creating the shadow

  1. box layer: draw box 8x8 inches
  2. draw gradient for shadow (top=0K, bottom=50K)
  3. save; save as "book2.ai"
  4. type > create outlines

creating isometric art

  1. group cover, repeat with spine, top
  2. select all objects: scale h=100%, v=86.6% (double-click scale tool)
  3. shear & rotate as follows (select object, then double-click each tool):
      shear rotate
    front (cover) +30° +30°
    side (spine) -30° -30°
    top/shadow -30° +30°
  4. view > smart guides=on
  5. direct select tool: option-click to select grouped object, select anchor point, snap objects together
  6. adjust length of shadow
  7. adjust size, proportion, shear of final book
  8. add vertical line for fold (stroke=2pt, 60K)

grading

  1. submit b&w laser proofs with your name on it for grading
  2. file graded proof in your Process Book for individual review
  3. publish a JPEG linked from your Process Page (no wider than 800px)

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