Before and After 0675

7/29/2019 Before and After 0675

1/15

FiveDesignIdeas

DesignTalk16

Coin Cover

ManyFrom One

Outie Innie Accordion Program

InsideAction

Changefor theEnvronment

Make money by recycling

Design talk 0675Continued

Before&After BAmagazine.com Ui X


2/15

2of9

Lots o money, no impact Wall-to-wall pile o coins has no

negative space and leaves the eye nowhere to look.

Less money, more impact Editing the coins creates shape and

dierence, makes breathing room and leads the eye to the headline.

100% positive Delete about hal.

Note the shape.

Color the negative

space.

Place elements.



RECYCLING PROGRAMCITY OF COPPELL



Cover Fewer coins make a better cover

Negative space gets no respect, but without it, positive images have little impact.

This spiral-bound cover illustrates how:

2of 9

Design talk 0675

Before&After Design talk BAmagazine.com Ui X


3/15

3of9

. . . into many

(2) Position your photo as

shown, then Cut.

(3) One at a time, select each rame, and Edit>Paste Into.(1) Make some rames out

o overlaid rectangles.

InDesign

Image One image into many

My photo library is tiny. I like how your Many from onearticle (0603) created several

images out o one photo. Do you have other similar techniques? |Amy Flint

You can tell its only one photo,

but the three overlapping rames

add a level o visual interest that

conveys the sense omore.

One image . . .

3of 9

Design talk 0675

Before&After

Design talk BAmagazine.com Ui X


4/15

4of9

Photoshop

1) Open (or Place) fat

silhouettes. Background

must be transparent.

2) Import your photo.

3) With the photo layer active,

choose Layer>Create Clipping

Mask. Reposition by dragging

either image.

ImagePlace the action inside

Double your un! Put the party inside your people!

4of 9

Design talk 0675



5/15

5of9

Innie

Inside the box, the triangle becomes a pointer.

Because o its subtlety, the triangle would be most

eective in a series o quotations, because it could

move rom place to place.

Underline

(Above) Colored line adds a point o

visual interest simply.

Outie

(Right) Outside the box,

tiny triangle turns a photo-graphic callout into a rect-

angular talk balloon with

the speakers name below

it. Reversed type inside

the box contrasts easily

with the name.

Device Tiny triangle makes a small point

Id say the design o my document is low-key. I need to put a quote into a small space.

Is there a subtle way to draw attention to the persons name? | David Fletcher

The ve angled cooling holes in

the aluminum front housing pump airthrough the motor while it runs.

Barton Smythe, engineer

The Audyssey Sound Equalizer

genuinely enhanced the sound of

my system . . . Once it was installed,

I could simply leave it alone and

enjoy a more transparent and

coherent soundstage . . . Imaging

was greatly improvedindividualvoices and instruments were more

precisely locatable . . . the low bass

was tighter and more detailed.

Kalman Rubinson, Stereophile

A BREATH OF FRESH AIR

Last weeks school break was

long overdue. I made a short,

3-day trek with a few buddies

up to the Sierra mountains. The

events that unfolded shook my

perspective on life.Ron Mills

5of 9

Design talk 0675



6/15

6of9

Program Unhinged cover makes a classy program

Our riends handmade wedding program looked at frst like a booklet, but then

it opened like an accordion into an unexpectedly classy presentation. Nice.

414

512

Black card stock is glued to the ends o a 17-inch sheet, then accordion-olded into our pages. There is no back

side. The program can be read like a booklet or opened into the panoramicand unexpectedly elegantpresentation

shown here. The black & white theme makes typography easy and inexpensive; center each panel, and print on a

black & white laser. All type is the same size and leading.

Our riends said they spent a busy evening assembling these; the homemade charm is part o the appeal.

6of 9

Design talk 0675



7/15

7of9

Make the coverusing a letter-size card

stock sheet. Trim into our equal parts.

Design the inside on a tabloid-size sheet, two-

up. Speciy let and right margin o 0p9, top and

bottom o 1p6, and 3p0 between top and bottom.

812

11

17

Flat size (About 163

4 x 51

2)Final size (414 x 512)

1 2

Trim margins and pages. Dotted lines are olds.3

Fold the pages.4 Glue the covers.5

Template: Accordion program

11

7of 9

Design talk 0675



8/15

8of9

Article resources

Colors

C0 M0 Y0 K100

C0 M0 Y0 K40

C100 M50 Y0 K5

C0 M0 Y0 K70

C70 M0 Y100 K60

C60 M25 Y100 K5

14

18

16

15

19

17

16

17

14

18

14

19

15

RECYCLING PROGRAMCITY OF COPPELL



Typeaces

1 Myriad Pro Semibold

