vector design handout

1
Vector is a term used for a type of graphic made up of points or individual paths as opposed to pixels. It is most commonly used in typography, shapes and illustrations. The OPPOSITE of a vector graphic is a pixel based design. This is made up of small squares of color known as pixels. Pixel- based designs are most often seen in photographs and photo manipulations. Illustrator is a vector based design pro- gram whereas Photoshop is a pixel based design program. Indesign is a layout program that allows you to place both vector and pixel designs together in various ways as part of a layout or page design for a publication. Vector Vs. pixel A look at Vector: A look at pixels: The advantages of vector design: One of the biggest disadvantages to working in a pixel for- mat is that the quality of your designs decreases as the size of the graphic increases. With vector graphics this is not the case. When you are working with vector, every part of your design is made up of points. This gives the design a clean edge as opposed to the jagged edges pixels create. Because of this clean edge and the smooth lines created by the paths and point system of vector design, your design can be enlarged to any size--- even as large as a billboard. GUIDE TO VECTOR GRAPHICS hit it stick it smakc pow over the net hit it stick it smakc pow over the ne hit it stick it smakc pow over the net hit it stick it smakc pow over the net hit it stick it smakc pow over the net hit it stick it smakc pow over the net hit it stick it smakc pow over the net hit it stick it smakc pow over the n hit it stick it smakc pow over the net hit it stick it smakc pow over the net hit it stick it smakc pow over the net hit it stick it smakc pow over the ne hit it stick it smakc pow over the n it stick it smakc pow over the net hit it stick it smakc pow over the net tick it smakc pow over the net cover head hat cover head hat cover head at cover head t cover head t cover head at cover head at cover head hat cover head hat cover head t cover head cover head ddle hardedge center stro ddle hardedge center stro ddle hardedge center stro ddle hardedge center stro dle hardedge center stro dle hardedge center stro dle hardedge center stro ddle hardedge center stro ddle hardedge center stro ddle hardedge center stro ddle hardedge center stro ddle hardedge center str re middle hardedge center str ddle hardedge center st middle hardedge center str e middle hardedge center stro iddle hardedge center strong middle hardedge center stron middle hardedge center strong ddle hardedge center strong dle hardedge center stro ddle hardedge center strong dle hardedge center strong le hardedge center s iddle hardedge center str iddle hardedge center str iddle hardedge center str iddle hardedge center st iddle hardedge center str iddle hardedge center str iddle hardedge center str iddle hardedge center str iddle hardedge center st iddle hardedge center st iddle hardedge center st dedge center strong e center strong edge center strong hardedge center strong hardedge center strong hardedge center strong e hardedge center strong hardedge center strong dedge center strong ardedge center strong rdedge center strong edge center strong rve it slam it get that ball serve it slam it get that ball ve it slam it get that ball rve it slam it get that ball erve it slam it get that ball serve it slam it get that bal slam it get that ball it slam it get that ball it slam it get that ball e it slam it get that ball serve it slam it get serve it slam it g serve it slam it g serve it slam it serv it game point take them down erv it game point take them down serv it game point take them down serv it game point take them down v it game point take them down t game point take them down v it game point take them down game point take them down serv it game point take them down serv it game point take them down ame point take them down point take them down serv it game point take the serv it game point take them d serv it game point ta serv it game point take serv it game point take them do serv it game point take them down mov mov move mov move mov move m es win th es win the rves win es win th es win th ves win t ves win th rves win bang smack drive it hit it get thatball all the way to the line bang smack drive it hit it get thatball all the way to the line bang smack drive it hit it get thatball all the way to the line bang smack drive it hit it get thatball all the way to the line bang smack drive it hit it get thatball all the way to the line bang smack drive it hit it get thatball all the way to the line bang smack drive it hit it get thatball all the way to the line bang smack drive it hit it get thatball all the way to the line bang smack drive it hit it get thatball all the way to the l bang smack drive it hit it get thatball all the way t acket racket ra t racket racket rac acket racket racket rac et racket racket racket rac cket racket racket racket racke acket racket racket racket racke racket racket racket racket rack racket racket racket racket rac acket racket racket racket rack acket racket racket racket rack acket racket racket racket racke ket racket racket racket racket ket racket racket racket racket cket racket racket racket racket t racket racket racket racket ra racket racket racket racket rac racket racket racket racket r racket racket racket rack cket racket racket rac racket racket racket ket racket racket racket r et racket racket racket racket acket racket racket racket r t racket racket racket racket rac t racket racket racket racket r ball ball ball ball ball ball ball ball Vector images are made up of paths like this Those paths have points along them that determine where the path will go like these Pixel images are made up of tiny squares of color like this The quality of a pixel image is determined by the number of pixels an image contains per inch or the ppi/ dpi. For printed materials this number should be set at no lower than 300.

