Before and After 0678

7/29/2019 Before and After 0678

1/19

Design a chalkboard Web banner 0678

Design a

chalkboardWeb banner

Continued

Before&After BAmagazine.com i XU

Continued


2/19

2of12 Design a chalkboard Web banner 0678

Next Play Consulting Group was

created to supplement the public

school system by teaching practical

lie skills. With public schools oten

ocused on helping students pass standardized

tests, Next Plays workshops teach how to apply

academic lessons to the outside worldreal-lie

challenges like getting a job and budgeting that

frst paycheck. Its a great idea.

So how do you convey that on a Web site?How about by writing it on a big, bold, chalk-

board! Faster than you can add 2+2, the viewer

sees that Next Play is an educational site, what

its about and whos involved. And the board

makes an excellent ocal point.

Lets see what else we can learn.

Design a chalkboard Web bannerHandwriting on the board makes a powerful, simple statement

Bold, amiliarand she even matches the logo

Even i you were napping in class, when something went up on

the board, you paid attention. Thats a ocal point that everyone

understands, and it works on a Web site, too!

BAmagazine.comBefore&After i XU


3/19

3of12

Design a chalkboard Web banner 06783of12

Start at the top

Key to the site is a ull-width chalkboard that the viewer will read beore anythingelse. Handwritten text pulls the viewer into the story and on down the page.

Chalkboard bannerhas unusu-

ally strong associations becauseeveryones spent endless hours

looking at one. Its visual properties

only make it strongerits big, bold

(black against white), and its on

top. In this space, Next Play tells its

story literally and graphically. A stu-

dent at the chalkboard conveys the

classroom setting. The who they

are and what they do that would

otherwise be buried in the text are

now at the top o the page where

theyll do the most good.

Design a chalkboard Web banner BAmagazine.comBefore&After i XU


4/19

4of12


Next Play Consulting is committed to the development ofchildren and their life application education

Next Playwill change the way children are educated about life.

Todays youth really are tomorrows leaders.

Continue the theme . . .

The chalkboard anchors every page, each with a dierent student and message.Together, they convey a strong sense o personality and community.

Same handwritten typeace

but set larger to ft the space

Quote Image Student leaning

adds dimension.

Nothing draws attention like a ace. Smiling students convey

welcome, cordiality, interest. Be sure to represent your diversity.

Same size. Note, top o heads

stick out to create depth.



All our dreams can come true, if we have thecourage to pursue them . Walt Disney



The whole purpose of education is to turnmirrors into windows. Sydney J. Harris



Education is learning what you didnt evenknow you didnt know. Daniel J. Boorstin



5/19

5of12


(1) Select an image, and in Photoshop mask out or otherwise delete the

chalkboard. You can remain in Photoshop or the ollowing steps or move your

cutout image into InDesign.

(2) Reect the image i necessary and place it on the right. Draw a chalk-

board rectangle the width o your page, and fll it very dark gray (about 98%).

At the bottom draw a thin navigation bar, and fll it solid black.

(3) Add realism The only attractive chalkboard is a clean chalkboard, but or

some realism, you can mess up the surace slightly. We used Mister Retros

(www.misterretro.com) Machine Washabrasive flter, but an easy alternative is

to paste in a second photo (above) that has a tinyamount o dust.

(4) Add the words in a handwritten typeace to

fnish the look. Typeset the secondary message, and

color it low-key gray. Add green to highlight the com-

pany name and balance the design (right).

Next Play Consulting is committed to the development of

children and their life application education



Make the banner

Chalkboard texture

Text area

Navigation area



6/19

6of12


Design the body o the page

Blog-style three-column page is an efcient organizer; the main story is told in thewide let column, and supporting content is in the right two.

Structure (Right) The site isdivided into six sections rom big

to small, pretty much in order o

importance. Navigation bar (note

its fle-tab appearance, above)

and ooter hold permanent links

and contact ino.

Continuity

(Next page) With a strong header

and simple structure anchor-

ing the site, its time to add the

details. These well borrow rom

the logo. Because the logo hasmore permanent status than the

pages, well transer its typeaces,

colors and other elements to the

rest o the site.

Logo

Header

Main content Secondary

content

Secondary

content

Footer

Navigation



7/19

7of12


Examine the logo

The characteristics o the logo will govern the details o the site. First step is to takea visual inventory. Pay attention to typeace, color, line and shape.

Typeace Futura Extra Bold is an American classic; clear, very

bold and simplestrokes are straight, and curves are almost