2 Myriad Pro Light

3 Myriad Pro Italic

4 Verdana Bold

5 Georgia Regular

6 Georgia Bold

7 ITC Franklin Gothic Heavy

8 Adobe Garamond Italic

Images

Images: iStockphoto.com

9 (5110361)

10 (4143297)

11 (3209890)

12 (4247230)

13 (www.audyssey.com)

A BREATH OF FRESH AIR

Last weeks school break was

long overdue. I made a short,

3-day trek with a few buddies

up to the Sierra mountains. The

events that unfolded shook my

perspective on life.Ron Mills

8of 9

The Audyssey Sound Equalizer

genuinely enhanced the sound of

my system . . . Once it was installed,

I could simply leave it alone andenjoy a more transparent and

coherent soundstage . . . Imaging

was greatly improvedindividual

voices and instruments were more

precisely locatable . . . the low bass

was tighter and more detailed.

Kalman Rubinson, Stereophile

7

8

12

4

10

1

13

9

2

3

611 5

Design talk 0675

http://store1.adobe.com/cfusion/store/html/index.cfm?store=OLS-US&event=displayFont&code=MYRP10010000http://store1.adobe.com/cfusion/store/html/index.cfm?store=OLS-US&event=displayFont&code=MYRP10003000http://store1.adobe.com/cfusion/store/html/index.cfm?store=OLS-US&event=displayFont&code=MYRP10005300http://www.myfonts.com/fonts/ascender/verdana/bold/http://www.myfonts.com/fonts/ascender/georgia/regular/http://www.myfonts.com/fonts/ascender/georgia/bold/http://www.myfonts.com/fonts/adobe/itc-franklin-gothic/heavy/http://store1.adobe.com/cfusion/store/html/index.cfm?store=OLS-US&event=displayFont&code=GARA10005300http://www.istockphoto.com/file_closeup.php?id=5110361http://www.istockphoto.com/file_closeup.php?id=4143297http://www.istockphoto.com/file_closeup.php?id=3209890http://www.istockphoto.com/file_closeup.php?id=4247230http://www.istockphoto.com/file_closeup.php?id=4247230http://www.istockphoto.com/file_closeup.php?id=3209890http://www.istockphoto.com/file_closeup.php?id=4143297http://www.istockphoto.com/file_closeup.php?id=5110361http://store1.adobe.com/cfusion/store/html/index.cfm?store=OLS-US&event=displayFont&code=GARA10005300http://www.myfonts.com/fonts/adobe/itc-franklin-gothic/heavy/http://www.myfonts.com/fonts/ascender/georgia/bold/http://www.myfonts.com/fonts/ascender/georgia/regular/http://www.myfonts.com/fonts/ascender/verdana/bold/http://store1.adobe.com/cfusion/store/html/index.cfm?store=OLS-US&event=displayFont&code=MYRP10005300http://store1.adobe.com/cfusion/store/html/index.cfm?store=OLS-US&event=displayFont&code=MYRP10003000http://store1.adobe.com/cfusion/store/html/index.cfm?store=OLS-US&event=displayFont&code=MYRP10010000


9/15

9of9 | Printing formats

Beore & Ater magazine

Beore & Ater has been sharing its practical approach

to graphic design since 1990. Because our modern world

has made designers o us all (ready or not), Beore &

Ater is dedicated to making graphic design understand-

able, useul and even un or everyone.

John McWade Publisher and creative director

Gaye McWade Associate publisher

Dexter Mark Abellera Sta designer

Beore & Ater 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 2008 Beore & Ater magazine

ISSN 1049-0035. All rights reservedYou may pass along a ree copy o this article to others

by clicking here.You may not alter this article, and you

may not charge or it. You may quote brie sections

or review; please credit Beore & Ater magazine, and

let us know. To link Beore & Ater magazine to your

Web site, use this URL: http://www.bamagazine.com.

For all other permissions, please contact us.

Subscribe to Beore & Ater

Subscribe to Beore & Ater, and become a

more capable, confdent designer or pennies

per article. To learn more, go to

http://www.bamagazine.com/Subscribe

E-mail this articleTo pass along a ree copy o this article to

others, click here.

Join our e-list

To be notifed by e-mail o new articles as

they become available, go to

http://www.bamagazine.com/email

9of 9

Design talk 0675

Design talkBefore&After BAmagazine.com Ui X
http://www.bamag.com/email/doA6O4http://www.bamag.com/email/doA6O4http://www.bamagazine.com/Articles.asp?ID=106http://www.bamagazine.com/Articles.asp?ID=106http://www.bamag.com/email/doA6O4http://www.bamag.com/email/doA6O4


10/15

