Design How-To: Make Type and Photos Play Nice

When text and images are battling for the same space, you don't have to give up one or the other. Here are practical techniques for bringing the two together.
Written by John McWade on May 10, 2005

Related Reading

This story is taken from "Before & After" Magazine".

You can subscribe to "Before & After Magazine" in PDF or Print. Click here to learn more.

A strong, vibrant photo can be the star player in your design. But what if the photo is so strong that it overshadows everything else on the page? That's when it's time for a little strategic "swiping"; using an image editor, you erase part of the image so that text is visible, but the image's power remains. After seeing all the examples in this how-to, you'll be inspired to try it yourself.

"Here, a horizontal image is incompatible with the vertical space. Solution? Follow the image's natural lines, and fade it into a sweeping composition. 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."

We've posted this story as a PDF file. All you do is click this link "Balance Type and Photos" to open the PDF file in your Web browser. You can also download the PDF to your machine for later viewing. This how-to is formatted for easy onscreen reading. However, if you prefer paper, see pages 13 through 18 of the PDF, which repeat the information in a format suitable for printing.

To open the PDF, you'll need Adobe Acrobat or Adobe Reader. We highly recommend Acrobat Reader 7.0 to view Before & After PDFs. To download Acrobat Reader click below:

.

To learn how to configure your browser for viewing PDF files, see the Adobe Reader tech support page.

1

Great

I like the article. Great information to know

2

Looks amateurish ...

and I think the background of the photo is more interesting than the buffalo.

3

An excellent way to resolve a design problem.

The background in the photo adds nothing to the message; indeed, it detracts from it. Erasing it makes the text readable and gives the design much needed white space.

Login

Login to post a comment. Not a member? Sign up here
You may login with either your assigned username or your e-mail address.
The password field is case sensitive.
Forgot your password?