Guide to Vector Graphics Vector Vs. pixel Vector is a term used for a type of graphic made up of                          ...
Upcoming SlideShare
Loading in …5

Vector design handout


Published on

  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Vector design handout

  1. 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