Swipe it! Artistically erase part of an image shaping it to fit the space

Before&After

®

i U X

BAmagazine.com

Swipe it!
Artistically erase part
of an image, shaping it
to fit the space.

Continued

Continued 

Swipe it!

0605


Before&After

BAmagazine.com

®

i U X

Swipe it!

Artistically erase part of an image, shaping it to fit the space

Zinfandel Landscaping

Zinfandel Landscaping

Zinfandel Landscaping

521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566
www.zinfandellandscaping.com

521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566
www.zinfandellandscaping.com

521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566
www.zinfandellandscaping.com

Mrs. Judy Hetzler
Hetzler Insurance
652 Kettleman Lane
Lodi, CA 95242

Mrs. Judy Hetzler
Hetzler Insurance
652 Kettleman Lane
Lodi, CA 95242

Mrs. Judy Hetzler
Hetzler Insurance
652 Kettleman Lane

Lodi, CA 95242

Dear Mrs. Hetzler,

Dear Mrs. Hetzler,

Dear Mrs. Hetzler,

Lorer at in veraestrud do od doloborting essenit non er ad tetuerit aut lore magna
feudui blan estrud dipit nulluptat euis aut praesting et incincinim euguero odo
odiamconse doloborem inci tio consenis adit ver sumsandit ad tatem venisi bla feu
feugueriurem enis dolortie dolendionsed tat. Duisl utpatue aessim niatum zzril ut dipit
luptate te dunt pratio od min et dit praesequi tetum iliquate molorperil dion velesenis
eumsandreet nonsequat doloreet in utpat luptatum dolore moluptat.

Lorer at in veraestrud do od doloborting essenit non er ad tetuerit aut lore magna
feudui blan estrud dipit nulluptat euis aut praesting et incincinim euguero odo
odiamconse doloborem inci tio consenis adit ver sumsandit ad tatem venisi bla feu
feugueriurem enis dolortie dolendionsed tat. Duisl utpatue aessim niatum zzril ut dipit
luptate te dunt pratio od min et dit praesequi tetum iliquate molorperil dion velesenis
eumsandreet nonsequat doloreet in utpat luptatum dolore moluptat.

Lorer at in veraestrud do od doloborting essenit non er ad tetuerit aut lore magna
feudui blan estrud dipit nulluptat euis aut praesting et incincinim euguero odo
odiamconse doloborem inci tio consenis adit ver sumsandit ad tatem venisi bla feu
feugueriurem enis dolortie dolendionsed tat. Duisl utpatue aessim niatum zzril ut dipit
luptate te dunt pratio od min et dit praesequi tetum iliquate molorperil dion velesenis
eumsandreet nonsequat doloreet in utpat luptatum dolore moluptat.

Ut luptat nullan utpat. Lor irit velis nismolenisse vent dunt lan ut augiatem quis nullaoreet landiam nit la feumsan veliquat ad tie tate min ullam non ute feugiamet luptat

nosto commodignisl et nulla commodi iscipis nit eum ipismodipis ad dolore minci er
am in ullam autem am irit prat adionsequat, con venisim nonum delese consequatue
magna coreetum inci bla ad tio do core tatum quipsus ipsummolore doloreet.

Ut luptat nullan utpat. Lor irit velis nismolenisse vent dunt lan ut augiatem quis nullaoreet landiam nit la feumsan veliquat ad tie tate min ullam non ute feugiamet luptat
nosto commodignisl et nulla commodi iscipis nit eum ipismodipis ad dolore minci er
am in ullam autem am irit prat adionsequat, con venisim nonum delese consequatue
magna coreetum inci bla ad tio do core tatum quipsus ipsummolore doloreet.

Ut luptat nullan utpat. Lor irit velis nismolenisse vent dunt lan ut augiatem quis nullaoreet landiam nit la feumsan veliquat ad tie tate min ullam non ute feugiamet luptat
nosto commodignisl et nulla commodi iscipis nit eum ipismodipis ad dolore minci er
am in ullam autem am irit prat adionsequat, con venisim nonum delese consequatue
magna coreetum inci bla ad tio do core tatum quipsus ipsummolore doloreet.

Duissec etuer senismodo eros essecte core dit ing el utem nos nibh ea corpercil ut lor
iure dolestrud do cor sumsan vulput loborper sit, velestie volor ilit ipit iniat praesto
odo erit lore modions quat, quiscilis eraese del et vel ut dit lumsandiat laore ercilla
rperostrud magnaat. Duisl ea at, quam, quisit nisl diat.

