Press Ctrl/Cmd+J to duplicate the background

copy layer in photoshop

2. Choose the Object Selection or Quick selection tool

photoshop selection tools

3. If you are on Photoshop 2019 or newer, click the Select Subject button at the top of the menu bar.
If you are on Photoshop CS6-2018 make a selection with the Quick Selection tool.

select subject, automatically make a selection using Adobe AI

You should see marching ants around the couple.

Photoshop Marching Ants

4. Use the object selection tool to clean up the selection. Hold the alt/option key to get the minus selection, for removing areas from the selection.

refine selection

Once your selection is ready, its time to move on.  Note, the selection doesn’t have to be remotely good near the ground, as this area won’t be blurred.

5, Press the Layer Mask button in the layers panel to put the selection into a mask.

Add a layer Mask

Now, we are going to prep the image, so we don’t get halos around the blur, as that looks bad.

Here is an example of what we want to avoid.

If you have done this in the past, it’s ok. Now you know and will have a better way to do it moving forward. (YAY PhotoshopCAFE for real techniques that work in the real world)

Don't blur like this in Photoshop, Ill show you a better way

6, Choose the Background layer

If the selection isn’t still active, hold Ctrl/Cmd and click the layer mask to load its selection.

Click the eye to the left of the top layer to hide the cutout for now.

Turn Mask into selection

7. Choose Select>Modify>Expand

A small amount like 3 is enough. We just want to make the selection a little larger than the edges of the people.

Click ok

Expanding Photoshop selection

8. Press Shift+Delete on Mac / Shift+Backspace on Windows

This opens the fill dialog box

Choose Content Aware in the Contents drop down

Press OK

Content Aware Fill

The selected area is a filled, it doesn’t have to be anywhere near perfect, as long as the edges look good. This will prevent the edges expanding and adding that halo when we blur the background.

(If you don’t see the result, hide the top layer)

9. Press Cmd/Ctrl+D to turn off selection.

Filled selection

10, Make the top layer visible again, so you see the people. Make sure you are still working on the bottom layer.

Choose Filter>Blur Gallery>Tilt Shift

The Blur Gallery in Photoshop

11. Move the pin down to the area that you want to keep sharp and in focus, where the feet are.

Set the top and bottom lines by dragging on them. All this is explained in the video.

Now we have a blur going up and another going down. Spin the ring in the middle to increase or decrease the blur amount.

Don’t press ok yet.

How to use Tilt Shift Blur in Photoshop

12. Now, let’s add an additional blur to the left.

Still in the blur gallery, check the box for Field Blur. Yes, you can have more than one blur happening at once in this tool.

Click on the words; Field Blur, this activates the controls for field blur.

Choose field blur to add depth of field

13. You will see a pin, adjust this to change the amount of overall blur.

Field Blur filter

We want to blend the blur into a nice sharp photo.

Click on the photo, to add a second pin. Hold Ctrl/Cmd+Doubleclick on the pin to set the blur to zero.

Everything to the right of the pin will be sharp, everything between the 2 pins will gradually become blurry

Click ok to apply.

Seamlessly Blend a blur in Photoshop

Just as a finishing touch, I wanted to fix the tones in the image. (you can see how on the video)

Select all the layers. Right-Click and choose Convert to Smart Object. This enables us to apply and adjustment to everything at once.

Filter>Camera Raw

These are the adjustments I made in ACR. 

Camera Raw adjustments

And, ka-boom Here is the final image. Nice effect huh?

The photo with the effect applied

Leave a Reply

Your email address will not be published. Required fields are marked *