perect circles. For logos and short titles, set it very tightlythe

bigger the tighter; letters should overlap or nearly.

ColorYellow-green conveys vibrancy,

loudness, warmth and youth, all o

which describe the target audience.

Thats good stu. But too much o it

(top, let) is not a smart choice, because

Next Play and Consulting Group now

run together. Instead, set the descrip-

tive line in a darker color.

Angles are active. When combining two letters, ideally you want both toshare a similar edge (top, let). But because letters X and T have dierent

edges, an angled gap is used to combine the two.

Shapes change with distance (Above, let) Far away,Futura Extra Bold caps orm simple rectangles that stack

neatly. Up close reveals an energetic interplay o negative

shapes (above, right), and those circles are easy to see.

NEXTPLAYCONSULTING GROUP

NP XT

http://new.myfonts.com/fonts/adobe/futura/extra-bold/http://new.myfonts.com/fonts/adobe/futura/extra-bold/


8/19

8of12


EO TESTIMO

Angles

Angles are used or back-

ground lines, navigation bar

and ooter. Gradient back-

ground has abric-like texture

that adds depth and radiance

to the white page. Light

opacity sotens the look.

Typeace

Navigation titles and sub-

heads are set in Futura Extra

Bold and colored green.

Color

Navigational links, headlines,

subheads and gradient back-

ground all use the logos green,

or tints o it. Note the links

are standard blue underlines,

which yields three benefts:

Theyre instantly amiliar, they

stand apart rom the subheads,

and they cool the page.

Circles and rectangles

Nearly-perect-circle shapes

o Futura Extra Bold are

mimicked in rounded corners,

which also add a schoolroom

sotness. Below, rectangular

construction ties to the logo.

TES

CT

Apply logo elements to the page . . .

thy Tremb

h Grade Te

mentary

REFERENCE LETTERS

ABOUT US



9/19

9of12


ABOUT US PROGRAMS TESTIMONIALS RESOURC

. . . and dont orget the ooter

The humble ooter contains key contact inormation and can serve as a visual base.Treat it like every other design element.

Repeat the navigation bar

Same height, same color, same angled lines sustain the look.

Fill to defne a permanent tab

Two-tone green mimicks the light-dark radiance o the site.

Add the words

CONTACT is set in Futura Extra Bold. Jenny Jones in green catches your eye due

to its color relationship with the green tab. The remaining type is white.

1

2

3

Will it all o? High contrast

between dark banner and light

content area results in a mild

disconnect. Content area has

no solid base to sit on.

Ground it Dark ooter

becomes a base, holding the

page together. Visual similari-

ties tie banner to ooter.JENNY JONES CONSULTANT, AUTHOR, SPEAKER | jenny@nCONTACT



10/19


10of12

Texture and flasp net exating end mist of it snooling. Spaff forl isnt cubular but its

quastic, leam restart that cant prebast. Its tope, this fluant chasible. Silk, shast, lape

and behast the thin chack. It has larch to say fan. Why? Elesara and order is fay

then of alm. A card whint not oogum or bont. Pretty simple, glead and tarm. Texture

and flasp net exating end mist of it snooling. Spaff forl isnt cubular but quastic, leam

restart that cant prebast. Its tope, this fl uant chasible.

Silk, shast, lape and behast the thin chack. It has larch to say fan. Why? Elesara

too and order is fay of alm. A card whint not oogum or bont. Pretty simple, glead

and tarm. Texture and flasp net exating end mist of it snooling. Texture and flasp net

exating end mist of it snooling. Spaff forl isnt cubular but quastic, leam restart that

cant prebast. Its tope, this fluant chasible the thin chack. Learn more.

This e-mail was sent to [email protected], by [email protected]

Update Email Address | Unsubscribe from future e-mails | Privacy Policy.

Getting that rst joband keeping it.This months program is designed to teach

teens how to interview and introduces them

to workplace etiquette in the 21st century.

Add an e-newsletter

Does an e-newsletter accompany your Web site? Match the look!

Same look, just smallerSame typeace,

same colors, same chalkboard, same layout,

just smal ler, probably 540 to 600 pixels maxi-

mum width. And skip the bold ooter.

t t , t l

t s u th , t m r r s l r

BAmagazine.comBefore&After i XUDesign a chalkboard Web banner


11/19


11of12

Typeaces

1 Felt Tip Roman

2 ITC Bookman Light

3 Futura Extra Bold

Images

Images: iStockphoto

4 (6857727)

5 (1551201)

6 (6168770)

7 (7290470)