Back | Paper-saver format

For paper-saver ormatPrint: (Speciy pages 1115)

For presentation ormatPrint: (Speciy pages 19)

Print

Format: Landscape

Page Size: Fit to Page

Save

Presentation ormat or

Paper-saver ormat

Beore & Ater is made to ft your binder

Beore & Ater articles are intended or permanent reerence. All are titled and numbered.

For the current table o contents, click here. To save time and paper, a paper-saver ormat o this article,

suitable or one- or two-sided printing, is provided on the ollowing pages.

Before&After BAmagazine.com Ui X
http://www.bamagazine.com/Articles.asp?ID=149http://www.bamagazine.com/Articles.asp?ID=149


11/15

Before&After|www.b

amagazine.com

1of5

DesignTalk16:FiveDesig

nIdeas0675

0675DesignTalk16:FiveDesignIdeas

Lotsofmoney,noimpac

tWall-to-wallpileofcoinshasno

negativespaceandleavest

heeyenowheretolook.

Lessmoney,moreimpac

tEditingthecoinscreatesshape

and

difference,makesbreathing

roomandleadstheeyetothehe

adline.

100%positive

Deleteabouthalf.

Note

theshape.

Colortheneg

ative

space.

Placeelements.

Changeforthe

Envronment

Makemoneybyrecycling

RECYCLING

PROGRAM

CITYOFCOPPELL

C

hangeforthe

Envronment


CoverFewercoinsmakeabetter

cover

Negativespacegetsnorespect,butwithoutit,positiveimageshavelittleimpact.

Thisspiral-boundcoverillustrateshow:

FiveDe

sign

Ide

as

Design

Talk16

C

oinCover

ManyFromO

ne

Ou

tieInnie

Acc

ordionProg

ram

InsideActio

n

Changeforthe

Envronment

http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/http://www.bamagazine.com/


12/15

Before&After|www.b

amagazine.com

2of5


nIdeas0675


..

.intomany

(2)Positionyourphotoas

shown,thenCut.

(3)Oneatatime,selecteachframe,andEdit>PasteInto.

(1)Makesomeframesout

ofoverlaidrectangles.

InDesig

n

ImageOneima

geintomany

Myphotolibraryistiny.IlikehowyourM

anyfromonearticle(06

03)createdseveral

imagesoutofonephoto.Doyouhaveothersimilartechniques?|AmyFlint

Youcan

tellitsonlyonephoto,

butthe

threeoverlappingframes

addale

velofvisualinterestthat

conveysthesenseofmore.

Oneimage...

Photoshop

1)Open(orPlace

)flat

silhouettes.Background

mustbetranspar

ent.

2)Importyourphoto.

3)Withtheph

otolayeractive,

chooseLayer>CreateClipping

Mask.Repositionbydragging

eitherimage.

ImagePlacetheactioninside

Doubleyourfun!P

utthepartyinsideyour

people!


13/15

Before&After|www.bamagazine.com

3of5


nIdeas0675


Innie

Insidethebox,thetria

nglebecomesapointer.

Becauseofitssubtlety

,thetrianglewouldbemost

effectiveinaseriesof

quotations,becauseitcould

movefromplacetoplace.

Underline

(Above)Co

loredlineaddsapointof

visualinterestsimply.

Outie

(Right)Outsidethebox,

tinytriangleturnsaphoto-

graphiccalloutintoarect-

angulartalkballoonwith

thespeakersnamebelow

it.Reversedtypeinside

theboxcontrastseasily

withthename.

DeviceTinytria

nglemakesasmallpoint

Idsaythedesigno

fmydocumentislow-key.Ineedtoputaquot

eintoasmallspace.

Isthereasubtlewa

ytodrawattentiontothepersonsname?|Da

vidFletcher

Thefive

angledcoolingholesin

thealuminumfronthousingpumpair

through

themotorwhileitruns.

BartonSmythe,engineer

TheAudysseySound

Equalizer

genuinelyenhancedthesoundof

mysystem...Onceitwasinstalled

,

Icouldsimplyleaveitaloneand

enjoyamoretransparentand

coherentsoundstage...Imaging

wasgreatlyimprovedindividual

voicesandinstrumentsweremore

preciselylocatable...thelowbass

wastighterandmoredetailed.

KalmanRubinson,Stereophile

A

BREATHOFFRESHAIR

L

astweeks

sch

ool

bre

ak

was

long

overd

ue.Im

adeashort,

3

-daytrek

with

afe

wbuddie

s

u

ptotheSierram

oun

tain

s.Th

e

e

ventsthatunfold

edshookm

y

p

erspectiveonlife

.RonMills

ProgramUnhin

gedcovermakesa

classyprogram

