Squeeze Play
-
Upload
liketopostcom -
Category
Documents
-
view
235 -
download
1
description
Transcript of Squeeze Play
Before&After ® XiBAmagazine.com U
Continued Squeeze play 0601
Squeeze play
How to fit a photo into a very skinny space.
Continued
Squeeze play 0601 2 of 8
Before&After ® XiBAmagazine.com U
New Web Technology
INSIDE THIS ISSUE 2 Your financial calculator 3 Knowing all the risks 4 Focus on the long term
Information at your fingertips Texture and flasp net exating end mist of it snooling. Spaff forl isn’t cubular but quastic, leam restart that can’t prebast. It’s tope, this fluant 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 flan for dramp.
Good investment newsTexture and flasp net exating end mist of it snooling. Spaff forl isn’t cubular but quastic, leam restart that can’t prebast. It’s tope, this fluant 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 flasp
Texture and flasp net exating to end mist of it snooling. Spaff forl isn’t cubular but quastic.
RETIREMENTSERVICESVOLUME 2 | NUMBER 5 | SPRING 2005
Squeeze playHow to fit a photo into a very skinny space
Skinny spaces are everywhere—Web 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
?
Before&After ® Squeeze play 3 of 8
Squeeze play 0601 3 of 8
XiBAmagazine.com U
1. Use a ‘power slice’If your photo is as wide as the space, try extreme cropping. You’ll be amazed at how little of an image is needed to convey the essence of the photo.
Our eyes process visual data so fast that a mere sliver is all it takes to convey . . . • Their age• Their sex• Their hair• Their clothes, • Their mood• Their relationsipThat’s everything we need!
New Web Technology
RETIREMENTSERVICESVOLUME 2 | NUMBER 5 | SPRING 2005
INSIDE THIS ISSUE 2 Your financial calculator 3 Knowing all the risks 4 Focus on the long term
Information at your fingertips Texture and flasp net exating end mist of it snooling. Spaff forl isn’t cubular but quastic, leam restart that can’t prebast. It’s tope, this fluant 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 flan for dramp.
Good investment newsTexture and flasp net exating end mist of it snooling. Spaff forl isn’t cubular but quastic, leam restart that can’t prebast. It’s tope, this fluant 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 flasp
Texture and flasp net exating to end mist of it snooling. Spaff forl isn’t cubular 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.
Before&After ® Squeeze play 4 of 8
Squeeze play 0601 4 of 8
XiBAmagazine.com U
Welcome • Travel & Accommodations • Film & Event Guide • Sponsors • Contact
Salem Halloween Film Festival
By filling 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
Here’s a case where an already cropped image has no chance of filling the space and in a small rect-angle has no presence.
2. Fill a backgroundOpposite the power slice is when there’s not enough image. If its background is solid or a regular pattern, just sample or clone it, and fill the space.
Web banner
1. Sample
Appropriately spooky but low-key type coexists beau-tifully with the bold globe—the pumpkin has power; the type has space.
Before&After ® Squeeze play 5 of 8
Squeeze play 0601 5 of 8
XiBAmagazine.com U
3. Double upWhen one image isn’t 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 sliceIt’s remarkable how much can be conveyed by how little. This slice is a mere one-sixth the original, yet it’s clearly a pathway in the woods. It’s too big, though; there’s 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
Before&After ® Squeeze play 6 of 8
Squeeze play 0601 6 of 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.
SeparateDark-light opposites attract. The dense woods are attrac-tive, and the book on the spare, white field is attractive. This is the message expressed with contrasts.
OverlappedTo 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 two images together. It’s a rich look, somewhat busy in this case.
BlendedFading 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
Before&After ® Squeeze play 7 of 8
Squeeze play 0601 7 of 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 (a–c) 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 (a–e) Photos.com | a b c d e
New Web Technology
RETIREMENTSERVICESVOLUME 2 | NUMBER 5 | SPRING 2005
INSIDE THIS ISSUE 2 Your financial calculator 3 Knowing all the risks 4 Focus on the long term
Information at your fingertips Texture and flasp net exating end mist of it snooling. Spaff forl isn’t cubular but quastic, leam restart that can’t prebast. It’s tope, this fluant 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 flan for dramp.
Good investment newsTexture and flasp net exating end mist of it snooling. Spaff forl isn’t cubular but quastic, leam restart that can’t prebast. It’s tope, this fluant 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 flasp
Texture and flasp net exating to end mist of it snooling. Spaff forl isn’t 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
Before&After ®
8 of 8 | Printing formats
Squeeze play 8 of 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 directorGaye McWade Associate publisherVincent Pascual Staff designerDexter Mark Abellera Staff designer
Editorial board Gwen Amos, Carl Winther
Before & After magazine323 Lincoln Street, Roseville, CA 95678 Telephone 916-784-3880 Fax 916-784-3995E-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, confident designer
for pennies per article. To learn more, go to
http://www.bamagazine.com/Subscribe
E-mail this article
To 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
Back | Paper-saver format
Before&After ® XiBAmagazine.com U
For paper-saver format Print: (Specify pages 10–13)
For presentation format Print: (Specify pages 1–8)
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
SavePresentation format or
Paper-saver format
Be
fore
&A
fter | w
ww
.bamagazine.com
1 of 4
Sq
ue
eze
pla
y 06010601
Sq
ue
eze
pla
y
Squeeze play
How
to fit a p
hoto in
to a very skin
ny sp
ace.
Ne
w W
eb
Tech
no
log
y
INS
IDE
TH
IS IS
SU
E
2
You
r fin
ancial calcu
lator 3
Kn
ow
ing
all the risks
4 Fo
cus o
n th
e lon
g term
Info
rmatio
n at yo
ur fi
ngertip
s Textu
re and
flasp
net exatin
g end
mist o
f it sno
olin
g. Spaff fo
rl isn’t cu
bu
lar bu
t qu
astic, leam restart th
at can’t preb
ast. It’s top
e, this fl
uan
t ch
asible. Silk, sh
ast, lape an
d b
ehast th
e thin
chack. “It h
as larch to
say fan
.” Wh
y? Elesara o
rder is fay o
f alm. A
card w
hin
t no
t oo
gum
or
bo
nt. P
retty simp
le, glead an
d tarm
, bu
t no
t wh
at thast fl
an fo
r dram
p.
Go
od
investm
ent n
ews
Texture an
d fl
asp n
et exating en
d m
ist of it sn
oo
ling. Sp
aff forl isn’t
cub
ular b
ut q
uastic, leam
restart that can’t p
rebast. It’s to
pe, th
is fl
uan
t chasib
le. Silk, shast, lap
e and
beh
ast the th
in ch
ack. “It has
larch to
say fan.” W
hy? E
lesara and
ord
er is fay of alm
. A card
wh
int
no
t oo
gum
or b
on
t. Pretty sim
ple, glead
and
tarm. Textu
re and
Textu
re a
nd
flasp
net e
xatin
g to
en
d
mist o
f it sno
olin
g. S
paff fo
rl isn’t
cu
bu
lar b
ut q
uastic
.
RETIREMENT
SERVICES
VO
LUM
E 2 | N
UM
BE
R 5 | S
PR
ING
2005
Skinn
y spaces are everyw
here—
Web
ban
ners, n
ewsletter n
amep
lates, single-co
lum
n ad
s—b
ut p
ho
tos co
me fro
m o
ur cam
eras in fat, 6” x 4” p
rop
ortio
ns, sam
e as always. H
ow d
o yo
u
get the tw
o to
gether? H
ere are three tech
niq
ues.
Ne
wsle
tter n
ame
plate
?
Be
fore
&A
fter | w
ww
.bamagazine.com
2 of 4
Sq
ue
eze
pla
y 06010601
Sq
ue
eze
pla
y
1. Use
a ‘po
we
r slice’
If you
r ph
oto
is as wid
e as the sp
ace, try extreme cro
pp
ing. Yo
u’ll b
e amazed
at how
little o
f an im
age is need
ed to
con
vey the essen
ce of th
e ph
oto.
Ou
r eye
s pro
cess visu
al data so
fast th
at a m
ere
sliver is all it tak
es to
con
vey . . .
• The
ir age
• The
ir sex
• The
ir hair
• The
ir cloth
es,
• The
ir mo
od
• The
ir relatio
nsip
That’s e
veryth
ing
we
ne
ed
!
Ne
w W
eb
Tech
no
log
y
RETIREMENT
SERVICES
VO
LUM
E 2 | N
UM
BE
R 5 | S
PR
ING
2005
INS
IDE
TH
IS IS
SU
E
2
You
r fin
ancial calcu
lator 3
Kn
ow
ing
all the risks
4 Fo
cus o
n th
e lon
g term
Info
rmatio
n at yo
ur fi
ngertip
s Textu
re and
flasp
net exatin
g end
mist o
f it sno
olin
g. Spaff fo
rl isn’t cu
bu
lar bu
t qu
astic, leam restart th
at can’t preb
ast. It’s top
e, this fl
uan
t ch
asible. Silk, sh
ast, lape an
d b
ehast th
e thin
chack. “It h
as larch to
say fan
.” Wh
y? Elesara o
rder is fay o
f alm. A
card w
hin
t no
t oo
gum
or
bo
nt. P
retty simp
le, glead an
d tarm
, bu
t no
t wh
at thast fl
an fo
r dram
p.
Go
od
investm
ent n
ews
Texture an
d fl
asp n
et exating en
d m
ist of it sn
oo
ling. Sp
aff forl isn’t
cub
ular b
ut q
uastic, leam
restart that can’t p
rebast. It’s to
pe, th
is fl
uan
t chasib
le. Silk, shast, lap
e and
beh
ast the th
in ch
ack. “It has
larch to
say fan.” W
hy? E
lesara and
ord
er is fay of alm
. A card
wh
int
no
t oo
gum
or b
on
t. Pretty sim
ple, glead
and
tarm. Textu
re and
Textu
re a
nd
flasp
net e
xatin
g to
en
d
mist o
f it sno
olin
g. S
paff fo
rl isn’t
cu
bu
lar b
ut q
uastic
.
Zero
in o
n a fo
cal po
int, cro
p, an
d ap
ply th
e im
age. Th
e su
rprise
is that th
e
tigh
ter yo
u cro
p, th
e stro
ng
er yo
ur im
age
be
com
es.
Welcom
e • Travel & Accom
modations • Film
& Event Guide • Sponsors • Contact
Salem H
alloween F
ilm F
estival
By fi
lling
the
back
gro
un
d,
the
em
pty e
xp
anse
no
w
draw
s all eye
s to th
e p
um
p-
kin
like
the
spo
tligh
t to a
stage
actor.
2. Fill
3. Ad
d typ
e
He
re’s a case
wh
ere
an
alread
y crop
pe
d im
age
has
no
chan
ce o
f fillin
g th
e
space
and
in a sm
all rect-
ang
le h
as no
pre
sen
ce.
2. Fill a back
gro
un
dO
pp
osite th
e pow
er slice is wh
en th
ere’s not en
ough
image. If its b
ackgrou
nd
is so
lid o
r a regular p
attern, ju
st samp
le or clo
ne it, an
d fi
ll the sp
ace.
We
b b
ann
er
1. Sam
ple
Ap
pro
priate
ly spo
ok
y bu
t lo
w-k
ey typ
e co
ex
ists be
au-
tifully w
ith th
e b
old
glo
be
—th
e p
um
pk
in h
as po
we
r; the
typ
e h
as spa
ce.
Be
fore
&A
fter | w
ww
.bamagazine.com
3 of 4
Sq
ue
eze
pla
y 06010601
Sq
ue
eze
pla
y
3. Do
ub
le u
pW
hen
on
e image isn’t en
ou
gh, u
se two. Tw
o im
ages can w
ork sep
arately or to
gether.
Start by cro
pp
ing th
e po
rtion
that w
ill mo
st clearly con
vey the m
essage.
Bo
ok
ma
rk
The
title fo
r ou
r bo
ok
ma
rk d
esig
n w
ill be
“Re
ad
a b
oo
k: A
p
ath
wa
y to im
ag
ina
tion
.” To co
nve
y tha
t me
ssag
e, we
ne
ed
to
pla
ce th
ese
two
ima
ge
s tog
eth
er o
n a
na
rrow
vertica
l form
at.
Wh
en
we
ha
ve
a c
om
ple
x
ima
ge
with
ou
t an
y so
lid a
rea
s to
clo
ne, w
e c
an
do
two
thin
gs:
Ve
rtica
l po
we
r slice
It’s rem
arkable
ho
w m
uch
can b
e
con
veye
d b
y ho
w little. Th
is slice
is a me
re o
ne
-sixth th
e o
riginal,
yet it’s cle
arly a path
way in
the
w
oo
ds. It’s to
o b
ig, tho
ugh
; the
re’s
no
roo
m fo
r anyth
ing e
lse, so . . .
Fill h
alfw
ay
F
illing o
nly th
e u
pp
er h
alf of th
e
bo
okm
ark allow
s us to
see
mo
re o
f th
e p
athw
ay wh
ile p
rovid
ing p
len
ty o
f roo
m fo
r text b
en
eath
.
12
12
Ap
plyin
g the seco
nd
image (th
e stack of b
oo
ks) and
text can create co
ntrast o
f style, co
lor an
d textu
re; it can h
ide a seam
, and
it can sen
d a seco
nd
message.
Se
pa
rate
Dark-light opposites attract.
The dense woods are attrac-
tive, and the book on the spare, w
hite field is attractive. This is the m
essage expressed with
contrasts.
Ove
rlap
pe
dTo reduce the high contrast betw
een halves, the white
background has been changed to path color. P
lacing the book on the seam
minim
izes the transition and pulls the tw
o im
ages together. It’s a rich look, som
ewhat busy in this case.
Ble
nd
ed
Fading the pathway to w
hite is a lovely w
ay to integrate the w
hole bookmark. The tw
o im
ages now w
ork as one.
(owner)
A pathway
to imagination
Read a book
A pathway
to imagination
Read a bookHeritage School
A pathway
to imagination
Read a bookHeritage School
(owner)
(owner)
123
12
3
Be
fore
&A
fter | w
ww
.bamagazine.com
4 of 4
Sq
ue
eze
pla
y 06010601
Sq
ue
eze
pla
y
Article
reso
urce
s
Co
lors
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
121516
Type
face
s
1 Copperplate G
othic Bold | 32/27 pt
2 Univers 55 R
oman | 9 pt
3 Univers 75 B
lack | 9 pt
4 Utopia B
lack | 27 pt
5 Utopia B
old | 5/6.7 pt
6 Utopia R
egular | 5/6.7 pt
7 (a–c) H
elvetica Rounded
Bold C
ondensed | a) 10/12 pt, b) 13.5/16 pt, c) 7/8 pt
8 Texas Hero R
egular | 23/28 pt
9 Trade Gothic B
old | 8/9.5 pt
Ima
ge
s
10 (a–e
) Photos.com
| a b
c d
e
Ne
w W
eb
Tech
no
log
y
RETIREMENT
SERVICES
VO
LUM
E 2 | N
UM
BE
R 5 | S
PR
ING
2005
INS
IDE
TH
IS IS
SU
E
2
You
r fin
ancial calcu
lator 3
Kn
ow
ing
all the risks
4 Fo
cus o
n th
e lon
g term
Info
rmatio
n at yo
ur fi
ngertip
s Textu
re and
flasp
net exatin
g end
mist o
f it sno
olin
g. Spaff fo
rl isn’t cu
bu
lar bu
t qu
astic, leam restart th
at can’t preb
ast. It’s top
e, this fl
uan
t ch
asible. Silk, sh
ast, lape an
d b
ehast th
e thin
chack. “It h
as larch to
say fan
.” Wh
y? Elesara o
rder is fay o
f alm. A
card w
hin
t no
t oo
gum
or
bo
nt. P
retty simp
le, glead an
d tarm
, bu
t no
t wh
at thast fl
an fo
r dram
p.
Go
od
investm
ent n
ews
Texture an
d fl
asp n
et exating en
d m
ist of it sn
oo
ling. Sp
aff forl isn’t
cub
ular b
ut q
uastic, leam
restart that can’t p
rebast. It’s to
pe, th
is fl
uan
t chasib
le. Silk, shast, lap
e and
beh
ast the th
in ch
ack. “It has
larch to
say fan.” W
hy? E
lesara and
ord
er is fay of alm
. A card
wh
int
no
t oo
gum
or b
on
t. Pretty sim
ple, glead
and
tarm. Textu
re and
Textu
re a
nd
flasp
net e
xatin
g to
en
d
mist o
f it sno
olin
g. S
paff fo
rl isn’t
cu
bu
lar b
ut q
uastic
. (ow
ner)
A pathway
to imagination
Read a book
7a
14 137b7c
10d
89
14 13
1235 46
10b
1516 1112
Welcom
e • Travel & Accom
modations • Film
& Event Guide • Sponsors • Contact
Salem H
alloween F
ilm F
estival
Be
fore
& A
fter m
ag
azin
e
Befo
re & A
fter has b
een sh
aring its p
ractical app
roach
to
graph
ic design
since 1990. B
ecause o
ur m
od
ern w
orld
h
as mad
e design
ers of u
s all (ready o
r no
t), Befo
re &
After is d
edicated
to m
aking grap
hic d
esign u
nd
erstand
-ab
le, usefu
l and
even fu
n fo
r everyon
e.
Joh
n M
cWa
de
Pu
blish
er and
creative directo
rG
ay
e M
cWa
de
Asso
ciate pu
blish
erV
ince
nt P
ascu
al Staff d
esigner
De
xte
r Ma
rk A
be
llera
Staff design
er
Edito
rial bo
ard G
we
n A
mo
s, Ca
rl Win
the
r
Be
fore
& A
fter m
ag
azin
e323 Lin
coln
Street, Ro
seville, CA
95678 Te
lep
ho
ne
916-784-3880 Fax 916-784-3995E
-mail m
ailbo
x@b
amagazin
e.com
w
ww
http
://ww
w.b
amagazin
e.com
Co
py
righ
t ©2
00
5 B
efo
re &
Afte
r ma
ga
zine, IS
SN
1
04
9-0
03
5. A
ll righ
ts rese
rve
d
You
may p
ass this article aro
un
d, b
ut yo
u m
ay no
t alter it, an
d yo
u m
ay no
t charge fo
r it. You
may q
uo
te brief
section
s for review
. If you
do
this, p
lease credit B
efore
& A
fter magazin
e, and
let us kn
ow
. To featu
re free B
efore &
After articles o
n yo
ur W
eb site, p
lease con
tact u
s. For p
ermissio
n to
inclu
de all o
r part o
f this article in
an
oth
er wo
rk, please co
ntact u
s.
Su
bscrib
e to
Be
fore
& A
fter
Did
you
enjoy th
is article? Sub
scribe, an
d
beco
me a m
ore cap
able, co
nfi
den
t design
er
for p
enn
ies per article. To
learn m
ore, go
to
http
://ww
w.b
amagazin
e.com
/Sub
scribe
E-m
ail this article
To p
ass alon
g a free cop
y of th
is article to
oth
ers, click here.
Join
ou
r e-list
To b
e no
tified
by e-m
ail of n
ew articles as
they b
ecom
e available, go
to
http
://ww
w.b
amagazin
e.com