Duissec etuer senismodo eros essecte core dit ing el utem nos nibh ea corpercil ut lor
iure dolestrud do cor sumsan vulput loborper sit, velestie volor ilit ipit iniat praesto
odo erit lore modions quat, quiscilis eraese del et vel ut dit lumsandiat laore ercilla
rperostrud magnaat. Duisl ea at, quam, quisit nisl diat.

Duissec etuer senismodo eros essecte core dit ing el utem nos nibh ea corpercil ut lor
iure dolestrud do cor sumsan vulput loborper sit, velestie volor ilit ipit iniat praesto
odo erit lore modions quat, quiscilis eraese del et vel ut dit lumsandiat laore ercilla
rperostrud magnaat. Duisl ea at, quam, quisit nisl diat.

Sincerely,

Sincerely,

Sincerely,

Mike Zinfandel


Mike Zinfandel


Mike Zinfandel


Original Vibrant, impossible to read

Ghost Functional but dull and busy

Swipe Vibrant, with designer shape

Here’s your problem: You have photo and type competing for the same space, and
something has to give. One possibility is to ghost the photo and overlay the type, but this
drains its vibrancy, the very thing you like. An alternative? Try erasing some of the photo,
and turn it into a design element. A feathered edge will soften its transition to the page.

 2 of 9 

Swipe it!

0605

Before&After

®

Swipe it!

BAmagazine.com

3 of 9

i U X

Watch for interaction

Where’s the ideal place to make your swipe? Keep in mind that you want type and
image to work together, so what you’re looking for is how they interact.

Zinfandel Landscaping
521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566
www.zinfandellandscaping.com

Mrs. Judy Hetzler
Hetzler Insurance
652 Kettleman Lane
Lodi, CA 95242

Dear Mrs. Hetzler,
Lorer at in veraestrud do od doloborting essenit non er ad tetuerit aut lore magna

feudui blan estrud dipit nulluptat euis aut praesting et incincinim euguero odo
odiamconse doloborem inci tio consenis adit ver sumsandit ad tatem venisi bla feu
feugueriurem enis dolortie dolendionsed tat. Duisl utpatue aessim niatum zzril ut dipit
luptate te dunt pratio od min et dit praesequi tetum iliquate molorperil dion velesenis
eumsandreet nonsequat doloreet in utpat luptatum dolore moluptat.
Ut luptat nullan utpat. Lor irit velis nismolenisse vent dunt lan ut augiatem quis nullaoreet landiam nit la feumsan veliquat ad tie tate min ullam non ute feugiamet luptat
nosto commodignisl et nulla commodi iscipis nit eum ipismodipis ad dolore minci er
am in ullam autem am irit prat adionsequat, con venisim nonum delese consequatue
magna coreetum inci bla ad tio do core tatum quipsus ipsummolore doloreet.

(Above left) Even feathered, the swiped image has a
definite edge that a hard left text margin amplifies,
resulting in a visible, vertical column.
(Above right) A better solution puts the swipe on the
right, where it feathers naturally into the ragged text.

Duissec etuer senismodo eros essecte core dit ing el utem nos nibh ea corpercil ut lor
iure dolestrud do cor sumsan vulput loborper sit, velestie volor ilit ipit iniat praesto
odo erit lore modions quat, quiscilis eraese del et vel ut dit lumsandiat laore ercilla
rperostrud magnaat. Duisl ea at, quam, quisit nisl diat.

Sincerely,

Mike Zinfandel


 3 of 9 

Swipe it!

0605


Before&After

®

Swipe it!

BAmagazine.com

4 of 9

i U X

Solve incompatible shapes

Here, a horizontal image is incompatible with the vertical space. Solution? Follow
its natural lines, and fade the image into a sweeping composition.

Wyoming Wildlife Preserve
Wyoming Wildlife Preserve
Cherished supporters,
Felestinim volore vel eriure magna consequ scidunt ad ea consed
minibh elenit lumsan henit diatem quis alisis augue tat nonsenim
vel ut vel el ip erostrud ex ero eraessis nullan vulla consectet irit am
volesto conullamet iriusti nsectet non estisl irilisim autat. Duisit,
sum quat adipsummodo odolorperil iriureet aliquat vel dolore dit
velesenim.
Duisl iusci ex ea am, qui blaor ing eugait acipsuscilla cor iure modion ulla feummolesto odit, consed dipit duis dolessi.

