Rabu, 16 September 2009

Add Depth of Field to

Add Depth of Field to

Perk up Dull Photos...

The life of a designer is often complicated by customer supplied photos. Many times there's little you can do to save them. One rule you can always count on is. . .

Isolation

One of the tricks I've always depended on is isolation. You can almost always add drama or focus the readers' attention by isolating the subject of an image. While there are many ways to do this, in some cases the best way is through depth of field.

In this image sent in by the client for a web page about an event, a guest speaker is quite helplessly lost in a field of people who were sitting behind the speakers podium. This not only makes the subject harder to pick out of the image, but makes the speaker less important than she should be.

I take the pen tool and create an outline around the subject to build a mask. You can do this with the Lasso or the Pen tool, either one gives basically the same results.

I happen to like the Pen tool better because it's much more flexible, more predictable, and more powerful. (If you've taken Sharon Steuer's "Zen of the Pen" Seminar, you'll know what I'm talking about.)

Once I've isolated the subject, I simply Select > Invert the selection, and apply some careful blurring. Be careful with the blurring because you want the viewer to still understand what the background is. So don't blow it away. This is probably the most natural looking technique for isolating the subject without calling attention to itself.

The reader sees the subject unhindered, and continues with the story rather than wondering what was done to the background.

Doing this depends on the software you're using, but it can be accomplished in virtually all the image editing packages available on the market today.

In Photoshop you can

  • 1. Use the Lasso or pen tool to select the subject
  • 2. Go Select > Invert Selection
  • 3. Feather Selection (amount is dependant on the size and resolution of the image, in this case since it was low-rez for the web, we only feathered 2 to get rid of the hard edge.)
  • 4. Hide Selection (cmd/h)
  • 5. Filter > Blur or Filter > Gaussian Blur and then set the amount of blure you need to make your point.
Presto, you've isolated the subject for greater interest, while softening those other faces so they won't be distracting or confusing. Note also that I included the microphone into that selection, and blurred it even more to

take it out of visual recognition all together. The microphone is GONE and I didn't even have to cut it out!

At the same time, I again Select > Invert to make her the active selection and brightened her a bit.

Variations on this technique would be to darken/lighten the fore or background.

Here's a swell trick... while the background is selected, slide on up to the Hue/Saturation dialog, and de-saturate the background to grayscale. Wow! Now she'll really pop off the page.

Try it out and see if you don't get some rather good results.

... and thanks for reading!


Focus Fall-off with Layer Masks (DEPTH OF FIELD)

Adjusting the mask to move the focus where we want it

Rather than repeating the process to move the gradient to take in more or less of the image, there's another way to achieve the goal. In this situation, we left too much of the image blurred, and needed to move the mask to the left.

NOTE THISStep Three: Adjusting the mask to blur less of the image



emember the mantra:
"White reveals, Black hides"

Clicking on the little chain icon between the two thumbnails to breaks the link between the mask and the image. Once unlocked, or unlinked, the mask or image can be moved independently of each other. Simply click in the thumbnail for the mask and move it around in the image.

Below you see the results of moving the mask. Keeping the shift key down to constrain the move horizontally, I click in the thumbnail and drag it to the left.
Notice the arrow is pointing to the white area of the mask, which allows blurred image to be revealed.
We want to cover that up.

Keeping the mask thumbnail active (see double lines around the thumbnail) I make a marquee (Tap M) selection of the white portion in my image window, and fill it with black! (Option/delete, or Alt/delete) Presto, the blur is gone and the crystal clear image returns to that portion. Now the mask thumbnail should be black all the way to its right edge.

NOTE THISFinishing: Color adjustment, crop and save

Since the awards were lighted by auditorium lights, the whole scene has an overall warmness. Rather than fooling with a bunch of tedious curves, or tonal adjustments -- just like an old-time photographer -- we'll use a color filter. They're located under the Layers menu and so we chose:
Layers > New Adjustment Layer > Photo Filters and then "Cool"

A slight amount of cooling filter brings the light to the right temperature. We feel this is more realistic since the awards were not nearly as "gold" as the auditorium lights made them look. to compare the effects of the cooling filter.