before and after 0601
TRANSCRIPT
-
7/29/2019 Before and After 0601
1/13
Before&After XiBAmagazine.com U
Continued Squeeze play 0601
Continued
-
7/29/2019 Before and After 0601
2/13
Squeeze play 0601 2of 8
Before&After XiBAmagazine.com U
New Web Technology
INSIDE THIS ISSUE 2 Your fnancial calculator 3 Knowing all the risks 4 Focus on the long term
Information at your ngertips
Texture and asp net exating end mist of it snooling. Spaff forl isnt
cubular but quastic, leam restart that cant prebast. Its tope, this uant
chasible. Silk, shast, lape and behast the thin chack. It has larch to say
fan. Why? Elesara order is fay of alm. A card whint not oogum or bont.
Pretty simple, glead and tarm, but not what thast an for dramp.
Good investment news
Texture and asp net exating end mist of it snooling. Spaff forl isnt
cubular but quastic, leam restart that cant prebast. Its tope, this
uant chasible. Silk, shast, lape and behast the thin chack. It has
larch to say fan. Why? Elesara and order is fay of alm. A card whint
not oogum or bont. Pretty simple, glead and tarm. Texture and asp
Texture and asp net exating to endmist of it snooling. Spaff forl isntcubular but quastic.
RETIREMENTSERVICESVOLUME 2 | NUMBER 5 | SPRING 2005
Squeeze playHow to ft a photo into a very skinny space
Skinny spaces are everywhereWeb banners, newsletter nameplates, single-column ads
but photos come from our cameras in fat, 6 x 4 proportions, same as always. How do you
get the two together? Here are three techniques.
Newsletter nameplate
?
-
7/29/2019 Before and After 0601
3/13
Before&After Squeeze play 3of 8
Squeeze play 0601 3of 8
XiBAmagazine.com U
1. Use a power slice
If your photo is as wide as the space, try extreme cropping. Youll be amazed at howlittle of an image is needed to convey the essence of the photo.
Our eyes process visual data so fastthat a
mere sliver is all it takes to convey . . .
Their age
Their sex
Their hair
Their clothes,
Their mood
Their relationsip
Thats everything we need!
New Web Technology
RETIREMENTSERVICESVOLUME 2 | NUMBER5 | SPRING 2005
INSIDE THIS ISSUE 2 Yourfnancial calculator 3 Knowing all the risks 4 Focus on the long term
Informationat yourngertips
Textureandasp net exatingend mist ofit snooling. Spaffforl isnt
cubularbut quastic, leam restart that cant prebast. Itstope, this uant
chasible. Silk, shast, lapeand behast thethin chack. It haslarch to say
fan. Why?Elesara orderis fay ofalm. A cardwhint not oogumorbont.
Pretty simple, gleadand tarm, but not what thast anfor dramp.
Good investment news
Textureandasp net exatingend mist ofit snooling. Spaffforl isnt
cubularbut quastic, leam restart that cant prebast. Itstope, this
uant chasible. Silk, shast, lapeand behast thethin chack. It has
larch to say fan. Why?Elesara andorderis fay ofalm. A cardwhint
not oogumorbont. Pretty simple, gleadand tarm. Textureand asp
Texture and asp net exating to endmist of it snooling. Spaff forl isntcubular but quastic.
Zero in on a focal point, crop, and apply the image. The surprise is that the
tighter you crop, the stronger your image becomes.
-
7/29/2019 Before and After 0601
4/13
Before&After Squeeze play 4of 8
Squeeze play 0601 4of 8
XiBAmagazine.com U
Welcome Travel & Accommodations Film & Event Guide Sponsors Contact
Salem Halloween Film Festival
By lling the background,
the empty expanse now
draws all eyes to the pump-
kin like the spotlight to a
stage actor.
2. Fill
3. Add type
Heres a case where analready cropped image has
no chance of lling the
space and in a small rect-
angle has nopresence.
2. Fill a background
Opposite the power slice is when theres not enough image. If its background issolid or a regular pattern, just sample or clone it, and ll the space.
Web banner
1. Sample
Appropriately spooky but
low-key type coexists beau-
tifully with the bold globe
the pumpkin haspower; the
type hasspace.
-
7/29/2019 Before and After 0601
5/13
Before&After Squeeze play 5of 8
Squeeze play 0601 5of 8
XiBAmagazine.com U
3. Double up
When one image isnt enough, use two. Two images can work separately or together.Start by cropping the portion that will most clearly convey the message.
Bookmark
The title for our bookmark design will be Read a book: A
pathway to imagination. To convey that message, we need to
place these two images together on a narrow vertical format.
When we have a complex
image without any solid areas
to clone, we can do two things:
Vertical power slice
Its remarkable how much can be
conveyed by how little. This slice
is a mere one-sixth the original,
yet its clearly a pathway in thewoods. Its too big, though; theres
no room for anything else, so . . .
Fill halfway
Filling only the upper half of the
bookmark allows us to see more of
the pathway while providing plenty
of room for text beneath.
1
2
1 2
-
7/29/2019 Before and After 0601
6/13
Before&After Squeeze play 6of 8
Squeeze play 0601 6of 8
XiBAmagazine.com U
Applying the second image (the stack of books) and text can create contrast of style,color and texture; it can hide a seam, and it can send a second message.
Separate
Dark-light opposites attract.
The dense woods are attrac-
tive, and the book on the spare,
white eld is attractive. This is
the message expressed with
contrasts.
Overlapped
To reduce the high contrast
between halves, the white
background has been changed
to path color. Placing the book
on the seam minimizes the
transition and pulls the twoimages together. Its a rich look,
somewhat busy in this case.
Blended
Fading the pathway to white
is a lovely way to integrate
the whole bookmark. The two
images now work as one.
(owner)
A pathwayto imagination
Read a book
A pathwayto imagination
Read a bookHeritage School
A pathwayto imagination
Read a bookHeritage School
(owner) (owner)
1
2
3
1 2 3
-
7/29/2019 Before and After 0601
7/13
Before&After Squeeze play 7of 8
Squeeze play 0601 7of 8
XiBAmagazine.com U
Article resources
Colors
C5 M5 Y50 K0
C50 M55 Y65 K30
C17 M30 Y55 K20
C10 M85 Y95 K15
C0 M35 Y85 K0
C0 M50 Y80 K45
11
12
15
16
Typefaces
1 Copperplate Gothic Bold | 32/27 pt
2 Univers 55 Roman | 9 pt
3 Univers 75 Black | 9 pt
4 Utopia Black | 27 pt
5 Utopia Bold | 5/6.7 pt
6 Utopia Regular | 5/6.7 pt
7 (ac) Helvetica Rounded
Bold Condensed | a) 10/12 pt,
b) 13.5/16 pt, c) 7/8 pt
8 Texas Hero Regular | 23/28 pt
9 Trade Gothic Bold | 8/9.5 pt
Images
10 (ae) Photos.com | a b c d e
New Web Technology
RETIREMENTSERVICESVOLUME 2 | NUMBER 5 | SPRIN G 2005
INSIDE THIS ISSUE 2 Your fnancial calculator 3 Knowing all the risks 4 Focus on the long term
Informationat yourngertips
Texture and asp net exating end mist of it snooling. Spaff forl isnt
cubular but quastic, leam restart that cant prebast. Its tope, this uant
chasible. Silk, shast, lape and behast the thin chack. It has larch to say
fan. Why? Elesara order is fay of alm. A card whint not oogum or bont.
Pretty simple, glead and tarm, but not what thast an for dramp.
Good investment news
Texture and asp net exating end mist of it snooling. Spaff forl isnt
cubular but quastic, leam restart that cant prebast. Its tope, this
uant chasible. Silk, shast, lape and behast the thin chack. It has
larch to say fan. Why? Elesara and order is fay of alm. A card whint
not oogum or bont. Pretty simple, glead and tarm. Texture and asp
Texture and asp net exating to end
mist of it snooling. Spaff forl isnt
cubular but quastic. (owner)
A pathwayto imagination
Read a book
10c
7a
14
13
7b
7c
10d
8
9
14
13
1
2
3
54
6
10a
10b
15
16
11
12
10e
Welcome Travel & Accommodations Film & Event Guide Sponsors Contact
Salem Halloween Film Festival
-
7/29/2019 Before and After 0601
8/13
Before&After
8of 8 | Printing formats
Squeeze play 8of 8
Squeeze play 0601
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
Editorial board Gwen Amos, Carl Winther
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 enjoy this article? Subscribe, and
become a more capable, condent 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 notied by e-mail of new articles as
they become available, go to
http://www.bamagazine.com/email
-
7/29/2019 Before and After 0601
9/13
Back | Paper-saver format
Before&After XiBAmagazine.com U
For paper-saver formatPrint: (Specify pages 1013)
For presentation formatPrint: (Specify pages 18)
Before & After is made to t 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 0601
10/13
Before&After|www.bamagazine.com
1of4
Squee
zeplay0601
0601Squeezeplay
NewWebTechnology
INSIDETHISISSUE
2Yourfnancialcalcu
lator
3Knowingalltherisks
4Focusonthelongterm
Informationatyourngertips
Textureandaspnetexatingendmistofitsnoo
ling.Spaffforlisnt
cubularbutquastic,leamrestartthatcantprebast.Itstope,thisuant
chasible.Silk,shast,lapeandbehastthethinch
ack.Ithaslarchto
sayfan.Why?Elesaraorderisfayofalm.Acard
whintnotoogumor
bont.Prettysimple,gleadandtarm,butnotwh
atthastanfordramp.
Goodinvestmentnews
Textureandaspnetexatingendmistofitsnoo
ling.Spaffforlisnt
cubularbutquastic,leamrestartthatcantpreb
ast.Itstope,this
uantchasible.Silk,shast,lapeandbehastthethinchack.Ithas
larchtosayfan.Why?Elesaraandorderisfayofalm.Acardwhint
notoogumorbont.Prettysimple,gleadandtar
m.Textureand
Textureandaspnetexatingtoend
mistofitsnooling.Spaffforlisnt
cubularbutquastic.
RETIREMEN
T
SERVICES
VOLUME2
|NUMBER5
|SPRING2005
Skinnyspacesaree
verywhereWebbanne
rs,newsletternameplat
es,single-columnads
butphotoscomefromourcamerasinfat,6
x4proportions,sameasalways.Howdoyou
getthetwotogethe
r?Herearethreetechniques.
Newsletternameplate
?
-
7/29/2019 Before and After 0601
11/13
Before&After|www.bamagazine.com
2of4
Squee
zeplay0601
0601Squeezeplay
1.Useapowersl
ice
Ifyourphotoisaswideasthespace,tryex
tremecropping.Youllb
eamazedathow
littleofanimageisneededtoconveythee
ssenceofthephoto.
Oureyesprocessvisual
datasofastthata
meresliverisallittakestoconvey...
Theirage
Theirsex
Theirhair
Theirclothes,
Theirmood
Theirrelationsip
Thatseverythingwene
ed!
Ne
wWebTechnology
RETIREMENT
SERVICES
VOLUME2
|NUMBER5|SPRING2005
INSIDETH
ISISSUE
2Yourfnancialcalculator
3Knowingalltherisks
4Focusonthe
longterm
Informationatyourngertips
Texturea
ndaspnetexatingendmistofitsnooling.Spaffforlisnt
cubularb
utquastic,leamrestartthatcantprebast.Itstope,thisuant
chasible.
Silk,shast,lapeandbehastthethinchack.Ithaslarchto
sayfan.Why?Elesaraorderisfayofalm.Acardwhintnotoogumor
bont.Pre
ttysimple,gleadandtarm,butnotwhatthastanfordramp.
Goodinv
estmentnews
Texturea
ndaspnetexatingendmistofitsnooling.Spaffforlisnt
cubularb
utquastic,leamrestartthatcantprebast.Itstope,this
uantch
asible.Silk,shast,lapeandbehastthethinchack.Ithas
larchtos
ayfan.Why?Elesaraandorderisfayofalm.Acardwhint
notoogu
morbont.Prettysimple,gleadandtarm.Textureand
Textureandaspnetexatingtoend
mistofitsnooling.Spaffforlisnt
cubularbutquastic.
Zeroinonafocalpoint,c
rop,andapplytheimage.Thesurpriseisthatthe
tighteryoucrop,thestro
ngeryourimagebecomes.
Welcome
Travel&Accommod
ations
Film&EventGuide
Sponsors
Conta
ct
SalemHalloweenFilmFestiv
alByllingthebackgroun
d,
theemptyexpansenow
drawsalleyestothepump-
kinlikethespotlightto
a
stageactor.
2.Fill
3.Addtype
Heresacasewherean
alreadycroppedimage
has
nochanceofllingthe
spaceandinasmallrec
t-
anglehasnopresence.
2.Fillabackgroun
d
Oppositethepowe
rsliceiswhentheresnotenoughimage.Ifitsbackgroundis
solidoraregularp
attern,justsampleorcloneit,andllthespace.
Webbanner
1.Sample
Appropriatelyspookyb
ut
low-keytypecoexistsb
eau-
tifullywiththeboldglo
be
thepumpkinhaspower;the
typehasspace.
-
7/29/2019 Before and After 0601
12/13
Before&After|www.bamagazine.com
3of4
Squee
zeplay0601
0601Squeezeplay
3.Doubleup
Whenoneimageis
ntenough,usetwo.Twoimagescanworkseparatelyortogether.
Startbycroppingtheportionthatwillmos
tclearlyconveythemes
sage.
Bookmark
Thetitleforourbookma
rkdesignwillbeReadabook:A
pathwaytoimagination.Toconveythatmessage,we
needto
placethesetwoimages
togetheronanarrow
vertical
format.
Whenwehaveaco
mplex
imagewithoutany
solidareas
toclone,wecando
twothings:
Verticalpowerslice
Itsremarkablehowm
uchcanbe
conveyedbyhowlittle
.Thisslice
isamereone-sixththe
original,
yetitsclearlyapathw
ayinthe
woods.Itstoobig,tho
ugh;theres
noroomforanythinge
lse,so...
Fillhalfway
Fillingonlytheupperh
alfofthe
bookmarkallowsusto
seemoreof
thepathwaywhilepro
vidingplenty
ofroomfortextbenea
th.
12
1
2
Applyingthesecon
dimage(thestackofbo
oks)andtextcancreate
contrastofstyle,
colorandtexture;i
tcanhideaseam,andit
cansendasecondmessage.
Separate
Dark-lightopp
ositesattract.
Thedensewo
odsareattrac-
tive,andthebookonthespare,
whiteeldisattractive.Thisis
themessageexpressedwith
contrasts.
Overlapped
Toreducethe
highcontrast
betweenhalv
es,thewhite
backgroundh
asbeenchanged
topathcolor.
Placingthebook
ontheseamminimizesthe
transitionand
pullsthetwo
imagestogether.Itsarichlook,
somewhatbu
syinthiscase.
Blended
Fadingthepa
thwaytowhite
isalovelywaytointegrate
thewholebookmark.Thetwo
imagesnoww
orkasone.
(owner)
Apathway
toimagination
Read
abook
Apathwa
y
toimagination
Readab
ook
HeritageSc
hool
Apathway
toimagination
Readabook
HeritageSchool
(owner)
(owner)
123
1
2
3
-
7/29/2019 Before and After 0601
13/13
Before&After|www.bamagazine.com
4
of4
Squeezeplay
0601
0601
Squeezeplay
Articleresources
Colors
C5M5Y50K0
C50M55Y65K30
C17M30Y55K20
C10M85Y95K15
C0M35Y85K0
C0M50Y80K45
11
12
15
16
Typefaces
1C
opperplateGothicBold|32/27pt
2U
nivers55Roman|9pt
3U
nivers75Black|9pt
4U
topiaBlack|27pt
5U
topiaBold|5/6.7pt
6U
topiaRegular|5/6.7pt
7(
ac)HelveticaRounded
B
oldCondensed|a)10/12pt,
b
)13.5/16pt,c)7/8pt
8TexasHeroRegular|23/28pt
9TradeGothicBold|8/9.5pt
Im
ages
10
(ae)Photos.com|a
b
c
d
e
NewWebTechnology
RETIR
EMENT
SERV
ICES
VOLUME2|NUMBER5
|SPRING2005
INSIDETHISISSUE
2Yourfnancialcalculator
3Knowingalltherisks
4Focusonth
elongterm
Informationatyour
ngertips
Textureandaspnete
xatingendmistofitsnoolin
g.Spaffforlisnt
cubularbutquastic,leamrestartthatcant
prebast.Itstope,thisuant
chasible.Silk,shast,la
peandbehastthethinchack.Ithaslarchto
sayfan.Wh
y?Elesara
orderisfa
yofalm.Acardwhintnotoogumor
bont.Prettysimple,gleadandtarm,butnotwhatthastanfordram
p.
Goodinvestmentnew
s
Textureandaspnete
xatingendmistofitsnoolin
g.Spaffforlisnt
cubularbutquastic,le
amrestartthatcant
prebast.Itstope,this
uantchasible.Silk,shast,lapeandbehastthethinchack.Ithas
larchtosayfan.Wh
y?Elesaraandorderisfayofalm.Acardwhint
notoogumorbont.Pr
ettysimple,gleadandtarm.Textureand
Textureandaspnetexatin
gtoend
mistofitsnooling.Spafffo
rlisnt
cubularbutquastic.
(owner)
Apathway
toimagination
Readabook
7a
1413
7b
7c
10d
89
14
13
1235 4610b
15
16
11
12
Welcome
Travel&Accommodations
Film
&EventGuide
Sponsors
Contact
SalemHalloweenFilmFestival
Before&Aftermag
azine
Before&Afterhasbeensharingitspracticalapproach
tographicdesignsinc
e1990.Becauseourmodernwor
ld
hasmadedesignerso
fusall(readyornot),Before&
Afterisdedicatedtom
akinggraphicdesignunderstand
-
able,usefulandevenfunforeveryone.
JohnMcWadePublis
herandcreativedirector
GayeMcWadeAssociatepublisher
VincentPascualSta
ffdesigner
DexterMarkAbelle
raStaffdesigner
EditorialboardGwen
Amos,CarlWinther
Before&Aftermag
azine
323LincolnStreet,Roseville,CA95678
Telephone916-784-3880
Fax916-784-3995
E-mailmailbox@bama
gazine.com
wwwhttp://www.bam
agazine.com
Copyright2005Before&Aftermagazine,ISSN
1049-0035.Allrightsreserved
Youmaypassthisarticlearound,butyoumaynotalter
it,andyoumaynotch
argeforit.Youmayquotebrief
sectionsforreview.If
youdothis,pleasecreditBefore
&Aftermagazine,and
letusknow.Tofeaturefree
Before&Afterarticles
onyourWebsite,pleasecontact
us.Forpermissiontoincludeallorpartofthisarticlein
anotherwork,pleasecontactus.
SubscribetoBefore
&After
Did
youenjoythisarticle?Subscribe,and
becomeamorecapable,condentdesigner
for
penniesperarticle.Tolearnmore,goto
http://www.bamagazine.com/Subscribe
E-mailthisarticle
Topassalon
gafreeco
pyofthisarticleto
others,clickhere.
Joinoure-list
Tobenotiedbye-ma
ilofnewarticlesas
theybecomeavailable
,goto
http://www.bamagazine.com/email