Before and After 0601

7/29/2019 Before and After 0601

1/13

Before&After XiBAmagazine.com U

Continued Squeeze play 0601

Continued


2/13

Squeeze play 0601 2of 8


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


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

?


3/13

Before&After Squeeze play 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.


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.


4/13



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.


5/13



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


6/13



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


Read a bookHeritage School


Read a bookHeritage School

(owner) (owner)

1

2

3

1 2 3


7/13



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


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.



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)


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


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


9/13

Back | Paper-saver format


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


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

?


11/13


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.


12/13


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


13/13


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

Before and After 0601

Documents

Transcript of Before and After 0601