Dui blaore con ulput ullum vullutpat el ea alis nullandre magna
feugait acipit praesequat ese veratum iliquipit luptat aliquatum
nibh ea amcon henibh el del exeros alis el dui tis augait praessendre
dolobore veliquat eni.
Lore elis nis accum il dit wis eugiamet vel ulputpation venim nulput
ing ea atinim nibh exero exer acidunt niam dolorpe cipit venibh
euisim nullaor riureet prat. Dui tat wis accum velesto dolorer sequis
alit er si tie dunt dolore dolore facip er sum diam niam, quip etum
in ut lut accum doluptat.
Thank you,

Jackson Philips
Board Director

Same color

Cherished supporters,
Felestinim volore vel eriure magna consequ scidunt ad ea consed
minibh elenit lumsan henit diatem quis alisis augue tat nonsenim
vel ut vel el ip erostrud ex ero eraessis nullan vulla consectet irit am
volesto conullamet iriusti nsectet non estisl irilisim autat. Duisit,
sum quat adipsummodo odolorperil iriureet aliquat vel dolore dit
velesenim.
Duisl iusci ex ea am, qui blaor ing eugait acipsuscilla cor iure modion ulla feummolesto odit, consed dipit duis dolessi.
Dui blaore con ulput ullum vullutpat el ea alis nullandre magna
feugait acipit praesequat ese veratum iliquipit luptat aliquatum
nibh ea amcon henibh el del exeros alis el dui tis augait praessendre
dolobore veliquat eni.
Lore elis nis accum il dit wis eugiamet vel ulputpation venim nulput
ing ea atinim nibh exero exer acidunt niam dolorpe cipit venibh

euisim nullaor riureet prat. Dui tat wis accum velesto dolorer sequis
alit er si tie dunt dolore dolore facip er sum diam niam, quip etum
in ut lut accum doluptat.
Thank you,

Jackson Philips
Board Director

Image along the bottom anchors
the page. The panoramic
backdrop fades slowly into the
distance, leaving the viewer’s
attention on the buffalo. The
dressy, willowy typeface,
colored to match the grass, is
a sophisticated contrast to the
heavy, earthy scene.

 4 of 9 

Swipe it!

0605


Before&After

®

Swipe it!

BAmagazine.com

5 of 9

i U X

Make a photographic headline

An airplane flashing across the sky is an immediate eye-catcher and a perfect
visual “headline” to lead off the advertisement beneath.

AirShow
Texture and flasp net exating end mist of it snooling. Spaff forl isn’t

The airplane’s fuselage and
swipe sweep along the same
line, reinforcing the motion
and energy. Instead of a heavy
blue rectangle, note how
the feathered image adds an
appropriately atmospheric
aura to the page.

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 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 net exating end mist of it snooling. Spaff forl isn’t
cubular but quastic, leam restart that can’t prebast.

Fort Worth Air Field @ 10:30 am
December 15, 2004

 5 of 9 

Swipe it!

0605


Before&After

®

Swipe it!

6 of 9

BAmagazine.com

i U X

Spotlight a product

A swipe can be any shape. In this case, it’s an oval that fades not to white but to black,

making a soft focal point appropriate for the subject matter.

An oval creates a soft spotlight that places focus on the
keys. It also softens the hard
directional lines made by the
keys. Diagonal-running keys
lead the eye to the type.

 6 of 9 

Swipe it!

0605


Before&After

®

Swipe it!

BAmagazine.com

7 of 9

i U X

Photoshop: How to make a swipe

A swipe can have a hard edge or soft; a hard edge creates a high-contrast line,

while a soft edge transitions gently into the background.

For a hard edge, just define your
shape with the either the Marquee,
Lasso or Pen tools, then Cut.

A soft edge requires feathering. With your
selection still active, go to Select>Feather,
enter a Radius amount, then Cut.

40 pixels
Medium

80 pixels
Soft

Note: Pixel amounts will vary with image
resolution; the higher the resolution, the
more pixels you’ll specify. Our results are
with a 300 ppi image.
0 pixels
Hard

 7 of 9 

Swipe it!

0605

Before&After

Swipe it!

®

BAmagazine.com

8 of 9

i U X

Article resources

Colors

Typefaces
1
2
3
12
13

Zinfandel Landscaping
521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566
www.zinfandellandscaping.com

Cherished supporters,

Mrs. Judy Hetzler

Hetzler Insurance
652 Kettleman Lane
Lodi, CA 95242

