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
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.


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,
Sincerely,
Sincerely,
Mike Zinfandel
mike@zinfandellandscaping.com
Mike Zinfandel
Mike Zinfandel
Original Vibrant, impossible to read
Ghost Functional but dull and busy
Swipe Vibrant, with designer shape
Heres 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
Wheres the ideal place to make your swipe? Keep in mind that you want type and
image to work together, so what youre looking for is how they interact.
Mrs. Judy Hetzler

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

(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.
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

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
velesenim.
Thank you,
Jackson Philips
Board Director
Image along the bottom anchors

the page. The panoramic
backdrop fades slowly into the
distance, leaving the viewers
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 asp net exating end mist of it snooling. Spaff forl isnt
The airplanes 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 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 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 and order is fay
of alm. A card whint not oogum or bont. Pretty simple, glead and tarm.
cubular but quastic, leam restart that cant 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, its 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.
A soft edge requires feathering. With your

selection still active, go to Select>Feather,
enter a Radius amount, then Cut.
For a hard edge, just define your

shape with the either the Marquee,
Lasso or Pen tools, then Cut.
40 pixels
Medium
80 pixels
Soft
Note: Pixel amounts will vary with image

resolution; the higher the resolution, the
more pixels youll 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
Typefaces
1
2
3
12
13
Mrs. Judy Hetzler

Hetzler Insurance
652 Kettleman Lane
Lodi, CA 95242

velesenim.
Dear Mrs. Hetzler,

Sincerely,
11a
1 Cochin Bold Italic | 18 pt
2 Cochin Bold | 8.5/10.2 pt
15
3 Utopia Regular | 9/13 pt

4 Coronet MT Bold | 72 pt
5 Futura Book | 7.5/20 pt
Thank you,
Jackson Philips
Board Director
6 Futura Bold | 9/14 pt

11c
Mike Zinfandel
7 Carlton Plain | 35/42 pt

8 Garamond 3 | 8.5/10 pt
Colors
12 C0 M100 Y100 K40
13 C55 M50 Y100 K40
14 C100 M86 Y6 K2
15 C24 M33 Y50 K0
16 C30 M25 Y55 K10
17 C32 M42 Y50 K32
9 (ab) Helvetica Neue Heavy Ext

a) 36 pt, b) 23 pt
11d
11b
4
5
16
AirShow
14
10 Sloop Script One | 168 pt
17
Images
9a
10
9b
11 (ad) Photos.com | a b c d
Related articles
0620 | 0641 | 0673 | 0674 | 0675 | 0682

December 15, 2004
Article revised on 07/15/10
8 of 9
Swipe it! 0605
Before&After
Swipe it!
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
http://www.bamagazine.com/Subscribe
BAmagazine.com
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
http://www.bamagazine.com/email

323 Lincoln Street, Roseville, CA 95678
Telephone 916-784-3880
Fax 916-784-3995
E-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.
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 19)
For paper-saver format

Print: (Specify pages 1115)
Print
Format: Landscape
Page Size: Fit to Page
Save
Presentation format or
Paper-saver format
Back|Paper-saver format
0605 Swipe it!

Swipe it!
Artistically erase part

of an image, shaping it
to fit the space.

Dear Mrs. Hetzler,
Mrs. Judy Hetzler

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

Mrs. Judy Hetzler

Hetzler Insurance
652 Kettleman Lane
Lodi, CA 95242

Dear Mrs. Hetzler,

Sincerely,
Mrs. Judy Hetzler

Hetzler Insurance
652 Kettleman Lane
Lodi, CA 95242
Sincerely,
Swipe it! 0605
Swipe Vibrant, with designer shape
Mike Zinfandel
Sincerely,
Ghost Functional but dull and busy
Mike Zinfandel
Mike Zinfandel
Original Vibrant, impossible to read
Heres 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 viewers
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,

Dear Mrs. Hetzler,
Mrs. Judy Hetzler

Hetzler Insurance
652 Kettleman Lane
Lodi, CA 95242

Wheres the ideal place to make your swipe? Keep in mind that you want type and
image to work together, so what youre 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,

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

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

