UP 503: Physical Planning

1
UP 503 Physical Planning

• Tutorial 1 Adobe Illustrator

2
Scope

• Introduction to digital graphic formats
• Familiarization with Adobe Illustrator CS5

3
Contents

• Concepts
• Vocabulary
• Components of Adobe Illustrator
• Hands on practice

4
Concepts

• Digital Graphics
• Images
• Composite effects of colors or a composition of
  dots
• Raster graphics
• Diagrams
• Composite effects of shapes
• Vector graphic

5
Concepts

• Vector and Raster

6
Concepts

• Vector and Raster

Raster Vector
Manipulation - Pixel - Layer - Shapes - Layers - Groups
Scaling - Poor - Good
Application - Photos - Diagrams
Realism - High - Low
7
Contents

• Concepts
• Vocabulary
• Components of Adobe Illustrator
• Hands on practice

8
Vocabulary

• In the real world
• Shapes
• Lines
• Points
• Text, etc.
• In Adobe Illustrator
• Illustrations made of Vector graphics

9
About Vector Graphics

• Lines and curves defined by mathematical
  operations vectors
• Move, resize or transform without losing the
  quality of the graphic

• Also resolution independent can be printed or
  viewed at any scale

10
About Vector Graphics

• As you draw resulting line is called a path
• Path made up of one or more straight or curved
  segments
• Beginning and end of each segment marked by
  anchor points
• Can change shape of paths by editing the anchor
  points
• Control curves by dragging the direction points
  at the end of direction lines that appear at
  anchor points

11
About Vector Graphics

• Other concepts also but these should suffice
  for the beginner
• Explained in more detail in the Adobe Illustrator
  Help menu

12
Adobe Illustrator CS5
Control Palette
Palettes
Tool Panel
Scratch Area
Status Bar
Imageable Area
Non-imageable Area
13
Adobe Illustrator CS5

• Details about working with palettes
• Working with palettes under Work Area menu in
  Help
• To make your work easier
• Rulers, grids and guides under Work Area menu in
  Help
• Measure distances between objects get familiar
  with the tool
• Rulers, grids and guides under Work Area menu in
  Help
• Most important Recovery and Undo
• Recovery and Undo under Work Area menu in Help
• Leave Adobe Bridge, stock photos version cue to
  more experienced users

14
Using Illustrator Help Function

• Learn how to use the Help function effectively
• Most problems and how-do-I-do-this? questions can
  be worked out
• The following slides show some examples

15
Adobe Illustrator CS5 Tool Panel

• Variety of tools to choose from
• Small triangle next to a tool depicts hidden
  tools
• For viewing hold down mouse button on visible
  tool
• To selecthold mouse button-drag pointer over
  wanted tool and release

16
Drawing Objects
17
Drawing Objects contd
18
Painting Objects
19
Selecting Objects
20
Reshaping Objects
21
Reshaping Objects contd
22
Typing in Adobe Illustrator
23
On an end note

• Rush through the following in the Help menu of
  Adobe Illustrator
• Drawing, Color, Painting, Arranging Objects,
  Reshaping Objects and Type
• Tons of information sift through what you think
  will be needed immediately
• Suggestion get comfortable with the basic tools
  and how to use them
• Do not go into details yet
• For later in semester
• Copying appearance attributes between objects
  under the Creating Special Effects menu might
  help

24
Finally

• Familiarize yourselves with the basics
• For practice go to the Tutorials menu under the
  Help Topics
• Create sample graphic