Felestinim volore vel eriure magna consequ scidunt ad ea consed
minibh elenit lumsan henit diatem quis alisis augue tat nonsenim
vel ut vel el ip erostrud ex ero eraessis nullan vulla consectet irit am
volesto conullamet iriusti nsectet non estisl irilisim autat. Duisit,
sum quat adipsummodo odolorperil iriureet aliquat vel dolore dit
velesenim.

Dear Mrs. Hetzler,

Duisl iusci ex ea am, qui blaor ing eugait acipsuscilla cor iure modion ulla feummolesto odit, consed dipit duis dolessi.

Lorer at in veraestrud do od doloborting essenit non er ad tetuerit aut lore magna
feudui blan estrud dipit nulluptat euis aut praesting et incincinim euguero odo
odiamconse doloborem inci tio consenis adit ver sumsandit ad tatem venisi bla feu
feugueriurem enis dolortie dolendionsed tat. Duisl utpatue aessim niatum zzril ut dipit
luptate te dunt pratio od min et dit praesequi tetum iliquate molorperil dion velesenis
eumsandreet nonsequat doloreet in utpat luptatum dolore moluptat.
Ut luptat nullan utpat. Lor irit velis nismolenisse vent dunt lan ut augiatem quis nullaoreet landiam nit la feumsan veliquat ad tie tate min ullam non ute feugiamet luptat
nosto commodignisl et nulla commodi iscipis nit eum ipismodipis ad dolore minci er
am in ullam autem am irit prat adionsequat, con venisim nonum delese consequatue
magna coreetum inci bla ad tio do core tatum quipsus ipsummolore doloreet.
Duissec etuer senismodo eros essecte core dit ing el utem nos nibh ea corpercil ut lor
iure dolestrud do cor sumsan vulput loborper sit, velestie volor ilit ipit iniat praesto
odo erit lore modions quat, quiscilis eraese del et vel ut dit lumsandiat laore ercilla
rperostrud magnaat. Duisl ea at, quam, quisit nisl diat.

Sincerely,

11a

Wyoming Wildlife Preserve

7

1 Cochin Bold Italic | 18 pt

8

2 Cochin Bold | 8.5/10.2 pt

15

3 Utopia Regular | 9/13 pt

Dui blaore con ulput ullum vullutpat el ea alis nullandre magna
feugait acipit praesequat ese veratum iliquipit luptat aliquatum
nibh ea amcon henibh el del exeros alis el dui tis augait praessendre
dolobore veliquat eni.

12 C0 M100 Y100 K40
13 C55 M50 Y100 K40

4 Coronet MT Bold | 72 pt

Lore elis nis accum il dit wis eugiamet vel ulputpation venim nulput
ing ea atinim nibh exero exer acidunt niam dolorpe cipit venibh

euisim nullaor riureet prat. Dui tat wis accum velesto dolorer sequis
alit er si tie dunt dolore dolore facip er sum diam niam, quip etum
in ut lut accum doluptat.

14 C100 M86 Y6 K2

5 Futura Book | 7.5/20 pt

15 C24 M33 Y50 K0

Thank you,

Jackson Philips
Board Director

6 Futura Bold | 9/14 pt
11c

Mike Zinfandel


16 C30 M25 Y55 K10

7 Carlton Plain | 35/42 pt
8 Garamond 3 | 8.5/10 pt

17 C32 M42 Y50 K32

9 (a–b) Helvetica Neue Heavy Extended
a) 36 pt, b) 23 pt

11d

11b
4
5

16

AirShow
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 and order is fay of alm. A card whint not oogum or

14

10 Sloop Script One | 168 pt

bont. Pretty simple, glead and tarm. Texture and flasp net exating end

17

Images

9a
10
9b

11 (a–d) Photos.com | a

b

c

d

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 net exating end mist of it snooling. Spaff forl isn’t
cubular but quastic, leam restart that can’t prebast.

6

Fort Worth Air Field @ 10:30 am
December 15, 2004

 8 of 9 

Swipe it!

0605


Before&After

®

Swipe it!

BAmagazine.com

9 of 9

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
/>
i U X

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 understandable, useful and even fun for everyone.

To pass along a free copy of this article to

John McWade Publisher and creative director
Gaye McWade Associate publisher
Vincent Pascual Staff designer
Dexter Mark Abellera Staff designer

others, click here.

Editorial board Gwen Amos, Carl Winther

E-mail this article

Join our e-list
To be notified by e-mail of new articles as
they become available, go to
/>
Before & After magazine
323 Lincoln Street, Roseville, CA 95678
Telephone 916-784-3880
Fax 916-784-3995
E-mail
www
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.

 9 of 9

