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