Photographing the Milky Way

Your content will be up shortly. Please allow up to 5 seconds
Tips & Tricks

How To Add Realistic Bokeh In Photoshop

By Kishore Sawh on April 24th 2014

I feel it prudent to start off by suggesting that when it comes to DOF, it’s going to be better getting it right in camera. However, not getting it quite right, or deciding after the fact, shouldn’t stop you from turning a good or mediocre photo into a better, more pleasing one. I see people adding DOF in post processing all the time, but it’s usually done terribly, hence I can easily spot t. Done well, on the right photo, it can actually be very effective, and you likely have the tool to do it – Photoshop.

We are going to be using the depth map feature, which is going to allow us to add a gradient of defocus areas. Essentially allowing for varying levels of defocus to various parts of the photo giving a much more natural and realistic effect.
Note* – for the duration of this keep black as your foreground color, and white as the background. You can also name the layers anything you like, just keep track of what’s what.

[REWIND: Adding Vintage Edge Burn Easily In Photoshop]

 

How To:

1. Open chosen photo and duplicate it. Then add a new layer. You can hit the button or hit Shift+Cmnd+N on MAC, or Shift+Ctrl+N on PC. Name that layer Defocus Map, and set the opacity to 70%. Select the Gradient Tool (shares a tab with the Paint Bucket in your tool bar). For this I’ll be using the Linear Gradient as found in your Gradient options bar, but there are others depending on what you’re going for and the photo in question.

bokeh-depth-of-fied-dof-photoshop-lens-blur-how-to-base

2. I want me on and the rocks here in the foreground to still be in focus and the background to fall more out of focus. With the gradient tool selected, click from the bottom to the top of the photo to draw a line that is the basis of the gradient. Your photo should look like the one below. The darker areas will be more in focus, and the lighter areas less so. Then change the opacity of that layer to 100% and hide it (click the eye symbol next to layer name).

bokeh-depth-of-fied-dof-photoshop-lens-blur-how-to-2

3. Add another new layer which we’ll call ‘Focal Subject.’ The point of this step is to highlight the primary focus.



4. Select the duplicate background layer. Using the Quick Selection Tool, select the main focus of the photo aka the area to keep most in focus. Once you have an ant line drawn around the subject, go back to the ‘Focal Subject’ layer and select the brush tool. Color over the area within the ant line entirely – don’t worry the ant line will not allow any overspill.

bokeh-depth-of-fied-dof-photoshop-lens-blur-how-to-3

5. While still on the Focal Subject layer, change its opacity to 100%. Then unhide the Defocus Map layer. Next select the Focal Subject layer and ‘Merge Down’ into the Defocus Map layer (right click and hit ‘Merge Down’).

bokeh-depth-of-fied-dof-photoshop-lens-blur-how-to-8

6. Select the entire image in the merged layer by hitting Cmnd/Cntl+A, then Cmnd/Cntl C, to copy the whole thing. Then hide the layer.

7. Switch to the Channels tab next to the Layers tab. Hit the button at the bottom to crate a new channel. Once done, hit Cmnd/Ctrl+V to paste the copied merged layer. A selection called ‘Alpha 1’ should appear. When it does, hide it, and go back to the layers tab.

bokeh-depth-of-fied-dof-photoshop-lens-blur-how-to-9

8. In the Layers tab select your background duplicate layer, and duplicate it again via right click. Title it something like Focal Filter or Lens Blur. then wight that new layer selected go to Filters>Blur>Lens Blur. This is where you alter all the real bokeh parameters. In the Depth Map box drop down menu select ‘Alpha 1,’ and the depth will be applied. Your focal subjects should remain crisp. You can play around with the settings to see what suits best. I upped my radius really high, and chose a triangular shape iris. I also select ‘More Accurate’ from the preview box.

bokeh-depth-of-fied-dof-photoshop-lens-blur-how-to-12

bokeh-depth-of-fied-dof-photoshop-lens-blur-how-to-13

Here is the before and after:

bokeh-depth-of-fied-dof-photoshop-lens-blur-how-to-14

About

Kishore is, among other things, the Editor-In-Chief at SLR Lounge. A photographer and writer based in Miami, he can often be found at dog parks, and airports in London and Toronto. He is also a tremendous fan of flossing and the happiest guy around when the company’s good.

Q&A Discussions

Please or register to post a comment.

  1. Davideo

    Thanks for sharing this, never thought of doing it this way, I used to make a copy of the image and blur it then start masking out . This way is miles better :)

    | |
  2. Jason L

    This adds to the depth of field not the “Bokeh”…

    | |
    • Kishore Sawh

      Hi Jason, it is digitally manipulated so yes it adds to the perception of the depth of field, which is represented by the look of the defocused area. It is that haze/blur that is in fact the bokeh.

      | |
  3. Chris

    Wouldn’t a simple layer mask be a lot easier?

    | |
    • Roland

      It might seem so, but it’s important to remember that DoF acts differently depending on the distance of the object you want blurred, as well as that focus is gradual, and unless there’s good distance or compression between the fore and background, having stark differences in focus could look unnatural. Having the gradient there to provide some sort of variation based on what we expect to see from out of focus areas helps sell the effect. I like to think of DoF plane in a difficult to explain way, but I’ll spare you the lecture.

      | |
    • Chris

      Roland, you can have a gradient in a layer mask just as well.

      | |
[i]
[i]