|

Printing formats 

Swipe it!

0605

Before&After

BAmagazine.com

®

i U X

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.

For presentation format
Print: (Specify pages 1–9)

For paper-saver format
Print: (Specify pages 11–15)

Print
Format: Landscape
Page Size: Fit to Page

Save
Presentation format or
Paper-saver format

 Back

|

Paper-saver format 


0605 Swipe it!

0605



521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566
www.zinfandellandscaping.com

Zinfandel Landscaping

Swipe it!
521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566
www.zinfandellandscaping.com

Zinfandel Landscaping

Artistically erase part
of an image, shaping it
to fit the space.

521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566
www.zinfandellandscaping.com

Dear Mrs. Hetzler,

Mrs. Judy Hetzler
Hetzler Insurance
652 Kettleman Lane
Lodi, CA 95242

Zinfandel Landscaping

Dear Mrs. Hetzler,

Lorer at in veraestrud do od doloborting essenit non er ad tetuerit aut lore magna
feudui blan estrud dipit nulluptat euis aut praesting et incincinim euguero odo
odiamconse doloborem inci tio consenis adit ver sumsandit ad tatem venisi bla feu
feugueriurem enis dolortie dolendionsed tat. Duisl utpatue aessim niatum zzril ut dipit
luptate te dunt pratio od min et dit praesequi tetum iliquate molorperil dion velesenis
eumsandreet nonsequat doloreet in utpat luptatum dolore moluptat.

Mrs. Judy Hetzler
Hetzler Insurance
652 Kettleman Lane
Lodi, CA 95242

Lorer at in veraestrud do od doloborting essenit non er ad tetuerit aut lore magna
feudui blan estrud dipit nulluptat euis aut praesting et incincinim euguero odo
odiamconse doloborem inci tio consenis adit ver sumsandit ad tatem venisi bla feu
feugueriurem enis dolortie dolendionsed tat. Duisl utpatue aessim niatum zzril ut dipit
luptate te dunt pratio od min et dit praesequi tetum iliquate molorperil dion velesenis
eumsandreet nonsequat doloreet in utpat luptatum dolore moluptat.

Ut luptat nullan utpat. Lor irit velis nismolenisse vent dunt lan ut augiatem quis nullaoreet landiam nit la feumsan veliquat ad tie tate min ullam non ute feugiamet luptat
nosto commodignisl et nulla commodi iscipis nit eum ipismodipis ad dolore minci er
am in ullam autem am irit prat adionsequat, con venisim nonum delese consequatue
magna coreetum inci bla ad tio do core tatum quipsus ipsummolore doloreet.

Dear Mrs. Hetzler,
Lorer at in veraestrud do od doloborting essenit non er ad tetuerit aut lore magna
feudui blan estrud dipit nulluptat euis aut praesting et incincinim euguero odo
odiamconse doloborem inci tio consenis adit ver sumsandit ad tatem venisi bla feu
feugueriurem enis dolortie dolendionsed tat. Duisl utpatue aessim niatum zzril ut dipit
luptate te dunt pratio od min et dit praesequi tetum iliquate molorperil dion velesenis
eumsandreet nonsequat doloreet in utpat luptatum dolore moluptat.

Ut luptat nullan utpat. Lor irit velis nismolenisse vent dunt lan ut augiatem quis nullaoreet landiam nit la feumsan veliquat ad tie tate min ullam non ute feugiamet luptat
nosto commodignisl et nulla commodi iscipis nit eum ipismodipis ad dolore minci er
am in ullam autem am irit prat adionsequat, con venisim nonum delese consequatue
magna coreetum inci bla ad tio do core tatum quipsus ipsummolore doloreet.

Sincerely,

Duissec etuer senismodo eros essecte core dit ing el utem nos nibh ea corpercil ut lor
iure dolestrud do cor sumsan vulput loborper sit, velestie volor ilit ipit iniat praesto
odo erit lore modions quat, quiscilis eraese del et vel ut dit lumsandiat laore ercilla
rperostrud magnaat. Duisl ea at, quam, quisit nisl diat.

Mrs. Judy Hetzler
Hetzler Insurance
652 Kettleman Lane
Lodi, CA 95242

Ut luptat nullan utpat. Lor irit velis nismolenisse vent dunt lan ut augiatem quis nullaoreet landiam nit la feumsan veliquat ad tie tate min ullam non ute feugiamet luptat
nosto commodignisl et nulla commodi iscipis nit eum ipismodipis ad dolore minci er
am in ullam autem am irit prat adionsequat, con venisim nonum delese consequatue
magna coreetum inci bla ad tio do core tatum quipsus ipsummolore doloreet.

