1. Guide to Vector Graphics
Vector Vs. pixel
Vector is a term used for a type of graphic made up of photo manipulations. Illustrator is a vector based design pro-
points or individual paths as opposed to pixels. It is most gram whereas Photoshop is a pixel based design program.
commonly used in typography, shapes and illustrations. The Indesign is a layout program that allows you to place both
OPPOSITE of a vector graphic is a pixel based design. This is vector and pixel designs together in various ways as part of
made up of small squares of color known as pixels. Pixel- a layout or page design for a publication.
based designs are most often seen in photographs and
A look at Vector: A look at pixels:
daeaeeh revo norts retnec egdre ranecelddd m
ke ckackt ra ke core middle chardedgestcenter thatbbalt coover hehead
daeh revoc c tah ke ac acet ra core middleenhardedgerocenter strong cover head
da
d strong ver head ad
daeh revo gnorts retngnc egdedratn ad
dad
h rerevoc c tah
eh ea
hat cover he
h
rh
er
all
cteseaal hiatbal at balbal thatbb ll
voc gahorts nretns c ege edneah elddimra roc
re
e
middle hardedge centertng l hat t cov
ov
a
vo
tc
ct
co
at t hh t hatbal getthat
tahn
gnorts retnec
strongc
ha
g
ac core cmiddle hardedge center strong
gnorts retnec egndedrah elddim eroc
middle hardedge center strong
a
re
ah
gnorts retnecgnegd ts a
t
oc
hat
center strong
tah
ll tslabal r bal ll h
er
ha l
co mi
l
rd it dt it gt ite ge te et t atl itget
dd
al
re im le
c
mi dd l ero
e mi dl ihaslamiltagmit geitctgetntgta thalslaamit
core middled hardedge center strong
co lah em ddim eroc
sla ill o l
ha
roget hat
gnorts retnec egdedr e
re dl
g
it e bt l m
ra
h die
oc rd
core middle hardedge edg
co mi dgdedreld elddimr erc c
or e r
gn or
e center strong
id ereeit tsla s sam lamslamiee gthrtvtebalsl
ha
ng
dd
stt tget
re
gnorts retnecde e ah m
rdoo e
t rm t
di
or ts
le
i
c t se it
mi eg drah e ce
t as
s
ld m er
core middle hardedgedge
ng
gn rts ret h eelddim eroc
co
i
ha n
t
dd
strong hard serveskin t the game e m sdsdvlveeitvel t tsrsdet tslae titggttthrave
gnortstnectnecde gdedah h eldi im eroc
re ra e dd center tstrong
re nec r
m
le rd oc er
ro
re g e
eo ng
ce
se
co mi
re ec e ld m er ed st
tn
dr ha nt strong
ke ac corer middle hardedge ng
dd g
e
core middle hardedgee centerer
e
re
egdedrah elddim eroc
grts ts eretnec egdeedrah elddim erroc ro
tbb l eit e
rd
ec egd edr h e dd hite
sr e i rvei i lag i e
t
tn le
egd rah di
tha ervetnt
nor oc ng
ro
o
ed ce
st
ng
go
mi st
er
ld m e
r d r c egd d
rt edrreh elddim eroc
o
nt
geteha set h
gn ts r ed ha ge
h i lam m
dd c
st
e ro
rv
ro
eg edr ah
core middle hardedge center strong
gnorts rettne egdedrarahelddidi eroc er
er sea i ed m
rd
nt
gd
tn
s
r
le
ed h
ng
er
ce
dsrve seh vre eit tslam
nec h m
or re ec e ed ed
st
st
de
ld nt
e
ha
e
r
t
nt
gn ge
hardedge center n strong down down
s
n egdegd ah eh de im eroc ro
dg
er
c
te
core middlerd
s
dr r v d
dot d nwnthem wn m
gnortst retnec ce n
ntthem wswr wokeeg takeethedown
et
ce
strong hard serves win the game re mids le servhar
r
or edr ra l d ed
eg edr h e ddi it it sti
en
o
t
o them ta m d n m
te
a
gn ts r nec d ge n
eg
ce takeeetaweepoinooe ointke w
mrdke m d tknth do th
h
de
se e
d
eg edr h e
ge
d n p
ah
p t tko th getae ta
o mtne thtagemnitintamn ingm
eg
m de
et
rmecpkainpeeethoditomeanwpinatttawpeothedown
or
tak inein we s mo k emt
le
el
ge
d
tem dorv o d ro
c
gaaointa so m ga s nite g k n
gn ts r nec
ed
c
t r k etet
t
t r k ekerac cket
it ar
itrearvpinamektthemre tho m we thng
eo g t geee ervdme p tdta
dd
dd
el
it th it w
m c e so s
ed
e
t
it e inc ke k itt gee o m
serv gar pit tak strv mrakrvin to
ge
or et
kera kck t
s
gi
serv gamrvaotinteervinrmeapneke ron
mi
im
ke
d
itr sepop t takepitth akowc
ra kstatm dta th
gn ts r
dd
et t ra e
o ge a
rd
a
ed
di
coreac t
a k
el dim hit itro c
serv garaemeitincmeothedtawnckett ra
e eroc
ac t r r ra et ra
it it mackgake o a
e
mi
mi se l
ge po takp int r
ha
a
or g
re
core rd
er
e
s rv
m
er erv
rv ga e e
servhit itggetethatballtame t em lineac ket raccket
siterv amacke way tot r c
dd
sepit inallke th rthe
ve
gn
o t the a
ld im itrstick it s
c
t r ke ketack t
co
ha
o
er
e
k
re
bang smack drive it mrv rt
i
e
bang serv drivesitpoit get thatballt the waycke ket rac et rac
ke
c
smack ga ehit in ac all r to the line
m
l
ct
bangesmackadrive it hit it getc etall thek to the line rac ket rackket
s rv g me r ra thatball ac way t rac k
oc
it k t
co
le
ac r r rcket rac
hit it s
re
ac ke ra e
er
l h
k e ra et ra
ck
it
tick it bang smack drivite ihithiriagetthatballl allrthe wayctokthelrlinecket rt rack et raccket r
serv t t t thatbaltt r ckthetinea e ck r
dd
ke
co
oc
er
e
s smack drive r ra ckall the way to akee ac ack
get ke ac ket
hit itbang msmackdriveitroaitcitkthatball et allrthethe lineto ttrrac ttracket et rac ket raacket
a way
t r et etack t
oc
e
m
a t ac
co
sbang k kbangp hitwget itvctgetrthatballa cket lineac keetracet rack ket racket
tic itc smack driveoit e ititget thatball all c way to the line kk
r stic k it
c
g hard serves win the gameo
adrive hit all the way to the r
rac ke et r he gam ore
makcdrive itr trita r eet et the ck r ck r r et ac ck
smack c hit
c
e a thatball k
ac ra rcket ac
hit it s bangsbangrakethit hgetck theall the way toraline et ra ket acket r ra ket
oc
tickrit csmacksmacke ecnget t therato e ac e a
stron hard serves win the game
win the game game
raa ke kodrive r itk thatball
ck it sm
c
t r et et a ke r
p
star sto ppstrong hard serveswin the game
hit ithsit it rticksmakt prw itohitthekt rallacway ethe linet rackett rack t acket et
sac kepow oververeh ra kct e t r k ra cke r r et
c bang c t ac net k
ke ck ckt ac et
s
k
ba ll ll
makc p
hit it stick c smakcst r oack tee c
hit it s rtiitkacmitet akcck vert tnretket rac ack et r ckeet r cke
wo e
ll l ll
ll
ba
a
ra ra e r k
r k
ac it ska m a o et thr ne ac
baalba l l
ba ll
makc p ver the net
rac t et acket rac
ba
hit it tsicitk ket ektccprrpawcpokwrtvnetactkt ketraaket ert crack et raackett
e a
cke a ck t racke
akc po
b ba
it sma o c e o rac e
ac a k e ernc ke
hit it stickticsmakcrpowkowvetthrathknett rack ckt racket et ra cket
k over the e e
ow ove
kc
hit hit it stiitksmakc et ovec ack et rackeet et racet rackck t
r
e r k t
r
win the
ck ckt ac e
ra rt et r k r
ow ove
w
hit itit stickititsmakcmakpover thekhe net ra cket raacke ket acket et
stick s it s powcow ov r nett et a
ra ra ket r ack
r e
o
ers w win
hit it stick it smakcow er t the a ck t ck t r ra t
e
r the n
mak p pow over rnet
c pow c he net
rac et ck
over over the ne ket et rac ket raacket et
r the ne
rack ke racket
mo ovit e lit s
mmoe ee ilide de
mo e ie it islelide
the ne t
mo mo
et
t et rt ra cket
d serv rac
ove iti st isladc
ackcket
mo t s d i
me v
ac
t
v
et
v v
ves
v
rt sto p shhoe e hard serves
v
mov
it s ffae nc fo
e
mov it sl
strong hard ser
Vector images are made up of paths like thiseittssidee
mov i Pixel images are made up of tiny squares of color like this
t lsl fn ey
lid
s
fadecy ffoo o wo
e
liaidey y f ot
lide
fan c
ncy y oootww rk
d ia
f n
strong har
n
fancy The quality of a pixel image
c
footw
foo o woork k
strong
ork
is determined by the number
fo t
fancy footwork
top s oe ng
fancy fo
otwor
sta rt sto p shoe
twwo k
s sho
k of pixels an image contains
p shhoe
stro
t r
s sarrt
s sa
oe
or rk
taarrts
s ta
t
s
t
per inch or the ppi/ dpi. For
t
ta t
t
r r st to
Those paths have points along them that
k
t tst to
or
ta rt sto
t s
s sopp s
printed materials this number
s sta t sto
toopp h
determine where the path will go like these
to s
p pssh
should be set at no lower than
sta rtt s
s soo
hhe e
r
h o
300.
h e
oo
sta o
ee
e
The advantages of vector design:
One of the biggest disadvantages to working in a pixel for- of points. This gives the design a clean edge as opposed to
mat is that the quality of your designs decreases as the size the jagged edges pixels create. Because of this clean edge
of the graphic increases. and the smooth lines created by the paths and point system
of vector design, your design can be enlarged to any size---
With vector graphics this is not the case. When you are even as large as a billboard.
working with vector, every part of your design is made up