Upload: jackie-scott

Post on 25-Jun-2015

57 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: Vector design handout

Vector is a term used for a type of graphic made up of points or individual paths as opposed to pixels. It is most commonly used in typography, shapes and illustrations. The OPPOSITE of a vector graphic is a pixel based design. This is made up of small squares of color known as pixels. Pixel-based designs are most often seen in photographs and

photo manipulations. Illustrator is a vector based design pro-gram whereas Photoshop is a pixel based design program. Indesign is a layout program that allows you to place both vector and pixel designs together in various ways as part of a layout or page design for a publication.

Vector Vs. pixel

A look at Vector: A look at pixels:

The advantages of vector design:

One of the biggest disadvantages to working in a pixel for-mat is that the quality of your designs decreases as the size of the graphic increases.

With vector graphics this is not the case. When you are working with vector, every part of your design is made up

of points. This gives the design a clean edge as opposed to the jagged edges pixels create. Because of this clean edge and the smooth lines created by the paths and point system of vector design, your design can be enlarged to any size--- even as large as a billboard.

Guide to Vector Graphics

hit it stick it smakc pow over the net

hit it stick it smakc pow over the net

hit it stick it smakc pow over the net

hit it stick it smakc pow over the net

hit it stick it smakc pow over the net

hit it stick it smakc pow over the net

hit it stick it smakc pow over the net

hit it stick it smakc pow over the nethit it stick it smakc pow over the nethit it stick it smakc pow over the net

hit it stick it smakc pow over the net

hit it stick it smakc pow over the net

hit it stick it smakc pow over the net

hit it stick it smakc pow over the nethit it stick it smakc pow over the net

hit it stick it smakc pow over the net

hat

cove

r he

ad

hat cover head

hat

cove

r he

ad

hat cover head

hat

cove

r he

ad

hat cover head

hat

cove

r he

ad

hat cover head

hat cove

r hea

d

hat cover

head

hat

cove

r he

ad

hat cover head

core middle hardedge center strong

core middle hardedge center strongcore middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strongcore middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strongcore middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

core middle hardedge center strong

sta

rt s

top

sh

oe

sta

rt s

top

sh

oe

sta

rt s

top

sh

oe

sta

rt s

top

sh

oe

sta

rt s

top

sh

oe

sta

rt s

top

sh

oe

st

ar

t s

to

p s

ho

e

st

ar

t s

to

p s

ho

e

st

ar

t s

to

p s

ho

e

st

ar

t s

to

p s

ho

e

st

ar

t s

to

p s

ho

e

st

ar

t s

to

p s

ho

e

serve

it sla

m it

get th

at ba

ll

serve

it sla

m it

get th

at ba

ll

serve

it sla

m it

get th

at ba

ll

serve

it sla

m it

get th

at ba

ll

serve

it sla

m it

get th

at ba

ll

serve

it sla

m it

get th

at ba

ll

serve

it sla

m it

get th

at ba

ll

serve

it sla