Sincerely,

Duissec etuer senismodo eros essecte core dit ing el utem nos nibh ea corpercil ut lor
iure dolestrud do cor sumsan vulput loborper sit, velestie volor ilit ipit iniat praesto
odo erit lore modions quat, quiscilis eraese del et vel ut dit lumsandiat laore ercilla
rperostrud magnaat. Duisl ea at, quam, quisit nisl diat.

Swipe it!

Swipe Vibrant, with designer shape

Mike Zinfandel


Sincerely,

Ghost Functional but dull and busy

Mike Zinfandel


Duissec etuer senismodo eros essecte core dit ing el utem nos nibh ea corpercil ut lor
iure dolestrud do cor sumsan vulput loborper sit, velestie volor ilit ipit iniat praesto
odo erit lore modions quat, quiscilis eraese del et vel ut dit lumsandiat laore ercilla
rperostrud magnaat. Duisl ea at, quam, quisit nisl diat.

Mike Zinfandel


Original Vibrant, impossible to read

Here’s your problem: You have photo and type competing for the same space, and
something has to give. One possibility is to ghost the photo and overlay the type, but this
drains its vibrancy, the very thing you like. An alternative? Try erasing some of the photo,
and turn it into a design element. A feathered edge will soften its transition to the page.

1 of 5

Before&After | www.bamagazine.com




0605 Swipe it!

Watch for interaction

Same color

Image along the bottom anchors
the page. The panoramic
backdrop fades slowly into the
distance, leaving the viewer’s
attention on the buffalo. The
dressy, willowy typeface,

colored to match the grass, is
a sophisticated contrast to the
heavy, earthy scene.

Swipe it!

0605



Mike Zinfandel


Sincerely,

Duissec etuer senismodo eros essecte core dit ing el utem nos nibh ea corpercil ut lor
iure dolestrud do cor sumsan vulput loborper sit, velestie volor ilit ipit iniat praesto
odo erit lore modions quat, quiscilis eraese del et vel ut dit lumsandiat laore ercilla
rperostrud magnaat. Duisl ea at, quam, quisit nisl diat.

Ut luptat nullan utpat. Lor irit velis nismolenisse vent dunt lan ut augiatem quis nullaoreet landiam nit la feumsan veliquat ad tie tate min ullam non ute feugiamet luptat
nosto commodignisl et nulla commodi iscipis nit eum ipismodipis ad dolore minci er
am in ullam autem am irit prat adionsequat, con venisim nonum delese consequatue
magna coreetum inci bla ad tio do core tatum quipsus ipsummolore doloreet.

Lorer at in veraestrud do od doloborting essenit non er ad tetuerit aut lore magna
feudui blan estrud dipit nulluptat euis aut praesting et incincinim euguero odo
odiamconse doloborem inci tio consenis adit ver sumsandit ad tatem venisi bla feu
feugueriurem enis dolortie dolendionsed tat. Duisl utpatue aessim niatum zzril ut dipit
luptate te dunt pratio od min et dit praesequi tetum iliquate molorperil dion velesenis

eumsandreet nonsequat doloreet in utpat luptatum dolore moluptat.

Dear Mrs. Hetzler,

Mrs. Judy Hetzler
Hetzler Insurance
652 Kettleman Lane
Lodi, CA 95242

521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566
www.zinfandellandscaping.com

Zinfandel Landscaping

Where’s the ideal place to make your swipe? Keep in mind that you want type and
image to work together, so what you’re looking for is how they interact.

(Above left) Even feathered, the swiped image has a
definite edge that a hard left text margin amplifies,
resulting in a visible, vertical column.
(Above right) A better solution puts the swipe on the
right, where it feathers naturally into the ragged text.

Solve incompatible shapes

Thank you,

Lore elis nis accum il dit wis eugiamet vel ulputpation venim nulput
ing ea atinim nibh exero exer acidunt niam dolorpe cipit venibh
euisim nullaor riureet prat. Dui tat wis accum velesto dolorer sequis

alit er si tie dunt dolore dolore facip er sum diam niam, quip etum
in ut lut accum doluptat.

Dui blaore con ulput ullum vullutpat el ea alis nullandre magna
feugait acipit praesequat ese veratum iliquipit luptat aliquatum
nibh ea amcon henibh el del exeros alis el dui tis augait praessendre
dolobore veliquat eni.