8 (3944500)

9 (5950186)

10 (5143219)

11 (5854264)

12 (6880981)

Article resources

Colors

C0 M0 Y0 K100

C0 M0 Y0 K98

C0 M0 Y0 K50

C29 M0 Y100 K0

13

14

15

16

13

14

15

16

4 5 76

1

2

3

8

10 11 12

9

http://new.myfonts.com/fonts/marksimonson/felt-tip-roman/http://new.myfonts.com/fonts/itc/bookman/light/http://new.myfonts.com/fonts/adobe/futura/extra-bold/http://www.istockphoto.com/file_closeup.php?id=6857727http://www.istockphoto.com/file_closeup.php?id=1551201http://www.istockphoto.com/file_closeup.php?id=6168770http://www.istockphoto.com/file_closeup.php?id=7290470http://www.istockphoto.com/file_closeup.php?id=3944500http://www.istockphoto.com/file_closeup.php?id=5950186http://www.istockphoto.com/file_closeup.php?id=5143219http://www.istockphoto.com/file_closeup.php?id=5854264http://www.istockphoto.com/file_closeup.php?id=6880981http://www.istockphoto.com/file_closeup.php?id=6880981http://www.istockphoto.com/file_closeup.php?id=5854264http://www.istockphoto.com/file_closeup.php?id=5143219http://www.istockphoto.com/file_closeup.php?id=5950186http://www.istockphoto.com/file_closeup.php?id=3944500http://www.istockphoto.com/file_closeup.php?id=7290470http://www.istockphoto.com/file_closeup.php?id=6168770http://www.istockphoto.com/file_closeup.php?id=1551201http://www.istockphoto.com/file_closeup.php?id=6857727http://new.myfonts.com/fonts/adobe/futura/extra-bold/http://new.myfonts.com/fonts/itc/bookman/light/http://new.myfonts.com/fonts/marksimonson/felt-tip-roman/


12/19

12of12 | Printing formats

Design a chalkboard Web banner 0678

12of12

Beore & Ater magazine

Beore & Ater has been sharing its practical approach

to graphic design since 1990. Because our modern world

has made designers o us all (ready or not), Beore &

Ater is dedicated to making graphic design understand-

able, useul and even un or everyone.

John McWade Publisher and creative director

Gaye McWade Associate publisher

Dexter Mark Abellera Sta designer

Beore & Ater magazine

323 Lincoln Street, Roseville, CA 95678

Telephone 916-784-3880

Fax 916-784-3995

E-mail [email protected]

www http://www.bamagazine.com

Copyright 2009 Beore & Ater magazine

ISSN 1049-0035. All rights reserved

You may pass along a ree copy o this article to others

by clicking here.You may not alter this article, and you

may not charge or it. You may quote brie sections

or review; please credit Beore & Ater magazine, and

let us know. To link Beore & Ater magazine to your

Web site, use this URL: http://www.bamagazine.com.

For all other permissions, please contact us.

Subscribe to Beore & Ater

Subscribe to Beore & Ater, and become a

more capable, confdent designer or pennies

per article. To learn more, go to

http://www.bamagazine.com/Subscribe

E-mail this articleTo pass along a ree copy o this article to

others, click here.

Join our e-list

To be notifed by e-mail o new articles as

they become available, go to

http://www.bamagazine.com/email

http://www.bamag.com/email/b9Udo0http://www.bamagazine.com/email/b9Udo0http://www.bamagazine.com/Articles.asp?ID=106http://www.bamagazine.com/Articles.asp?ID=106http://www.bamagazine.com/email/b9Udo0http://www.bamag.com/email/b9Udo0


13/19

Back | Paper-saver format

For paper-saver ormatPrint: (Speciy pages 1419)

For presentation ormatPrint: (Speciy pages 112)

Print

Format: Landscape

Page Size: Fit to Page

Save

Presentation ormat or

Paper-saver ormat

Beore & Ater is made to ft your binder

Beore & Ater articles are intended or permanent reerence. All are titled and numbered.

For the current table o contents, click here. To save time and paper, a paper-saver ormat o this article,

suitable or one- or two-sided printing, is provided on the ollowing pages.

BAmagazine.comBefore&After i XU
http://www.bamagazine.com/Articles.asp?ID=149http://www.bamagazine.com/Articles.asp?ID=149


14/19

Before&After|www.bamagazine.com

1of6

DesignachalkboardWeb

banner0678

0678DesignachalkboardWebbanner

Continued

DesignachalkboardWebbanner

