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 mailbox@bamagazine.com 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

/email