velesenim.
Duisl iusci ex ea am, qui blaor ing eugait acipsuscilla cor iure
modion ulla feummolesto odit, consed dipit duis dolessi.
Thank you,
Jackson Philips
Board Director
Jackson Philips
Board Director
2 of 5
0605 Swipe it!
Make a photographic headline
The airplanes 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.
December 15, 2004
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! 0605
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, its an oval that fades not to white but to black,
making a soft focal point appropriate for the subject matter.
3 of 5
1
2
Photoshop: How to make a swipe
9a
10
9b
17
16
11d
11c
15
80 pixels
Soft
A soft edge requires feathering. With your

selection still active, go to Select>Feather,
enter a Radius amount, then Cut.
40 pixels
Medium
Swipe it! 0605
Article revised on 07/15/10
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 youll specify. Our results are
with a 300 ppi image.
0620 | 0641 | 0673 | 0674 | 0675 | 0682
Related articles
11 (ad) Photos.com | a b c d
Images
10 Sloop Script One | 168 pt
9 (ab) Helvetica Neue Heavy Ext

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,


velesenim.
Article resources

Mrs. Judy Hetzler

Hetzler Insurance
652 Kettleman Lane
Lodi, CA 95242

Dear Mrs. Hetzler,
Sincerely,
Mike Zinfandel
AirShow
December 15, 2004
4 of 5
3
12
13
11a
11b
4
5
14
0605 Swipe it!
0605 Swipe it!
Subscribe to Before & After

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
323 Lincoln Street, Roseville, CA 95678
Telephone 916-784-3880
Fax 916-784-3995
E-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.
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
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
5 of 5

Swipe It!: Artistically Erase Part of An Image, Shaping It To Fit The Space

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Swipe It!: Artistically Erase Part of An Image, Shaping It To Fit The Space

Transféré par

Droits d'auteur :

Formats disponibles

Before&After

Swipe it! 0605

521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566

521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566

521 Turner Rd., Galt, CA Tel 209.954.6565 Fax 209.954.6566

Mrs. Judy Hetzler

Mrs. Judy Hetzler

Mrs. Judy Hetzler

Dear Mrs. Hetzler,

Dear Mrs. Hetzler,

Dear Mrs. Hetzler,

Lorer at in veraestrud do od doloborting essenit non er ad tetuerit aut lore magna

Lorer at in veraestrud do od doloborting essenit non er ad tetuerit aut lore magna

Lorer at in veraestrud do od doloborting essenit non er ad tetuerit aut lore magna

Original Vibrant, impossible to read

Ghost Functional but dull and busy

Swipe Vibrant, with designer shape

Swipe it! 0605

Watch for interaction

Mrs. Judy Hetzler

Dear Mrs. Hetzler,

(Above left) Even feathered, the swiped image has a

Swipe it! 0605

Solve incompatible shapes

Wyoming Wildlife Preserve

Image along the bottom anchors

Swipe it! 0605

Make a photographic headline

An airplane flashing across the sky is an immediate eye-catcher and a perfect

The airplanes fuselage and

Fort Worth Air Field @ 10:30 am

Swipe it! 0605

An oval creates a soft spotlight that places focus on the

Swipe it! 0605

Photoshop: How to make a swipe

A soft edge requires feathering. With your

For a hard edge, just define your

Note: Pixel amounts will vary with image

Swipe it! 0605

Mrs. Judy Hetzler

Felestinim volore vel eriure magna consequ scidunt ad ea consed

Dear Mrs. Hetzler,

Lorer at in veraestrud do od doloborting essenit non er ad tetuerit aut lore magna

Wyoming Wildlife Preserve

1 Cochin Bold Italic | 18 pt

2 Cochin Bold | 8.5/10.2 pt

3 Utopia Regular | 9/13 pt

Dui blaore con ulput ullum vullutpat el ea alis nullandre magna

5 Futura Book | 7.5/20 pt

6 Futura Bold | 9/14 pt

7 Carlton Plain | 35/42 pt

9 (ab) Helvetica Neue Heavy Ext

10 Sloop Script One | 168 pt

0620 | 0641 | 0673 | 0674 | 0675 | 0682

cubular but quastic, leam restart that cant prebast.

Fort Worth Air Field @ 10:30 am

Article revised on 07/15/10

Swipe it! 0605

Subscribe to Before & After

Before & After magazine

To pass along a free copy of this article to

John McWade Publisher and creative director

others, click here.