before and after 0621

7/29/2019 Before and After 0621

1/15

Before&After

Continued

XiBAmagazine.com U

One-line design 0621

LineOne-

Design

Continued


2/15

Before&After XiBAmagazine.com U

2of9 One-line design 0621

One-line designIt can look classy, it can look festive, and its always inexpensive. Hereare nine easy ways to make good designs with just a line.

Simple, low key, effectiveA credit-card-size rectangle is all it

takes to convey exactly whats inside

(if you miss it, the word cardbacks

it up). Black card color extends to fill

the cover powerfully.

THE BANANA REPUBLIC CARD

AUTHORIZED SIGNATURE - NOT VALID UNLESS SIGNED

By using this card, the holder agrees to all terms and/or agreement

under which it was issued or as may be amended from time to time.

To protect your account, do not write your Personal Identification

Number (PIN) on this card. This card belongs to the issuing institution

and must be surrendered upon demand.

There you are, shopping again atBanana Republic, when beside

the cash register this credit-card

application catches your eye. How

did it do it?its basically just a

black page. Its strength is in its

simplicityone powerful color,

one line of text, one familiar shape.

Thats all it takes; anything more

photos, graphics, borders and

so onwould weaken it. Whats

nice for the designer is that this

technique is so easy. Have a look.

THE BANANA REPUBLIC CARD


3/15


3of9

One-line design 3of 9


Use a dingbat Not handy with the pen tool?

Dingbat fonts are full of interesting images; just

convert to outlines, and adjust the line weight.

2

Value difference createsdepth (Right) On a dark

field, the lightest object will

always come forward even

when its smaller in size,

(lower right).

Emphasize leaf or name(Above) On a middle-value

background like the green,

both white and black type

show equally well; the

leaf, with reduced opacity,

recedes. (Right) Translucent

name recedes; white leaf

comes forward.

Start by tracing Many images can be traced with the pen

tool; all you need is a clear outline, which youll find in

stand-alone objects (above) or as part of larger images.

1

Gladstone Parks Department

P.O. Box 16819, 5510 N. Holmes, Gladstone, MO 64188, 816-123-4567

MAPLE WOODS NATURAL AREA


4/15


4of9



Use letterforms as art Letters can do more than just make

wordsat large sizes, they can be used as artwork. Find a

beautiful typeface, set it BIG, and convert to outlines.

WINE & ROSES

WINE & ROSES

Trace part of an image When working with a more

detailed image, find its most descriptive edge; here,

its the skyline. The line technique is a great way to

get value from blurry or otherwise unusable photos.

4

Draw a single line(Above) A single line sends

a clear message; trac-

ing the other lines (right)

adds complexity and turns

design into a mere effect.

3

Eliminate conflictTo keep overlapping lines

from clashing (right, top),

reduce the opacity of the

less detailed one, in this

case the outline (bottom).

WR


5/15


5of9



Crop for clarity Becausethe one-line technique elim-

inates details such as color

and texture, concentrate

on contours. In this simple

example (right), its the

curve that tells the reader

this is an arch.

Crop an image Its not necessary to show a whole image to

convey what it is, especially if its an iconic shape like Gate-

way Arch in St. Louis. Examine your image, determine its

most descriptive line, and crop out the rest.

Create distance (A)Same-size and value objects haveno depth. (B) Shrink one, and it appers to be further away.

(C) Reduce its opacity, and it recedes even further.

65

A B C

Christmas Party

Repeat an object Get more out of your image by

repeating it several times. Create difference and

depth by rotating, changing size, or applying a

unique color to each.

SIGHTSEEING | FINE RESTAURANTS | LIVELY NIGHT LIFE | FAMILY ACTIVITIES


6/15


6of9



Lighting angle is keyThe key in determining the ideal

shadow is when it becomes very

descriptive. Note, right, how

the light source from 45 above

describes the H better than

straight from the side.

Exaggerate the lineBoth silhouettes (right) say