Ourfriendshandm

adeweddingprogramlookedatfirstlikeaboo

klet,butthen

itopenedlikeanaccordionintoanunexpectedlyclassypresentation.Nice.

414

512

Blackcardstockisgluedtotheendsofa

17-inchsheet,thenaccordion-fold

edintofourpages.Thereisnoback

side.Theprogramcanbereadlikeabookletoropenedintothepanoramica

ndunexpectedlyelegantpresentation

shownhere.Theblack&whitethememakestypographyeasyandinexpensive;centereachpanel,andprintona

black&whitelaser.Alltypeisthesamesize

andleading.

Ourfriend

ssaidtheyspentabusyeveninga

ssemblingthese;thehomemadecharmispartoftheappeal.


14/15


4of5


nIdeas0675

0675DesignTalk16:

FiveDesignIdeas

Make

thecoverusingaletter-sizecar

d

stock

sheet.Trimintofourequalparts.

Designtheinsideonatabloid-sizesheet,two

-

up.Specifyleftandrightmarginof0p9,topand

bottomof1p6

,and3p0betweentopandbottom

.

812

11

17

Flatsize(About1634x512)

Finalsize(414x512)

1

2

Trimmarginsandpages.Dottedlinesarefolds.

3

Foldthepag

es.

4

Gluethecovers

.

5

Template:Accordionprogram

11

Articleresources

Colors

C0M0Y0K100

C0M0Y0K40

C100M50Y0K5

C0M0Y0K70

C70M0Y100K60

C60M25Y100K5

14

18

16

1519 17

1617

14

18

14

19

15

RECYCLING

PROGRAM

Changeforthe

Envronment


Typefaces

1M

yriadProSemibold

2M

yriadProLight

3M

yriadProItalic

4V

erdanaBold

5G

eorgiaRegular

6G

eorgiaBold

7ITCFranklinGothicHeavy

8A

dobeGaramondItalic

Im

ages

Images:iStockphoto.com

9(5110361)

10

(4143297)

11

(3209890)

12

(4247230)

13

(www.audyssey.com)

A

BREATHOFFRESHAIR

Lastweeks

sch

ool

bre

ak

was

lon

goverd

ue.Im

adeash

ort,

3-d

aytrek

with

afe

wbuddie

s

up

totheSierram

oun

tain

s.Th

e

events

thatunfold

edshookm

y

per

spectiveonlife

.RonMills

TheAudysseySo

und

Equalizer

genuinelyenhancedthesoundof

mysystem...On

ceitwasinstalled,

Icouldsimplyleaveitaloneand

enjoyamoretran

sparentand

coherentsoundstage...Imaging

wasgreatlyimprovedindividual

voicesandinstru

mentsweremore

preciselylocatable...thelowbass

wastighterandm

oredetailed.

KalmanRubinson,Stereophile

78 12 410

113 923

6

11

5


15/15


5of5

DesignTalk16:FiveDesignIdeas0675

0675DesignTalk16:

FiveDesignIdeas

Before&Aftermag

azine

Before&Afterhasbeensharingitspracticalapproach

tographicdesignsinc

e1990.Becauseourmodernwor

ld

hasmadedesignerso

fusall(readyornot),Before&

Afterisdedicatedtom

akinggraphicdesignunderstand

-

able,usefulandevenfunforeveryone.

JohnMcWadePublisherandcreativedirector

GayeMcWadeAssociatepublisher

DexterMarkAbelle

raStaffdesigner

Before&Aftermag

azine

323LincolnStreet,Ro

seville,CA95678

Telephone916-784-3880

Fax916-784-3995

[email protected]

wwwhttp://www.bam

agazine.com

Copyright2008Be

fore&Aftermagazine

ISSN1049-0035.All

rightsreserved

Youmaypassalonga

freecopyofthisarticletoothers

byclickinghere.Youm

aynotalterthisarticle,andyou

maynotchargeforit.

Youmayquotebriefsections

forreview;pleasecreditBefore&Aftermagazine,and

letusknow.TolinkBe

fore&Aftermagazinetoyour

Website,usethisURL

:http://www.bamagazine.com.

Forallotherpermissions,pleasecontactus.

SubscribetoBefore

&After

SubscribetoBefore&A

fter,andbecomea

morecapable,confidentdesignerforpennies

perarticle.Tolearnmo

re,goto

http://www.bamagazine.com/Subscribe

E-mailthisarticle

Topassalongafreecopyofthisarticleto

others,clickhere.

Joinoure-list

Tobenotifiedbye-mailofnewarticlesas

theybecomeavailable,goto

http://www.bamagazine.com/email

Before and After 0675

Documents

Transcript of Before and After 0675