Duisl iusci ex ea am, qui blaor ing eugait acipsuscilla cor iure
modion ulla feummolesto odit, consed dipit duis dolessi.

Felestinim volore vel eriure magna consequ scidunt ad ea consed
minibh elenit lumsan henit diatem quis alisis augue tat nonsenim
vel ut vel el ip erostrud ex ero eraessis nullan vulla consectet irit am
volesto conullamet iriusti nsectet non estisl irilisim autat. Duisit,
sum quat adipsummodo odolorperil iriureet aliquat vel dolore dit
velesenim.

Cherished supporters,

Wyoming Wildlife Preserve

Here, a horizontal image is incompatible with the vertical space. Solution? Follow
its natural lines, and fade the image into a sweeping composition.

Cherished supporters,

Wyoming Wildlife Preserve
Felestinim volore vel eriure magna consequ scidunt ad ea consed
minibh elenit lumsan henit diatem quis alisis augue tat nonsenim

vel ut vel el ip erostrud ex ero eraessis nullan vulla consectet irit am
volesto conullamet iriusti nsectet non estisl irilisim autat. Duisit,
sum quat adipsummodo odolorperil iriureet aliquat vel dolore dit
velesenim.
Duisl iusci ex ea am, qui blaor ing eugait acipsuscilla cor iure
modion ulla feummolesto odit, consed dipit duis dolessi.
Dui blaore con ulput ullum vullutpat el ea alis nullandre magna
feugait acipit praesequat ese veratum iliquipit luptat aliquatum
nibh ea amcon henibh el del exeros alis el dui tis augait praessendre
dolobore veliquat eni.
Lore elis nis accum il dit wis eugiamet vel ulputpation venim nulput
ing ea atinim nibh exero exer acidunt niam dolorpe cipit venibh
euisim nullaor riureet prat. Dui tat wis accum velesto dolorer sequis
alit er si tie dunt dolore dolore facip er sum diam niam, quip etum
in ut lut accum doluptat.
Thank you,

Jackson Philips
Board Director

Jackson Philips
Board Director

2 of 5

Before&After | www.bamagazine.com



0605 Swipe it!

Make a photographic headline

The airplane’s fuselage and
swipe sweep along the same
line, reinforcing the motion
and energy. Instead of a heavy
blue rectangle, note how
the feathered image adds an
appropriately atmospheric
aura to the page.

0605



December 15, 2004

Fort Worth Air Field @ 10:30 am

cubular but quastic, leam restart that can’t prebast.

Texture and flasp net exating end mist of it snooling. Spaff forl isn’t

of alm. A card whint not oogum or bont. Pretty simple, glead and tarm.

the thin chack. “It has larch to say fan.” Why? Elesara and order is fay

can’t prebast. It’s tope, this fluant chasible. Silk, shast, lape and behast

mist of it snooling. Spaff forl isn’t cubular but quastic, leam restart that

bont. Pretty simple, glead and tarm. Texture and flasp net exating end

fan.” Why? Elesara and order is fay of alm. A card whint not oogum or

chasible. Silk, shast, lape and behast the thin chack. “It has larch to say

cubular but quastic, leam restart that can’t prebast. It’s tope, this fluant

Texture and flasp net exating end mist of it snooling. Spaff forl isn’t

AirShow

An airplane flashing across the sky is an immediate eye-catcher and a perfect
visual “headline” to lead off the advertisement beneath.

Spotlight a product

Swipe it!

An oval creates a soft spotlight that places focus on the
keys. It also softens the hard
directional lines made by the
keys. Diagonal-running keys
lead the eye to the type.

A swipe can be any shape. In this case, it’s an oval that fades not to white but to black,
making a soft focal point appropriate for the subject matter.

3 of 5

Before&After | www.bamagazine.com




1
2

Photoshop: How to make a swipe

9a
10
9b

17

16

11d

11c

15

8

7

b

10 Sloop Script One | 168 pt

Images
11 (a–d) Photos.com | a

40 pixels
Medium

80 pixels
Soft

A soft edge requires feathering. With your
selection still active, go to Select>Feather,
enter a Radius amount, then Cut.

d

Swipe it!

17 C32 M42 Y50 K32

16 C30 M25 Y55 K10

15 C24 M33 Y50 K0

14 C100 M86 Y6 K2

13 C55 M50 Y100 K40

12 C0 M100 Y100 K40

Colors

Note: Pixel amounts will vary with image
resolution; the higher the resolution, the
more pixels you’ll specify. Our results are
with a 300 ppi image.