pepper.However, to con-

vey the feeling of what its

like to eat one of these, a

more animated, jagged line

is an appropriate choice.

Hot & excitedMild & calm

Draw only the shadow side Another way to convey

dimension is to outline only an objects shadow, which

creates the illusion of light.

Embellish a line Every line, whether fat or thin, curved

or jagged, communicates a feeling. Here, exaggerate the

smooth line to conveyhotnessandexcitement.87


7/15


7of9



Typefaces

1 Centaur MT | 12 pt

2 (ab) Vectora Roman | a) 9 pt

b) 8.5 pt

3 Baileywick Happy Grams | 82 pt

4 Avenir Medium | 6.5 pt

5 Bickham Script MM | 30 pt

6 Adobe Jenson Light | 202 pt

7 (ab) Adobe Jenson Semi Bold

a) 16 pt, b) 9.5 pt

8 Adobe Wood Type Ornaments 1 | 22 pt

9 Coronet Bold | 13 pt

10 Broadway D | 11 pt

Images

11 Photos.com

12 iStockphoto.com

Article resources

Colors

C30 M15 Y100 K60

C30 M15 Y100 K40

C30 M15 Y100 K5

C0 M0 Y0 K100

C0 M0 Y0 K22

C15 M80 Y0 K5

C30 M20 Y50 K0

C25 M90 Y95 K25

C0 M35 Y100 K7

13

14

15

16

17

19

20

21

Gladstone Parks Department

P.O.Box 16819,5510 N.Holmes, Gladstone,MO 64188,816-123-4567

MAPLE WOODS NATURAL AREA

13 14 15 1 16 4

20 21 9 12

2a 2b 5

10

18

SAN LUIS OBISPOS MOST ROMANTIC LOCATION

WINE & ROSES

18 19 7a 8 7b 6

1711

3


8/15


8of9



Typefaces

1 Futura Medium | 10.5 pt

2 Aldous Vertical | 48/18 pt

3 Verdana | 8.5 pt

4 Vectora Bold | 14 pt

5 Atlas | 26 pt

6 ITC Zapf Dingbats Medium (Set in

various sizes and tints)

7 (ab) Salsa | a)28 pt, b) 16 pt

8 (ab) ITC Franklin Gothic Heavy

a) 9 pt, b) 11 pt

9 ITC Franklin Gothic Medium | 5.5/10 pt

10 Texas Hero | 148 pt

11 (ac) Baskerville | a) 16 pt

b) 17.5/9 pt, c) 17.5 pt

Images

12 (af) iStockphoto.com | a b c d

e f

Article resources

Colors

C70 M38 Y5 K12

C3 M3 Y40 K0

C0 M0 Y0 K60

C0 M100 Y80 K15

C65 M40 Y0 K0

C50 M0 Y90 K20

C0 M100 Y100 K0

C0 M65 Y100 K0

C0 M30 Y90 K0

C25 M80 Y95 K45

C0 M20 Y30 K60

C40 M35 Y65 K25

C0 M20 Y32 K58

C1 M2 Y3 K0

13

14

15

16

17

19

20

21

22

23

24

25

16

17

18

4

5

26

19 20 21

12e

13

14

15

12f

18

THE SIMPLE LIVING SERI ES

KitchenBy Angela Payne

Milk please! A comprehensive guide to over 200 hot sauce reci-

pes around the world, with detailed profiles and heat levels, plus

funny stories about the makers.

HOTSAUCERECIPES

BY MARIBELA GONZALES

7a 8a 8b 9 7b 1 0 1 1a 11b 11c

22

23

24

25

26

SIGHTSEEING | FINE RESTAURANTS | LIVELY NIGHT LIFE | FAMILY ACTIVITIES

Christmas Party

12a

6

12b 12c 12d

2

1

3


9/15

Before&After

9of9 | Printing formats

XiBAmagazine.com U



Before & After magazine

Before & After has been sharing its practical approach

to graphic design since 1990. Because our modern world

