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

Graphic Design Exercises
Illustrator: Logo (Auditor Assistant)

Objective

To learn Illustrator drawing techniques by recreating the logo below.

Discussion

The best way to create a logo is by sketching out concepts. The best way to execute a logo is to trace over the sketch in Illustrator. During the tracing process, a lot of interpretation is required. Often, a logo becomes better as a result of interpretation.

By definition, a logo must work in b&w. Therefore all logos are first created without color and approved by the client before color is added. When applying color, Pantone colors are preferred since it has a wider color gamut than CMYK. Pantone chips can also be matched with paint and dyes for signage, fabrics and other applications. In addition, apps can easily convert Pantone to CYMK, but CYMK can't automatically be converted to Pantone.

Also see Illustrator's HELP menu: color: working with color groups.

Procedure

preparing the file

  1. download above sketch (RMB: save image as...)
  2. launch Illustrator, file > new (document profile=print)
  3. file > save as "auditor-master.ai"
  4. file > place "auditor-sketch.gif" (as template)
  5. rename "layer 1" as "guides"
  6. draw triangle: polygon tool, arrow down, shift; adjust size
  7. view > outlines (cmd+Y)
  8. draw horizontal box representing the gutter space
  9. select triangle and box, rotate 120 degrees, copy, align triangles
  10. repeat
  11. select all, view > make guides

drawing the logo

  1. new layer "art"
  2. fill=black, stroke=none
  3. draw logo using the pen tool by clicking on guide points
  4. object > compound path > make
  5. new layer "curves": draw one curve; adjust thickness
  6. duplicate curve and offset for shadow, make fill=white
  7. object > arrange > send backward
  8. draw square aligned to triangle for reference
  9. select curves and square, rotate 120 degrees, copy, align
  10. repeat
  11. use pathfinder to cut white art out of triangles
  12. new layer "type"
  13. create type (Helvetica LT Std Ultra Compressed & Garamond Semibold Italic)
  14. convert type to outlines, delete dot of "i" (cmd+shift+O, cmd+shift+G)
  15. save; save as "auditor-BW.pdf"
  16. window > swatches: select all unused, delete
  17. save, save as "auditor-color-test.ai"

coloring the logo (manually)

  1. window > swatch libraries > color books > Pantone solid coated
  2. choose one base color
  3. window > color guide (filter: color books > Pantone solid coated)
  4. choose a harmony rule: add more colors (up to 3 total)
  5. duplicate art, repeat (manually adjust colors as needed)
  6. save your favorite color groups to swatches

re-coloring the logo (automatically)

  1. duplicate art
  2. window > color guide: recolor artwork (flyout > edit colors)
    - adjust hue: rotate colors on wheel
    - adjust brightness: show saturation/hue
    - adjust saturation: show brightness/hue
  3. duplicate art, repeat
  4. save your favorite color groups to swatches

finalizing the logo

  1. copy and paste your best color solution into new file "auditor-PMS.pdf"
  2. draw boxes: label your colors
  3. window > swatches: select all unused, delete
  4. save, save as "auditor-CMYK.pdf"
  5. window > swatches: convert to CMYK (double-click swatch)
  6. change labels to CMYK formulas
  7. save, save as "auditor-RGB.pdf"
  8. file > color mode > RGB
  9. window > swatches: convert to RGB (double-click swatch)
  10. change labels to HEX codes; save
  11. delete labels
  12. file > save for web (preset=PNG 24, image size=1000px wide, clip to artboard=no)
  13. close window without saving

grading

  1. submit b&w laser proofs of all files with your name and the exercise number on it for grading
  2. file your graded proof in your Process Book for individual review

BACK TO TOP
Last updated: 4/11/17 ■ Webmaster: Paul Young