This tutorial will teach you how to create a depth of field effect for your photos. Below is the before and after result of the photo.


In this tutorial, I will be using this chess piece image. To download it, simply right click – save image as to your computer.

Step 1 – Enabling Quick Mask Tool

Lets get started. After you have open the image, you need to select the area that will be affected for the depth of field. You need to use the quick mask tool under your toolbar. Click on the icon as shown in the image below to enable quick mask.

Step 2 – Making Selection

After enabling the quick mask tool, you now have to use your gradient tool to create the gradual selection. Make sure your gradient is pure white(#FFFFFF) on one end and pure black(#000000) on the other.

Step 3 – Making Selection

With the gradient tool(G for shortcut) selection, drag from point A to point B as shown in the image below. You should see red color towards the right side.
To give a simple explanation on the quick mask tool, white colour is the area for selection and black is not. Hence, with gradient tool in place, the selection is in a gradual manner.

Step 4 – Making Selection

To make the actual selection, click on the quick mask tool again.

You should see the dotted selection line on your image.

Step 5 – Applying Len blur

To give the selection a depth of field effect, we will use the Len blur filter. Apply the setting as shown below.

If you are using your own images for this tutorial, you can play around with the radius parameter to achieve the effect.


After applying the filter, you now have a fake depth of field created in photoshop.

2 Responses so far.

  1. Ally
    August 26, 2011, 5:52 am

    Boy that rellay helps me the heck out.

  2. happyday67
    September 17, 2011, 5:52 pm

    Thanks for providing such a great article, it was excellent and very informative. as a first time visitor to your blog I am very impressed. I found a lot of informative stuff in your article. Keep it up. Thank you.

Write down your thoughts

Allowed tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>