has made designers of us all (ready or not), Before &

After is dedicated to making graphic design understand-

able, useful and even fun for everyone.

John McWade Publisher and creative director

Gaye McWade Associate publisher

Vincent Pascual Staff designer

Dexter Mark Abellera Staff designer

Design advisor Gwen Amos

Before & After 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 2005 Before & After magazine, ISSN

1049-0035. All rights reserved

You may pass this article around, but you may not alter

it, and you may not charge for it. You may quote brief

sections for review. If you do this, please credit Before

& After magazine, and let us know. To feature free

Before & After articles on your Web site, please contact

us. For permission to include all or part of this article in

another work, please contact us.

Subscribe to Before & After

Did you learn from this article? Subscribe, and

become a more capable, confident designer

for pennies per article. To learn more, go to

http://www.bamagazine.com/Subscribe

E-mail this articleTo pass along a free copy of this article to

others, click here.

Join our e-list

To be notified by e-mail of new articles as

they become available, go to

http://www.bamagazine.com/email


10/15

Before&After

Back | Paper-saver format

XiBAmagazine.com U

For paper-saver formatPrint: (Specify pages 1115)

For presentation formatPrint: (Specify pages 19)

Before & After is made to fit your binder

Before & After articles are intended for permanent reference. All are titled and numbered.

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

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

Print

Format: Landscape

Page Size: Fit to Page

Save

Presentation format or

Paper-saver format


11/15

Before&After|www.bamagazine.com

1of5

One-lined

esign0621

0621One-linedesign Lin

eOne-

De

sign

Simple,lowkey,effective

Acredit-card-sizerectangleisallit

takestoconveyexactlywhatsins

ide

(ifyoumissit,thewordcardbacks

itup).Blackcardcolorextendsto

fill

thecoverpowerfully.

THEBAN

ANAREPUBLICCARD

AUTHORIZEDSIGNATURE

-NOTVALIDUNLESSSIGNED

Byusing

thiscard,theholderagreestoalltermsand/oragreement

underwhichitwasissued

orasmaybeamendedfromtimetotime.

To

protectyouraccount,do

notwrite

yourPersonalIdentification

Number(PIN)onthiscard.Thiscardbelongstotheissuinginstitution

andmustbesurrenderedupondemand.

The

reyouare,shoppin

gagainat

Ban

anaRepublic,whenbeside

the

cashregisterthiscredit-card

app

licationcatchesyoureye

.How

did

itdoit?itsbasically

justa

blac

kpage.Itsstrengthisin

its

sim

plicityonepowerfulco

lor,

one

lineoftext,onefamiliar

shape.

Tha

tsallittakes;an

ythin

gm

ore

pho

tos,graphics,bordersan

d

soo

nwouldweakenit.Wh

ats

nice

forthedesigneristhatthis

tech

niqueissoeasy.Havealook.

THEBANANAREPUBLICCARD


12/15


2of5

One-lined

esign0621

0621One-linedesi

gn

UseadingbatNothand

ywiththepentool?

Dingbatfontsarefullof

interestingimages;just

converttooutlines,and

adjustthelineweight.

2Valuedifferencecreates

depth(Right)Onadark

field,thelightestobjectwill

alwayscomeforwardeven

whenitssmallerinsize,

(lowerright).

Em

phasizeleaforname

(Above)Onamiddle-value

bac

kgroundlikethegreen,

bothwhiteandblacktype

sho

wequallywell;the

leaf,withreducedopacity,

recedes.(Right)Translucent

nam

erecedes;whiteleaf

com

esforward.

StartbytracingManyimagescan

betracedwiththepen

tool;allyouneedisaclearoutline,whichyoullfindin

sta

nd-aloneobjects(above)oras

partoflargerimages.

1

GladstoneParksDepartment

P.O.Box168

19,5510N.Holmes,Gladstone,MO64188,816-123-4567

MAPLEWOODSNATURALAREA

