Integrating Text & Photography

For the rest of the project, we will integrate text with our photos to create a cohesive advertisement or PSA. In many cases, you may need to use the pen tool and composite your subject onto a different background, or apply a filter to your photo.

Here are some ads that successfully integrate text and photography:

Now let’s examine different ways to add text to photos taken by your classmates:

Case Study: Alyssa

Cropping to Reflect the Rule of Thirds, Adding Text that Follows the Subject’s Gaze and Movement

Here is the original photo. There are many successful elements, but the focal point does not currently follow the rule of thirds, which makes the subject feel too centered:
alyssazion1

Notice how the photo better follows the rule of thirds after we crop it:
alyssazion2

Zion’s hand creates movement. Having his hand point to the text draws our eye to the text:
alyssazion3

This second example works because Mabel’s eyes and the text both follow the rule of thirds, and she is looking in the direction of the text:
alyssamabel2

Case Study: Brian

Using the Pen Tool to Remove a Subject from the Original Background, Moving the Subject on the Canvas to Follow the Rule of Thirds

This is a fantastic photo of Marina, but the background is distracting:
brian0

We can use the pen tool to path out Marina, select her, copy and paste her onto a new layer. We can then create a new layer between the original image and the layer with just Marina, and use the paint bucket Screen Shot 2016-05-30 at 3.50.49 PM.png from the toolbar on the left side of the screen to paint this layer solid white:
brian1

This is a great start, but the image can be even more dynamic if we move Marina so the composition better follows the rule of thirds:
brian2

We can also use the rule of thirds to determine where to place the text. Notice how this composition also uses the direction of the banana to draw the viewer’s eye toward the text:
brian3

Case Study: Giacomo

Making the Text Pop with Filters and Transparent Bars

This photo has potential, but it lacks an obvious area with negative space in which to place the text:
giacomo0

One solution is to use the rectangle tool rectangle tool in the toolbar on the left side of the screen to draw a space for the text to go.
You can then allow some of the image to show through by decreasing the opacity in the layers palette on the lower right side of the screen:
opacity

We can add some text, and our image now looks like this:
giacomotextoverlay.png

The dark rectangle helps, but the photo and the text still compete for attention. We can make the image recede into the background by adjusting photo filters. I always duplicate the background layer before trying any photo filters to maintain a copy of the original.

Here is the layout with a sepia filter and with the contrast reduced.
I have also changed the color of the dominant text to coordinate with the photo:
giacomofilters.png

Which case studies apply to your project?

Today we will:

  • Add text onto our photos. This will help us determine:
    • the best photos to use
    • which edits we may need to make
    • whether or not we need to shoot any additional photos, and if so determine specific parameters for those photos
  • Create a new blog post with images of today’s work (even if it was a major fail) and a brief reflection on what you will need to do next class.
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s