c

9 (a–b) Helvetica Neue Heavy Extended
a) 36 pt, b) 23 pt

8 Garamond 3 | 8.5/10 pt

7 Carlton Plain | 35/42 pt

6 Futura Bold | 9/14 pt

5 Futura Book | 7.5/20 pt

4 Coronet MT Bold | 72 pt

3 Utopia Regular | 9/13 pt

2 Cochin Bold | 8.5/10.2 pt

1 Cochin Bold Italic | 18 pt

Typefaces

0 pixels
Hard

A swipe can have a hard edge or soft; a hard edge creates a high-contrast line,
while a soft edge transitions gently into the background.

For a hard edge, just define your
shape with the either the Marquee,
Lasso or Pen tools, then Cut.

Jackson Philips
Board Director

Thank you,

Lore elis nis accum il dit wis eugiamet vel ulputpation venim nulput
ing ea atinim nibh exero exer acidunt niam dolorpe cipit venibh
euisim nullaor riureet prat. Dui tat wis accum velesto dolorer sequis
alit er si tie dunt dolore dolore facip er sum diam niam, quip etum
in ut lut accum doluptat.

Dui blaore con ulput ullum vullutpat el ea alis nullandre magna
feugait acipit praesequat ese veratum iliquipit luptat aliquatum
nibh ea amcon henibh el del exeros alis el dui tis augait praessendre
dolobore veliquat eni.

Duisl iusci ex ea am, qui blaor ing eugait acipsuscilla cor iure modion ulla feummolesto odit, consed dipit duis dolessi.

Felestinim volore vel eriure magna consequ scidunt ad ea consed
minibh elenit lumsan henit diatem quis alisis augue tat nonsenim
vel ut vel el ip erostrud ex ero eraessis nullan vulla consectet irit am
volesto conullamet iriusti nsectet non estisl irilisim autat. Duisit,
sum quat adipsummodo odolorperil iriureet aliquat vel dolore dit
velesenim.

Cherished supporters,

Wyoming Wildlife Preserve

Article resources

521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566
www.zinfandellandscaping.com

Zinfandel Landscaping

Mrs. Judy Hetzler
Hetzler Insurance
652 Kettleman Lane
Lodi, CA 95242

Lorer at in veraestrud do od doloborting essenit non er ad tetuerit aut lore magna
feudui blan estrud dipit nulluptat euis aut praesting et incincinim euguero odo
odiamconse doloborem inci tio consenis adit ver sumsandit ad tatem venisi bla feu
feugueriurem enis dolortie dolendionsed tat. Duisl utpatue aessim niatum zzril ut dipit
luptate te dunt pratio od min et dit praesequi tetum iliquate molorperil dion velesenis

eumsandreet nonsequat doloreet in utpat luptatum dolore moluptat.

Dear Mrs. Hetzler,

Ut luptat nullan utpat. Lor irit velis nismolenisse vent dunt lan ut augiatem quis nullaoreet landiam nit la feumsan veliquat ad tie tate min ullam non ute feugiamet luptat
nosto commodignisl et nulla commodi iscipis nit eum ipismodipis ad dolore minci er
am in ullam autem am irit prat adionsequat, con venisim nonum delese consequatue
magna coreetum inci bla ad tio do core tatum quipsus ipsummolore doloreet.

Sincerely,

Duissec etuer senismodo eros essecte core dit ing el utem nos nibh ea corpercil ut lor
iure dolestrud do cor sumsan vulput loborper sit, velestie volor ilit ipit iniat praesto
odo erit lore modions quat, quiscilis eraese del et vel ut dit lumsandiat laore ercilla
rperostrud magnaat. Duisl ea at, quam, quisit nisl diat.

Mike Zinfandel


cubular but quastic, leam restart that can’t prebast. It’s tope, this fluant

Texture and flasp net exating end mist of it snooling. Spaff forl isn’t

AirShow
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 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 net exating end mist of it snooling. Spaff forl isn’t

December 15, 2004

Fort Worth Air Field @ 10:30 am

cubular but quastic, leam restart that can’t prebast.

4 of 5

Before&After | www.bamagazine.com

0605



3
12
13

11a

11b
4
5

14

6

0605 Swipe it!




0605 Swipe it!

Subscribe to Before & After
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 understandable, 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
www
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.

Swipe it!

0605



Did you enjoy this article? Subscribe, and
become a more capable, confident designer
for pennies per article. To learn more, go to
/>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
/>
5 of 5

Before&After | www.bamagazine.com