The Ultimate Photoshop Resource

How to blur the background of a photo in Photoshop tutorial


This Photoshop tutorial shows how to make a blended background blur, so you can show the whole body and have the background blurred in a realistic way without halos.

How to blur the background of a photo in Photoshop tutorial

This is a very real and natural looking effect. While there are many tutorials on blurring the background of a photo, most of them either cut off the feet, or have a weird looking halo around the edges.

(Click to subscribe to our youtube channel for more tutorials).

This Photoshop tutorial requires just a little bit of extra work to get a much better and more realistic looking result. maybe 30% more effort for a 300% better looking result.

I’m going to show you how to create a gradient background blur. It’s going to reduce the amount of visual clutter. It makes the photograph look more high-end and makes your subject stand out.

Step 1

We will begin with this photo that I grabbed from Adobe Stock.

 

Step 2

  1. The first thing we need to do is cut out our subject. Grab the Quick Select Tool.
  2. Make a rough selection around our subject. It’s useful to overselect, then use the Alt or the Option key to go back in and just pick up those areas that we’ve just overselected and which may be somewhat tricky to get.

 

Step 3

  1. Choose Select>Mask.
  2. Grab the little tool that looks like a hairy brush.
  3. Go around the edge of the hair because you want to kind of select the edge of the hair and make it a little bit better. Pick up some of those flyaway hairs and some of the background there.
  4. You can use the transparency slider to check whether there are some areas that you’re perhaps missing and want to cover better.

 

Click on  Show Edge tool and Increase the radius until you just start to see the edge.

Turn off Show Edge and you can now see that the selection has improved.

Choose “New Layer with Layer Mask” option. Then click OK.

 

Step 4

  1. Hide our woman layer for now by clicking the little eye icon on the layers panel.
  2. Choose the background.
  3. Ctrl/Cmd Click on the hidden layer mask mask to load its selection even though you’re working on the background right now.

  1. We are going to expand the selection for a smoother result.

Step 5

Choose Select>Modify>Expand

 

10 pixels should be fine.

Step 6

And now,we just want to fill the selection with content aware, so hit the Shift Delete / Shift Backspace (Windows).

Choose Content Aware. Click OK.

Hit Ctrl D to deselect.

Now you will be able to see the photo without our subject. There may be little bits and remnants left here and there – and that’s perfectly fine. It doesn’t have to be pixel-perfect because you’re going to be blurring that anyway. And that’s exactly what our next step is about…

 

Step 7

Now we will blur the background and it’s not going to affect our woman because she’s on a separate layer. Also, we’re not going to get “halos” around the edges because we’ve used the Content Aware to heal those edges.

  1. Make the woman layer visible again so we can see the result as we work
  2. Make sure the background layer is still the selected layer. Then go to Filter>Filter Gallery>Field Blur. Field is for depth of field.

Step 8

  1. You’ll see a pin represented by a small circle. By using your mouse pointer on this circle you can decide how much you really want to blur it.
  2. If we want to blur the entire image 1 pin is fine, however the area at the foreground around her feet would look weird. It just wouldn’t blend nicely into the rest of the photo. For this reason you need to create a second point.
  3. Create a second point by clicking. Set the blur. In this case you want to set that to zero. Hit the Ctrl key or Command key
  4. Hold Cmd/Ctrl+ double-click, and that takes that to zero.

Photoshop blurs between those two points.

  1. And then, you can adjust the amount of blur, select the first pin and drag on the circle or use the slider. If you want nothing, take it all the way down. If you want completely foggy background, put it to maximum.

8. When you find that perfect blur just click OK to apply

 

And here’s our nice work completely done:

Shift+click the layer mask to see the before/after of the effect you have just created.

 

I hope you enjoyed this tutorial.

Subscribe to our newsletter and you won’t miss a single tutorial.

Add a comment. What’s your favorite techniques that you love to do? Also, what would you like to learn? Let me know in the comments below.

 

I want to thank Adobe Stock for supporting this video tutorial. Check out how you can become a contributor and also grab some free Adobe Stock images.

If you want to become a stock contributor; You can also contribute your own photos, videos and illustrations and make a little extra income. See info here

Get 10 free images from Adobe Stock

Thanks for checking this out!

Colin

 

This Photoshop tutorial shows how to make a blended background blur, so you can show the whole body and have the background blurred in a realistic way without halos.


11 responses to “How to blur the background of a photo in Photoshop tutorial”

  1. Good tutorial.

    Possible future subject: What’s the difference between the Opacity and the Fill sliders on the layers panel and how does each work.

  2. PhotoshopCafe is the best thing that I have discovered while learning Photoshop in school!
    What I “don’t get” in my classroom no longer frustrates me because I simply go to “the Cafe”
    and follow along in your tutorials. By the way, I find your tutorials so very easy to understand
    and follow. Thank you, a million times over Colin, for coming up with this brilliant idea. You have
    a wonderful way of teaching and I so appreciate your “amazing gift” to those of us learning how
    to be super Photoshop artists.

  3. That’s great Colin. Thank you.
    I am using CS6 PS and do not get the center rotating pin to appear. I only see a tack pin and a “+”??? How can I view the center pin, and also the parallel lines on the Field Blur, etc…
    Please advise.
    Thannk you

  4. Thank you a lot and GOD bless you I have finally got what I have been needed most recently through this tutorial, which which was seem to be complicated been understood by me from others who also had the tutorial base on the same issue .
    Your work good ,I appreciate it.

  5. Hello, for some reason, on my screen I don’t see any of those brush tools at all (the hairy brush etc) on Step 3.2 after clicking “Select and Mask”. What is the name of that tools menu so I can manually add it to my view ?

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.


Access The Photoshop Vault

Unlock dozens of valuable Photoshop resources for FREE

The Ultimate

Photoshop Resource