m it

get th

at ba

ll

serve

it sla

m it

get th

at ba

ll

serve

it sla

m it

get th

at ba

llser

ve it

slam

it get

that

ball

serve

it sla

m it

get th

at ba

ll

serve

it sla

m it

get th

at ba

ll

serve

it sla

m it

get th

at ba

ll

serv it gam

e point take the

m down

serv it gam

e point take the

m down

serv it gam

e point take the

m down

serv it gam

e point take the

m down

serv it gam

e point take the

m down

serv it gam

e point take the

m down

serv it gam

e point take the

m down

serv it gam

e point take the

m down

serv it gam

e point take the

m down

serv it gam

e point take the

m down

serv it gam

e point take the

m down

serv it gam

e point take the

m down

serv it gam

e point take the

m down

serv it gam

e point take the

m down

serv it gam

e point take the

m down

serv it gam

e point take the

m down

serv it gam

e point take the

m down

serv it gam

e point take the

m down

fancy fo

otw

or

k

fancy fo

otw

or

k

fancy fo

otw

or

k

fancy fo

otw

or

k

fancy fo

otw

or

k

fancy fo

otw

or

k

fancy footworkfancy footwork

fancy footwork

move it slid

e

move it slid

e

move it slide

move it slid

e

move it slid

e

move it slid

e

move it slid

e

move it slid

e

move it slid

e

move it slide

move it slide

stro

ng

ha

rd s

erve

s w

in t

he

ga

me

stro

ng

ha

rd s

erve

s w

in t

he

ga

me

stro

ng

ha

rd s

erve

s w

in t

he

ga

me

stro

ng

ha

rd s

erve

s w

in t

he

ga

me

stro

ng

ha

rd s

erve

s w

in t

he

ga

me

stro

ng

ha

rd s

erve

s w

in t

he

ga

me

stro

ng

ha

rd s

erve

s w

in t

he

ga

me

stro

ng

ha

rd s

erve

s w

in t

he

ga

me

bang smack drive it hit it get thatball all the way to the linebang smack drive it hit it get thatball all the way to the line

bang smack drive it hit it get thatball all the way to the linebang smack drive it hit it get thatball all the way to the line

bang smack drive it hit it get thatball all the way to the linebang smack drive it hit it get thatball all the way to the line

bang smack drive it hit it get thatball all the way to the linebang smack drive it hit it get thatball all the way to the line

bang smack drive it hit it get thatball all the way to the linebang smack drive it hit it get thatball all the way to the line

racket racket racket racket racket racket

racket racket racket racket racket racket

racket racket racket racket racket racket

racket racket racket racket racket racket

racket racket racket racket racket racket

racket racket racket racket racket racket

racket racket racket racket racket racket

racket racket racket racket racket racket

racket racket racket racket racket racket

racket racket racket racket racket racket

racket racket racket racket racket racket

racket racket racket racket racket racket

racket racket racket racket racket racket

racket racket racket racket racket racket

racket racket racket racket racket racket

racket racket racket racket racket racket

racket racket racket racket racket racket

racket racket racket racket racket racket

racket racket racket racket racket racket

rack

et ra

cket

rack

et ra

cket

rack

et ra

cket

rack

et ra

cket

rack

et ra

cket

rack

et ra

cket

rack

et ra

cket

rack

et ra

cket

rack

et ra

cket

rack

et ra

cket

rack

et ra

cket

rack

et ra

cket

rack

et ra

cket

rack

et ra

cket

rack

et ra

cket

rack

et ra

cket

rack

et ra

cket

rack

et ra

cket

ball ball

ball ball

ball ball

ball ball

Vector images are made up of paths like this

Those paths have points along them that determine where the path will go like these

Pixel images are made up of tiny squares of color like this

The quality of a pixel image is determined by the number of pixels an image contains per inch or the ppi/ dpi. For printed materials this number should be set at no lower than 300.