0678

Design

a

chalkboard

Web

banner

NextPla

yConsultingGroupwas

created

tosupplementthepubl

ic

schools

ystembyteachingpractical

lifeskills.Withpublicschoolsoften

focusedonhelpingstudentspassstandardized

tests,NextPlaysworkshopsteachhowtoap

ply

academiclessonsto

theoutsideworldreal-life

challengeslikegettingajobandbudgetingt

hat

firstpaycheck.Itsagreatidea.

Sohowdoyouco

nveythatonaWebsite?

Howaboutbywritin

gitonabig,bold,chalk

-

board!Fasterthanyoucanadd2+2,theview

er

seesthatNextPlayisaneducationalsite,wh

at

itsaboutandwhosinvolved.Andtheboard

makesanexcellentf

ocalpoint.

Letsseewhatelsewecanlearn.

Bold,familiarand

sheevenmatchesthelogo

Evenifyouwerenappinginclass,whensomethingwentupon

theboard,youpaidattention.Thatsafocalpointthatev

eryone

understands,anditwo

rksonaWebsite,too!
http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/


15/19


2of6


banner0678


Startatthetop

Keytothesiteisafull-widthchalkboardth

attheviewerwillreadb

eforeanything

else.Handwrittentextpullstheviewerinto

thestoryandondown

thepage.

Chalkbo

ardbannerhasunusu-

allystrongassociationsbecause

everyon

esspentendlesshours

lookingatone.Itsvisualproperties

onlymakeitstrongeritsbig,bold

(blackagainstwhite),anditson

top.Inthisspace,NextPlaytellsits

storyliterallyandgraphically.Astu-

dentatthe

chalkboardconveysthe

classroo

msetting.Thewhothey

areandw

hattheydothatwould

otherwisebeburiedinthetextare

nowatthetopofthepagewhere

theylldothemostgood.

NextPlayConsultingiscommittedtothedevelo

pmentof

childrenandtheirlifeapplicationeducation

Nex

tPla

ywill

ch

an

geth

ewaychildren

are

educatedaboutlife

.

Todays

youthre

ally

are

tom

orrowsle

aders

.

Continuethethem

e...

Thechalkboardanchorseverypage,eachw

ithadifferentstudentandmessage.

Together,theyconveyastrongsenseofper

sonalityandcommunity.

S

amehandwrittentypeface

b

utsetlargertofitthespace

Quote

Image

Student

leaning

adds

dimension.

Nothing

drawsattentionlikeaface.S

milingstudentsconvey

welcome

,cordiality,interest.Besuretorep

resentyourdiversity.

Samesize.Note,topofheads

stickouttocreatedepth.

Nex

tPla

ywill

ch

an

gethew

aychildren

are

educa

tedaboutlife

.

Todays

youthre

ally

are

tom

orrowsle

aders

.

Allourdreamscancometrue,ifwehavethe

coura

getopursuethem.WaltDisney

Nex

tPla

ywill

ch

an

gethew

aychildren

are

educa

tedaboutlife

.

Todays

youthre

ally

are

tom

orrowsle

aders

.

Thewholepurposeofeducationistoturn

mirrorsintowindows.S

ydneyJ.Harris

Nex

tPla

ywill

ch

an

geth

ewaychildren

are

educatedaboutlife

.

Todays

youthre

ally

are

tom

orrowsle

aders

.

Educationislearningwhatyoudidnteven

knowyoudidntknow.DanielJ.Boorstin


16/19


3of6


banner0678


(1)Selectanima

ge,andinPhotoshopmaskoutor

otherwisedeletethe

chalkboard.YoucanremaininPhotoshopforthefollowingstepsormoveyour

cutoutimageintoInDesign.

(2)Reflecttheimageifnecessar

yandplaceitontheright.Drawa

chalk-

b

oardrectanglethewidthofyour

page,andfillitverydarkgray(abo

ut98%).

A

tthebottomdrawathinnavigatio

nbar,andfillitsolidblack.

(3)Addrealism

T

heonlyattractivechalkboardisacleanchalkboard,butfor

somerealism,youcanmessupthesurfaceslightly.W

eusedMisterRetros

(www.misterretro.c

om)MachineWashabrasivefilter,

butaneasyalternativeis

topasteinasecondphoto(above)thathasatinyam

ountofdust.

(4)Addthewordsinahandwritt

entypefaceto

fi

nishthelook.Typesetthesecondarymessage,and

c

oloritlow-keygray.Addgreentohighlightthecom-

p

