This post is the first of a new series called Photoshop Basics which aims to catalog the simple Photoshop tools we need edit our images for the web. I’m going to start the series by showing how to use rectangles as labels with contrasting fonts for captions.
I’m sure you’ve seen rectangular shapes used as labels on many blogs and websites. You might have seen them arranged in neat strips (like in Eleonore’s first photo) or as overlapping semi-transparent captions (as in the Ladybug photo above). Optionally, you can change the orientation to add a bit of visual interest (as I did in Elenore’s photo below). The vertical orientation is annoying, but it makes you look, right? Anyway, it’s just an example. ;)
How to Add Rectangular Labels to Your Photos
Adding labels in Photoshop is really simple. Go to the Toolbox and select the Rectangle Shape. Then, go to the submenu (beneath the main menu) and select the Shape Layers option — this option will ensure a color-filled rectangle. Next, go to your document and click once and drag and then release. Don’t stop there! Experiment by adding textures. Experiment further by adding more labels and making those shapes overlap. Play with the opacity and blending modes to see how your shapes interact with each other and your photo.
Add Your Caption
The final step would be to add some text on a layer above your labels. In this exercise, I used 2 fonts: Professor and Trebuchet. Why 2 fonts? Professor serves as a title or headline while the other is a readable body text.