-A +A

 

Crit

Project 1

Celebrity Portraits

Project 2

Color Schemes

Alberty PANTONE® solid coated 527 C
Anderson PANTONE® solid coated 341 C
Au PANTONE® solid coated 194 C
Bennett-Jackson PANTONE® solid coated 411 C
Chiang PANTONE® solid coated 263 C
Ferrante PANTONE® solid coated 414 C
Ho PANTONE® solid coated 653 C
Holbert PANTONE® solid coated 561 C
Holt PANTONE® solid coated 236 C
Jiang PANTONE® solid coated 586 C
Lam PANTONE® solid coated 245 C
Leung PANTONE® solid coated 265 C
Lewis PANTONE® solid coated 676 C
Lo PANTONE® solid coated 644 C
Nawabi PANTONE® solid coated 125 C
Rosas PANTONE® solid coated 531 C
Truong PANTONE® solid coated 103 C
Urquico PANTONE® solid coated 307 C
White PANTONE® solid coated 468 C
Wong PANTONE® solid coated 417 C
  • Here's your layout grid
  • When creating your piece, open in Illustrator with "New from Template"

Vector Images: Illustrator Overview

A Quick Tour Around Illustrator

Panel Docks & Panels

  • Gestures
    • Panel Group Docks
      • Expand/Collapse
      • Re-arrange
      • Tear off
    • Panel Groups
      • Expand/Collapse/Close
      • Re-arrange
      • Tear off
    • Panels
      • Expand/Collapse/Close
  • Panel menu icon

The Options Bar

The Tools Panel

Selecting Objects

  • Direct select
  • Drag select

When the Selection tool is over an unselected object or group, it changes to:

When it is over a selected object or group, the tool changes to:

When it is over an anchor point on an unselected object, a hollow square appears next to the arrow:

Fills & Strokes

  • Drag swatches
  • Use the Appearance panel
  • Use the tool panel's color squares
  • Use the tool panel's color/gradient/none squares

Vector Images: Creating Vectors

Straight Lines

  • Rubber bands
  • Shift-constrain
  • Stroke panel options

Curved Lines

  • Arcs
    • Limited, just a 1/4 segment of an ellipse
  • Pen tool for bèzier curves
    • Unlimited!
  • Stroke panel
    • Same as for Line
  • Appearance panel
    • Change colors
    • Create a fill, even with an unclosed object

Shapes

  • Rectangle, Rounded Rectangle, Ellipse, Polygon, Star
    • Up/Down keys add and subtract sides with Polygon, and points with Stars
  • Make your own shape with Paths!
    • The only way to make a triangle that isn't equilateral

Adobe Help System

Drawing Tool Gallery

Break

Grids

Using Grids

  • A grid is a network of lines
  • Grids…
    • "…help the designer align elements in relation to each other. Consistent margins and columns create an underlying structure that unifies the pates of a document and makes the layout process more efficient." Graphic Design the New Basics, Lupton and Philips. Page 175.
    • "A well made grid encourages the designer to vary the scale and placement of elements without relying wholly on arbitrary or whimsical judgments. The grid offers a rationale and a starting point for each composition, converting a blank area into a structured field." Ibid.
  • Take this site as an example
  • Grids at designbygrid.com
  • It's all about things lining up with other things
  • Grids by artists
    • The Bauhaus
    • Piet Mondrian
    • Joseph Albers
    • Chuck Close
    • David Hockney, Leonardo da Vinci…

Grids in Illustrator

  • Show/Hide grid
  • Setup grids and guides in Illustrator:Preferences…
  • Rectangular Grid tool
    • Tricky UI, draw then click for dialog

Guides

  • Hide/View
  • Lock
  • Make
  • Release
  • Clear

Alignment Tools

  • Smart Guides
  • Snap to Grid
  • Snap to Point
  • Aligning groups relative to one another
    • Horizontal left, horizontal center, horizontal right
    • Vertical top, vertical center, vertical bottom
  • Distribute
    • Horizontal lefts, horizontal centers, horizontal rights
    • Vertical tops, vertical centers, vertical bottoms
  • You can also align to the artboard

Color in Illustrator

How to find your color

  1. Open the Swatches panel
  2. Choose from panel menu: Open Swatch Library: Color Books: PANTONE Solid Coated
  3. When Swatch Library panel opens, choose from panel menu: Small (or Large) List View

Choosing & Saving Colors

It's all about gestures

Color Guide

"Live Color"