anynameandbalancethedesign

(right).

NextPlayConsultingiscommittedtothedevelopmentof

childrenandtheirlifeapplicationeducation

Nex

tPla

ywill

ch

an

gethew

aychildren

are

educatedaboutlife

.

Todays

youthre

ally

are

tom

orrowsle

aders

.

Makethebanner

Chalkboardtexture

Textarea

Navigationarea

Designthebodyo

fthepage

Blog-stylethree-co

lumnpageisanefficien

torganizer;themainstoryistoldinthe

wideleftcolumn,a

ndsupportingcontentisintherighttwo.

Structure(Right)Thesiteis

divided

intosixsectionsfrombig

tosmall,prettymuchinorderof

importa

nce.Navigationbar(note

itsfile-t

abappearance,above)

andfoo

terholdpermanentlinks

andcon

tactinfo.

Continuity

(Nextpage)Withastrongheader

andsimplestructurean

chor-

ingthesite,itstimeto

addthe

details.Thesewellborrowfrom

thelogo.Becausethelogohas

morepermanentstatus

thanthe

pages,welltransferits

typefaces,

colorsandotherelementstothe

restofthesite.

Logo

H

eader

Maincontent

Secondary

content

Secondary

content

Footer

Navig

ation


17/19


4of6

DesignachalkboardWebbanner0678


Examinethelogo

Thecharacteristics

ofthelogowillgovernt

hedetailsofthesite.Fir

ststepistotake

avisualinventory.Payattentiontotypeface,color,lineandshape.

Typefa

ceFuturaExtraBoldisanAmeric

anclassic;clear,very

boldan

dsimplestrokesarestraight,andcurvesarealmost

perfect

circles.Forlogosandshorttitles,

setitverytightlythe

biggerthetighter;lettersshouldoverlapornearly.

ColorYellow-greenconveysvibrancy,

loudne

ss,warmthandyouth,allof

whichdescribethetargetaudience.

Thatsgoodstuff.Buttoomuchofit

(top,left)isnotasmartchoice,because

NextPlayandConsultingGroupnow

runtog

ether.Instead,setthedescrip-

tivelineinadarkercolor.

Anglesare

active.Whencombiningtwoletters,ideallyyouwantbothto

shareasimilaredge(top,left).Butbecauselet

tersXandThavedifferent

edges,anan

gledgapisusedtocombinethetwo.

l

Shapeschangewithdistance

(Above,left)Faraway,

FuturaExtraBoldcapsformsimplerectanglesthatstack

neatly.Upcloserevealsanenergeticinterplayofnegative

shapes(above,right),andthosecirclesareeasytosee.

NEXTPLAY

CO

NSULTINGGROUP

N

P

XT

EO

TESTIMO

Angles

Anglesareusedforback-

groundlines,n

avigationbar

andfooter.G

radientback-

groundhasfabric-liketexture

thataddsdepth

andradiance

tothewhitepage.Light

opacitysoftensthelook.

Typeface

Navigationtitlesandsub-

headsaresetin

FuturaExtra

Boldandc

oloredgreen.

Color

Navigationallinks,he

adlines,

subheadsandgradie

ntback-

groundallusethelogosgreen,

ortintsofit.Notethelinks

arestandardblueun

derlines,

whichyieldsthreebenefits:

Theyreinstantlyfam

iliar,they

standapartfromthe

subheads,

andtheycoolthepage.

Circlesandrectan

gles

Nearly-perfect-circle

shapes

ofFuturaExtraBoldare

mimickedinrounded

corners,

whichalsoaddasch

oolroom

softness.Below,rect

angular

constructiontiestothelogo.

TES

CT

Applylogoelementstothepage...

thyTremb

hGradeTe

mentary

REFERENCELETTERS

ABOUTUS


18/19


5of6


0678Designachalkb

oardWebbanner

ABOUT

US

PROGRAMS

TESTIMONIALS

RESO

UR

.

.

.anddontforge

tthefooter

Thehumblefooter

containskeycontactinformationandcanserve

asavisualbase.

Treatitlikeeveryotherdesignelement.

Repeatthe

navigationbar

Sameheight

,samecolor,sameangledlinessu

stainthelook.

Filltodefin

eapermanenttab

Two-tonegre

enmimicksthelight-darkradianc

eofthesite.

Addthewords

CONTACTis

setinFuturaExtraBold.JennyJon

esingreencatchesyoureyedue

toitscolorrelationshipwiththegreentab.The

remainingtypeiswhite.

123

