I have done a couple more tutorials that are released to this. Check them out too because they each apply to different photos,
- Graduated background blur using a different method in Photoshop
- A romantic background blur with bokeh lights
Step 1.
Begin with a photo that looks like it could use a little depth.
Step 2.
Right click on the layer thumbnail and choose Convert To Smart Object
Step 3.
Choose Filter Blur Gallery>Field Blur
Step 4.
Set the blur to 15
Step 5.
Click to add a second blur point
To set it to zero Hold Cmd/Ctrl+Double click
Step 6.
Drag the points until the blur makes the background fall off in a realist way.
Click ok
Step 7.
The result is a nice blur that looks like a more expensive lens than was used. Only problem, our person is blurred too. Let’s fix that now.
Step 8.
Click the eye icon to the left of the Smart Object to hide the smart blur. (A filter on a Smart object is called a Smart Filter because you can change its settings at any time).
Step 9.
Make selection around the person: Choose the selection brush and click select subject from the options bar. (If you are using an earlier Photoshop version, make the selection with the quick select brush, lasso or magic wand.)
Step 10.
Turn back on the Smart object and then choose the white mask under the layer
Press the D key to reset the foreground and background colors
Press Cmd/Ctrl+Backspace to fill the mask with black.
The person is now sharp because we masked away the filter where the selection is.
The only problem is that when you blur and mask, you will get a little bit of bleed. This means the edges are fuzzy because thats the overlap of the edges. I see this all the time in Photoshop work.
If you don’t mind, you are done. But if you are striving for perfection, read on.
I’m now going to show you how to get rid of that fuzz and make a perfect edge.
Step 11.
Duplicate the Layer (Cmd/Ctrl+J)
Step 12.
Turn it into a regular layer (no longer a Smart Object)
Right click on the layer thumbnail and choose Rasterize layer
Step 13.
Ctrl+Click on the White Layer mask on the original smart Object. This will load the selection of the person.
Press Cmd/Ctrl+J to copy the selected person to a new layer.
Hide or even delete the middle layer, its no longer needed.
Here I’m hiding the background just for a second, so you can see the cutout. You don’t need to do this.
Step 14.
Lets open the Smart Object Layer
Double click the thumbnail to open the Smart Object
It will open in a new Window. To understand Smart Objects, see this tutorial where I used Potatoes to explain Smart Objects
Step 15.
Select our person again, by using the Select Subject like we did in step 9.
Choose Select>Modify>Feather and set it to 2 pixels, we are expanding beyond the edge so we get all of the person and don’t have any of the edges unselected.
Step 16.
Press Shift+Delete (Shift+ Backspace on Windows) for the fill dialog box
Choose Content Aware Fill for the Contents
Step 17.
Press ok and the person will be gone and filled somewhat with the surrounding image. It doesn’t have to be perfect for this.
Close the window that you were working in and choose YES when it asks to save.
Step 18.
Back in your main window with the top layer on, it should look like this.
Zoom in and see how nice the edges are now, no fuzzy edges anymore, just a realistic looking background blur what starts sharp and fades away naturally.
I hope you enjoyed this tutorial, is so, share it with your friends. (There are buttons to share on social media, or just cut and paste the address on top of the page).
Thanks,
Colin
PS Don’t forget to join our mailing list and follow me on Social Media>
(Ive been posting some fun Instagram and Facebook Stories lately)
You can get my free Layer Blending modes ebook here
The post How to blur the background of a photo without fuzzy edges appeared first on PhotoshopCAFE.