Download - 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
-
7/29/2019 Before and After 0621
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
-
7/29/2019 Before and After 0621
3/15
Before&After XiBAmagazine.com U
3of9
One-line design 3of 9
One-line design 0621
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
-
7/29/2019 Before and After 0621
4/15
Before&After XiBAmagazine.com U
4of9
One-line design 4of 9
One-line design 0621
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
-
7/29/2019 Before and After 0621
5/15
Before&After XiBAmagazine.com U
5of9
One-line design 5of 9
One-line design 0621
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
-
7/29/2019 Before and After 0621
6/15
Before&After XiBAmagazine.com U
6of9
One-line design 6of 9
One-line design 0621
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/29/2019 Before and After 0621
7/15
Before&After XiBAmagazine.com U
7of9
One-line design 7of 9
One-line design 0621
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
-
7/29/2019 Before and After 0621
8/15
Before&After XiBAmagazine.com U
8of9
One-line design 8of 9
One-line design 0621
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
-
7/29/2019 Before and After 0621
9/15
Before&After
9of9 | Printing formats
XiBAmagazine.com U
One-line design 0621
One-line design 9of 9
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
-
7/29/2019 Before and After 0621
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
-
7/29/2019 Before and After 0621
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
-
7/29/2019 Before and After 0621
12/15
Before&After|www.bamagazine.com
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
-
7/29/2019 Before and After 0621
13/15
Before&After|www.bamagazine.com
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
-
7/29/2019 Before and After 0621
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
-
7/29/2019 Before and After 0621
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