Sign Up Now
Twitter Facebook Flickr Buzz
PhotoshopSociety.org
 
Search:   
 
Social Networks

LOGIN     

Go
Forgot Password? Go Join Now
Sign Up for Starter's Pack (Free)
Call (800) 223-8720
Email custserv@photoshopsociety.org
 
Need Web Solutions? Get Free Sample Issue

Library: Web Design

  Search Library:
 
 

Simple steps to mix text and images effectively

Added on Thursday 16th of September 2010 03:54 am EST
 

When you’re working on the web, it’s important to make text stand out. After all, that’s what the viewer is usually looking for—content. And while it’s easy to create contrasting text elements on a solid background, you’re often asked to include text on a photo or other illustration that contains a number of colors. That can be a problem. As you can see from the example in Figure A, the text doesn’t contrast well against the rock surface and gets washed out against the background. In fact, the addition of the text makes the image appear more two-dimensional than the original. Let’s look at how to solve this dilemma. For our examples, we’ll use Adobe Photoshop, but keep in mind that these concepts can be carried out using any general graphic-editing software.



Solution 1: Change the color
Obviously, the simplest option when adding text to a graphic is just to pick a color that contrasts with the background image, as illustrated in...