Willitfalloff?Highc

ontrast

betweendarkbannera

ndlight

contentarearesultsin

amild

disconnect.Contentareahas

nosolidbasetositon

.

GrounditDarkfooter

becomesabase,hold

ingthe

pagetogether.Visual

similari-

tiestiebannertofooter.

JENNYJONESCON

SULTANT,AUTHOR,SPEAKER|jenn

y@n

CONTAC

T

Textureandflaspnetexatingendmistofitsnooling.Spaffforlisntcubularbutits

quastic,leamrestartthatcantprebast.Itstope,thisfluantchasible.Silk,shast,lape

andbehastthethinchack.Itha

slarchtosayfan.Why?Elesaraandorderis

fay

thenofalm.Acardwhintnotoogumorbont.Prettysimple,gleadandtarm.T

exture

andflaspnetexatingendmistofitsnooling.Spaffforlisntcubularbutquastic,leam

restartthatcantprebast.Itstop

e,thisfluantchasible.

Silk,shast,lapeandbehastthethinchack.Ithaslarchtosayfan.Why?Eles

ara

tooandorderisfayofalm.Acar

dwhintnotoogumorbont.Prettysimple,gle

ad

andtarm.Textureandflaspnetexatingendmistofitsnooling.Textureandflaspnet

exatingendmistofitsnooling.S

paffforlisntcubularbutquastic,leamrestartthat

cantprebast.Itstope,thisfluan

tchasiblethethinchack.Learnmore.

[email protected],[email protected]

UpdateEmailAddress|Unsubscribefromfuturee-mails|PrivacyPolicy.

Gettingthatfirstjob

andkeepin

git.

Thism

on

ths

pro

gramis

designe

dtoteach

teen

sh

ow

toin

terview

an

din

troducesthem

tow

ork

pla

ceetiquettein

the21

stcen

tury

.

Addane-newsletter

Doesane-newsletteraccompanyyourWeb

site?Matchthelook!

Samelook,jus

tsmallerSametypeface,

samecolors,sam

echalkboard,samelayout,

justsmaller,probably540to600pixelsmaxi-

mumwidth.And

skiptheboldfooter.

,

rr

l

r

t

ysy

t,t

rr

sl

r


19/19


6of6


0678Designachalkb

oardWebbanner

Before&Aftermagazine

Before&Afterhasbee

nsharingitspracticalapproach

tographicdesignsince1990.Becauseourmodernworld

hasmadedesignersofusall(readyornot),Before&

Afterisdedicatedtom

akinggraphicdesignunderstand

-

able,usefulandevenfunforeveryone.

JohnMcWadePublis

herandcreativedirector

GayeMcWadeAssoc

iatepublisher

DexterMarkAbelle

raStaffdesigner

Before&Aftermagazine

323LincolnStreet,Roseville,CA95678

Telephone916-784-3880

Fax916-784-3995

E-mailmailbox@bama

gazine.com

wwwhttp://www.bam

agazine.com

Copyright2009Be

fore&Aftermagazine

ISSN1049-0035.Allrightsreserved

Youmaypassalongafreecopyofthisarticletoothers

byclickinghere.Youm

aynotalterthisarticle,andyou

maynotchargeforit.Youmayquotebriefsections

forreview;pleasecreditBefore&Aftermagazine,and

letusknow.TolinkBe

fore&Aftermagazinetoyour

Website,usethisURL:http://www.bamagazine.com.

Forallotherpermissio

ns,pleasecontactus.

SubscribetoBefore

&After

SubscribetoBefore&A

fter,andbecomea

morecapable,confidentdesignerforpennies

perarticle.Tolearnmo

re,goto

http://www.bamagazine.com/Subscribe

E-mailthisarticle

Topassalongafreecopyofthisarticleto

others,clickhere.

Joinoure-list

Tobenotifiedbye-mailofnewarticlesas

theybecomeavailable,goto

http://www.bamagazine.com/email

Typ

efaces

1FeltTipRoman

2IT

CBookmanLight

3FuturaExtraBold

Images

Ima

ges:iStockphoto

4(6

857727)

5(1

551201)

6(6

168770)

7(7

290470)

8(3

944500)

9(5

950186)

10(5143219)

11(5854264)

12(6880981)

Articleresources

Colors

C0M0Y0K100

C0M0Y0K98

C0M0Y0K50

C29M0Y100K0

13

14

15

16

13

14

15

16

4

5

7

6

123

8

10

11

12

9

Before and After 0678

Documents

Transcript of Before and After 0678