UseletterformsasartLetterscandomorethanjustmake

wo

rdsatlargesizes,theycanbeusedasartwork.Finda

beautifultypeface,setitBIG,and

converttooutlines.

W

INE&ROSES

W

INE&ROSES

TracepartofanimageWhenworkingwithamore

detailedimage,finditsmostdescriptiveedge;here,

itstheskyline.Theline

techniqueisagreatwayto

getvaluefromblurryor

otherwiseunusablephotos.

4Drawasingleline

(Above)Asinglelinesends

aclearmessage;trac-

ingtheotherlines(right)

addscomplexityandturns

designintoamereeffect.

3Eliminateconflict

Tok

eepoverlappinglines

from

clashing(right,top),

reducetheopacityofthe

less

detailedone,inthis

casetheoutline(bottom).

WR


13/15


3of5

One-lined

esign0621

0621One-linedesign

CropforclarityBecause

the

one-linetechniqueelim-

inatesdetailssuchascolor

and

texture,concentrate

oncontours.Inthissimple

exa

mple(right),itsthe

curvethattellsthereader

this

isanarch.

CropanimageItsnotnecessary

toshowawholeimageto

conveywhatitis,especiallyifits

aniconicshapelikeGate-

wa

yArchinSt.Louis.Examineyo

urimage,determineits

mo

stdescriptiveline,andcropou

ttherest.

Createdistance(A)Same

-sizeandvalueobjectshave

nodepth.(B)Shrinkone,anditapperstobefurtheraway.

(C)Reduceitsopacity,anditrecedesevenfurther.

6

5

A

B

C

Chri st m

as

P ar

t y

RepeatanobjectGetmoreoutofyourimageby

repeatingitseveraltimes.Createdifferenceand

depthbyrotating,changingsize,orapplyinga

uniquecolortoeach.

SIGHTSEEING|

FINE

RESTAURANTS

|LIVELY

NIGHTLIFE

|

FAMILY

ACTIVITIES

Lightingangleiskey

Thekeyindeterminingthei

deal

shadowiswhenitbecomes

very

descriptive.Note,right,how

thelightsourcefrom45ab

ove

describestheHbetterthan

straightfromtheside.

Exaggeratetheline

Bot

hsilhouettes(right)say

pepper.However,tocon-

vey

thefeelingofwhatits

like

toeatoneofthese,a

moreanimated,jaggedline

isa

nappropriatechoice.

Hot&excited

Mild

&calm

Draw

onlytheshadow

s

ideAnotherwaytoconvey

dimensionistooutlineonlyanobjectsshadow,which

createstheillusionoflight.

Em

bellishalineEveryline,wheth

erfatorthin,curved

orjagged,communicatesafeeling.Here,exaggeratethe

sm

oothlinetoconveyhotnessan

dexcitement.

8

7


14/15

Before&After|www.ba

magazine.com

4of5

One-linedesign0621

0621One-linedesign

Typefaces

1C

entaurMT|12pt

2(ab)VectoraRoman|a)9pt

b

)8.5pt

3B

aileywickHappyGrams|82pt

4A

venirMedium|6.5pt

5B

ickhamScriptMM|30pt

6A

dobeJensonLight|202pt

7(ab)AdobeJensonSemiBold

a

)16pt,b)9.5pt

8A

dobeWoodTypeOrnaments1|22pt

9C

oronetBold|13pt

10BroadwayD

|11pt

Im

ages

11Photos.com

12iStockphoto.com

Articleresources

Colors

C30M15Y100K60

C30M15Y100K40

C30M15Y100K5

C0M0Y0K100

C0M0Y0K22

C15M80Y0K5

C30M20Y50K0

C25M90Y95K25

C0M35Y100K7

13

14

15

16

17

19

20

21

GladstoneParksDepartment

P.O.Box16819,5510N.Holmes,Gladstone,MO64188,816-123-4567

MAPLEWOODSNATURALAREA

13

14

15

1

16

