Illustrator

Group Members
Yumna Farooq
Lubna Ahemd
Rafia Zaheer
Sumaira Rehman
Design with Adobe Illustrator Unit 4
Why study Vector Graphics?

 Used in Graphics Industry

 Found in Real World
 Building Block for advanced complex graphic
projects

Unit 4
 Types of Graphics
In computer graphics, there are two type of graphics:
 Raster
 Vector

Unit 4
 Types of Graphics

Raster Graphics
• A raster image is also
known as“bitmap”,
which is data displayed
on a grid of pixels
• Adobe Photoshop
creates pixel based
images and can edit
these types of files
• Raster images are large
in file size

Vector Graphics?
•Instead of using pixels,
vector graphics are
created with
mathematics
•Vector Graphics are
also called “Object Art”
because all shapes and
colors are created by the
outlines of objects
Unit 4
 Introducing Adobe Illustrator

Illustrator:
Illustrator is a vector drawing program. It is often used
to draw illustrations, cartoons, diagrams, charts and
logos. Unlike bitmap images that stores information in
a grid of dots, Illustrator uses mathematical equations
to draw out the shapes. This makes vector graphics
scalable without the loss of resolution.

Design with Adobe Illustrator Unit 4

 Toolbox
The Illustrator Interface

palette
A tool that displays Illustrator Interface Features:
options related to
selected objects.  The workspace is the area that shows the page and
where the image appears when printed.
 The scratch area appears outside the workspace and
can be used to assemble or edit designs.
 The menu bar contains most general commands.
 The Control palette displays options related to selected
objects.
 Magnification levels are displayed next to the file name
and in the lower left corner.

Unit 4
 Create Document
Create New
Document
Go File> New Document to
create your first document.
Type in a Name for the
document & click
Advanced to select RGB
for Color Mode as we will
be working for the screen .
Click Ok after that.

Design with Adobe Illustrator Unit 4

 The Illustrator Interface

Artboard
Toolbox

Palettes

Scratch area

Scroll bars
Zoom Bar
Unit 4
Components of a
path

Unit 4
 Use Illustrator Tools

marquee
A dotted rectangle Selection Tools
placed over objects to
select them.  The Selection tool in Illustrator is similar to the
Selection tool in Publisher and Photoshop.
object
Any individual shape,
image, or text that can  A marquee can be created with the Selection
be moved, edited, or
manipulated. tool to select objects.

Unit 4
 7-1

Use Illustrator Tools

anchor point Direction Selection tool

A spot where a
segment begins or
ends.  The Direction
Selection tool is used to select
anchor points or path segments that make up
path
A line created by an
the border of an object.
object when it is
drawn.

Unit 4
 Tool BOX Toolbox bar

Selection tools

Anchor Point Tool

Shape tools
Painting tools

Transformation tools

Editing Tool
Gradient tools

Viewing tools

Color box
Path Cutting Tool
Color modes
Viewing modes

Unit 4
 Create an Illustration

grids
The framework upon
Align Objects
which an object is
placed. (pg. 301)
 Guides and grids help a user align objects in the workspace.
magnify
To enlarge an image  Smart Guides create temporary path lines to help align
in order to view its objects in relation to each other.
details. (pg. 301)
 With the Align palette, a user can precisely align objects in
relation to each other.

Zoom in Closer
 The Zoom tools in Illustrator allow a user to magnify or
reduce the size of picture.

Unit 4
 Set Colors

grayscale
The range of colors from
white to black with shades
Swatches Palette
of gray in between.  The Swatches palette provides some specific colors and
RGB
gradient options.
An acronym that stands
for Red, Green, Blue.

CMYK
An acronym that stands
for Cyan, Magenta,
Yellow, blacK.
HSB
An acronym that stands
for Hue, Saturation, Color.
Color Palette
 Grayscale refers to the range of colors from white to
black.
 RGB stands for Red, Green, Blue, colors which create
most other colors.
 CMYK stands for Cyan, Magenta, Yellow, blacK, a mode
used for printed documents.
 HSB stands for Hue, Saturation, Brightness.
Unit 4
 Swatches
palette Pattern
No Fill swatches
Color swatches

Gradient
swatches Delete Swatch

Show All Show Show Show New Swatch

Swatches Color Gradient Pattern
Swatches Swatches Swatches

Unit 4
 Apply Gradient Fills

gradient Gradient Palette

A gradual change from
one color to another.
(pg. 311)
 A gradient is a gradual change from one color to
spectrum
another in the color spectrum.
The entire range of  From the Gradient palette, a gradient type can be
colors from white to changed from linear to radial.
black. (pg. 311)

radial
A circular gradient
type effect. (pg. 311)

gradient stop
A spot that marks the
beginning or end of
colors used in a
gradient. (pg. 311)
Design with Adobe Illustrator Unit 4
 Advantages of Vector Graphics
• Lines are crisp and sharp at any sizes
• Print at high resolution
• Smaller file size
• Good for drawing illustrations

Disadvantages of Vector graphics

• Drawings tend to look flat and cartoon.
• Hard to produce photo realistic drawings

Unit 4