Changing Depth of Field in Photoshop

In Photography, the depth of field refers to the area of sharp focus in a photograph. You can create photographs which are fully in focus throughout (large depth of field) or which have a small area sharply focused but the rest is blurred (small depth of field) or photographs which may have a mix of half and half (medium depth of field).

Adjusting the aperture on your camera is one factor which allows you to change the depth of field. However, if your camera is fully automatic it can be difficult to achieve depth of field effects or if you need to change the depth of field on an existing photograph, that’s where Photoshop comes in.

In this quick, simple tutorial, we’ll manipulate a photograph to give a sharp foreground (the face) and a blurred background (the rest of the body).

1. Open the photo that you want to apply the effect to. I’m using this gorgeous picture of a baby by coolza on Stock Xchng. (You can download it for free but must give credit.)

Baby

2. Duplicate the layer by pressing Ctrl + J (windows) or Cmd + J (mac) in the Layers palette.

Layers

3. Choose Filter > Blur > Gaussian Blur and when the dialog box opens increase the Radius to about 10 pixels so that the entire image is blurred.

blur

4. Now we can use a Layer Mask to reveal part of the untouched layer at the bottom of the Layer stack. On the Layer palette, click on the Add Layer Mask icon.

AddLayerMask

When the Layer Mask thumbnail is added, click on it to ensure the Layer Mask is selected rather than the whole layer.

5. In the toolbar, select the Brush Tool, set the Foreground color to black and in the Options bar set it a round tip of 300 pixels and 0% hardness.

Brush

6. Start painting on the baby’s face and you will see the Sharpness from the original image.

MaskPainting

7. Keep painting until the baby’s head is fully sharp but the rest of it’s body is left blurred. And your final image should look something like this.

FinalImage

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • http://www.krues8dr.com krues8dr

    Having worked with this technique a lot, it’s worth mentioning that you get a more realistic result if you use multiple layers of blur with gradient masks. Essentially, you need to create several focal planes of blur, based on the distance from where the camera would be, to keep things looking real and not obviously ‘shopped. For instance, in the shot above, the area around the baby’s shoulders and hands should all be slightly more in focus than the background. Creating separate layers for each of these, with more blur showing through the further away the area is, will give you layers of depth. Also, spend some time really working with the gradient in the mask, painting in various layers of greys instead of just black and white, to get a more smooth dropoff.

  • http://www.laughingliondesign.net Jennifer Farley

    Hi Krues8dr, yes you’re absolutely right. thanks for commenting.

    The mask I used here is literally black and white and a more subtle approach would be to use greys in the mask. This was just a quick and dirty approach to show the fundamentals, but you could certainly spend more time working on a medium depth of field.