4

20

21

9

12

2a

2b

5

10

18

SANLUISO

BISPOSMOSTROMANTICLOCATION

W

INE&ROSES

18

19

7a

8

7b

6

17

11

3

Typefaces

1FuturaMedium|10.5pt

2A

ldousVertical|48/18pt

3V

erdana|8.5pt

4V

ectoraBold|14pt

5A

tlas|26pt

6IT

CZapfDingbatsMedium(Setin

varioussizesandtints)

7(ab)Salsa|a)28pt,b)16pt

8(ab)ITCFranklinGothicHeavy

a

)9pt,b)11pt

9IT

CFranklinGothicMedium|5.5/10pt

10TexasHero|148pt

11

(ac)Baskerville|a)16pt

b

)17.5/9pt,c)17.5pt

Im

ages

12

(af)iStockphoto.com|

a

b

c

d

e

f

Articleresources

Colors

C70M38Y5K12

C3M3Y40K0

C0M0Y0K60

C0M100Y80K15

C65M40Y0K0

C50M0Y90K20

C0M100Y100K0

C0M65Y100K0

C0M30Y90K0

C25M80Y95K45

C0M20Y30K60

C40M35Y65K25

C0M20Y32K58

C1M2Y3K0

13

14

15

16

17

19

20

21

22

23

24

25

16

17

18 45

26

19

20

21

12e

13

14

15

12f

18

THESIMPLELIVING

SERIES

Kitchen

ByAngelaPayne

Milkplease!Acomprehensiveguidetoover200hotsaucereci-

pes

aroundtheworld,withdetailedprofilesandheatlevels,plus

funnystoriesaboutthemakers.

HOTS AUCE

RECIPES

BY

MARIBELA

GONZALES

7a

8a

8b

9

7b

10

11a

11b

11c

22

23

24

25

26

SIGHTSEEING

|

FINE

RESTAURANTS

|LIVELYNIGHTLIFE

|

FAMILYACTIVITIES

Chr i s t m

a s

Pa r t y

12a

6

12b

12c

12d

2 13


15/15

Before&After|www.ba

magazine.com

5of5

One-linedesign0621

0621One-linedesign

Before&Aftermaga

zine

Before&Afterhasbeensharingitspracticalapproach

tographicdesignsince

1990.Becauseourmodernworld

hasmadedesignersof

usall(readyornot),Before&

Afterisdedicatedtomakinggraphicdesignunderstand-

able,usefulandevenfu

nforeveryone.

JohnMcWadePublish

erandcreativedirector

GayeMcWadeAssociatepublisher

VincentPascualStaffdesigner

DexterMarkAbeller

aStaffdesigner

DesignadvisorGwenAmos

Before&Aftermaga

zine

323LincolnStreet,Roseville,CA95678

Telephone916-784-3880

Fax916-784-3995

E-mailmailbox@bamag

azine.com

wwwhttp://www.bamagazine.com

Copyright2005Before&Aftermagazine,ISSN

1049-0035.Allrights

reserved

Youmaypassthisarticlearound,butyoumaynotalter

it,andyoumaynotcha

rgeforit.Youmayquotebrief

sectionsforreview.Ifyoudothis,pleasecreditBefore

&Aftermagazine,andletusknow.Tofeaturefree

Before&AfterarticlesonyourWebsite,pleasecontact

us.Forpermissiontoin

cludeallorpartofthisarticlein

anotherwork,pleasecontactus.

SubscribetoBefore&After

Did

youlearnfromthisarticle?Subscribe,and

becomeamorecapab

le,confidentdesigner

for

penniesperarticle

.Tolearnmore,goto

http://www.bamagazine.com/Subscribe

E-mailthisarticle

Topassalon

gafreeco

pyofthisarticleto

others,clickhere.

Joinoure-list

Tobenotifiedbye-mailofnewarticlesas

theybecomeavailable,goto

http://www.bamagazine.com/email

before and after 0621

Documents