• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Behance
  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube
  • 0 items$0.00
PTC Logo

Photoshop Training Channel

  • About
    • About The Photoshop Training Channel
    • FAQ’s
  • Tutorials
    • All Tutorials
    • 3D Photoshop Tutorials
    • Compositing Photoshop Tutorials
    • Graphic Design Photoshop Tutorials
    • Retouching Photoshop Tutorials
    • Photoshop Tools & Techniques
    • Photoshop Text Effects
    • Tip Of The Day
    • Amazon.com Tutorials
  • Premium Tutorials
  • Connect
    • Contact Us
    • PTC Newsletter
    • Facebook
    • LinkedIn
    • Pinterest
    • RSS
    • Twitter
    • Youtube
  • Resources
    • Events
  • Join The PTC Newsletter
Home » Photoshop Tutorials » Photoshop Effects » How To Blur Backgrounds in Photoshop

How To Blur Backgrounds in Photoshop [FAST & EASY]

154
SHARES
Share on FacebookPin in Pinterest
Share on TwitterLinkedinWhatsappReddit
Subscribe on YouTube!

Posted In: Photoshop Effects | Watch on YouTube

Draw focus to your subject with this complete step-by-step tutorial on how to blur backgrounds in Photoshop!

In this Photoshop tutorial, you will learn how to easily create the shallow depth of field effect (out of focus background) without an expensive lens.

You will learn about selections, Layer Masks, Smart Objects, and the Tilt-Shift Blur to blur your photo’s background.

Steps to Blurring The Background in Photoshop

  • Duplicate Your Original Image
  • Make a Selection Out of The Main Subject
  • Expand The Selection
  • Remove The Main Subject with Content-Aware Fill
  • Remove The Background From The Model Layer
  • Contract the Mask with the Minimum Filter
  • Blur The Background with The Tilt-Shift Filter
  • Fine-Tune The Layer Mask
  • Paint Hair Back Into Your Image
  • Paint Hair with a Custom Brush
  • Final Adjustments with Camera Raw

Duplicate Your Original Image

Start the process by duplicating your image layer and renaming the duplicate layer to “Foreground.”

You can right-click to duplicate, or use the keyboard shortcut Ctrl J (Windows) or Command J (macOS).

Make a Selection Out of The Main Subject

The next step is to remove the background from the main subject to avoid edge halos upon blurring the image, and to give you more flexibility when masking the Foreground element. 

To create a selection with the latest version of Photoshop, choose Select > Subject and allow Adobe Sensei, Photoshop’s Artificial Intelligence (AI), to study the entire image, find the subject, and create a selection out of it. 

Expand The Selection

Create a gap between the selection and the edge of the subject’s body by choosing Select > Modify > Expand. 

Choose the appropriate pixel value for the selection to expand into and press OK.

Make sure that there is a gap between the edge of the selection and the edge of the main subject.

Remove The Main Subject with Content-Aware Fill

Choose Edit > Content-Aware Fill to remove the subject from the layer and fill in space where the selection used to be.

The content-Aware will fill with similar pixels to the surrounding edges. Please note that the result doesn’t have to be perfect. As long the contents inside the fill are similar to the surrounding areas this technique should work.

Then, set the Output to Duplicate Layer and press OK.

On the Layers panel, you will find the generated Background copy where the photo’s main subject has been removed. 

Remove The Background From The Model Layer

One crucial step on how to blur backgrounds in Photoshop is removing the background from the Model layer.

At this point, you can focus on the Foreground layer and disable the Background layer and its copy.

With the selection still active, apply it as a Layer Mask by clicking on the New Layer Mask icon.

Since the selection was expanded earlier, you can contract the edges by selecting the Layer Mask.

Contract the Mask with the Minimum Filter

Choose Filter > Other > Minimum.

The mask was expanded to 5 pixels. On the Minimum window, you can also set the Radius to 5 pixels, so it returns to its original selection.

Since you are working with a human subject, set the Preserve to Roundness.

Then, press OK to apply the filter.

Blur The Background with The Tilt-Shift Filter

First, convert the Background copy layer into a Smart Object so that you have the ability to edit the blur at a later time. 

Then, choose Filter > Blur Gallery > Tilt-Shift.

The Tilt-Shift filter applies blurriness to your photo in a gradual manner. All the pixels between the two solid lines will remain the same.

Meanwhile, the pixels between the solid line and the dashed line will have a gradual transition to blurriness, determined by Blur slider. 

You can then drag the lines to make it seem as if the images get blurrier as it recedes into the background, much like a real photo. In most cases, the area where the person is standing will remain in focus and not blurry.

Fine-Tune The Layer Mask

While the Select Subject tool achieves a great job at automatically creating a selection of the subject, it sure isn’t perfect. 

Fine-tune the Layer Mask by selecting the Brush tool and painting with white (to reveal) and black (to hide) pixels. 

Paint Hair Back Into Your Image

First, hide the stray pixels that are too difficult to select. Do so by painting with black on the Layer Mask.

Then, create a New Layer and rename it to “Hair.”

Select the Brush tool and set the Size and Hardness to the minimum value and use it to paint in the “stray hairs” for a more natural look.

For a more realistic look, use the Eyedropper tool to sample the subject’s hair colors and use that for the hair color.

Paint Hair with a Custom Brush

In a previous PTC tutorial, we uncovered how you could create your own hairbrush and use it to paint in hair that was not included in the Layer Mask.

If you don’t have the Hair Brush, you can download it here:

319 – PTC Hair Brush (2472 downloads)

If you already have that in your cloud, use the Brush to paint the stray hairs with one click and utilize the Transform tool to distort/rotate the “hair” until it fits well with the rest of the subject’s hair.

Click here to learn more about how to make better cut outs!

Final Adjustments with Camera Raw

To edit the image as a whole, place all the layers into a Smart Object.

Then, select Filter > Camera Raw Filter and use the available tools to enhance the details, colors, and tonality,  of the image.

That is the tutorial on how to blur backgrounds in Photoshop that can draw the focus of the viewers towards your subject. If you liked this tutorial, you can also click here to learn how you can add bokeh effect to your photos!

Final Image

Drag The Slider To See Before & After

Diggin' these tutorials? Sign up for updates and subscriber-only tutorials…It's FREE!

Other Photoshop Tutorials You Might Like:

  • Zombie Photoshop Tutorial
  • How To Make Someone Older In Photoshop – Young To Old Tutorial
  • Make Money In PhotoshopHow To Make Money With Photoshop

About Jesus Ramirez

Jesús Ramirez is a digital graphics expert, speaker, and educator specializing in Adobe Photoshop. Jesús is best known as the founder of the Photoshop Training Channel, one of the most popular Photoshop YouTube channels in the world. More.

Follow: Instagram / YouTube / Twitter

Subscribe
Login
Notify of
guest
guest

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

3 Comments
Oldest
Newest
Inline Feedbacks
View all comments
Dianne Hwang
Dianne Hwang
4 months ago

Thank you for the hair brush. This tutorial is so good. You are an excellent teacher!

Reply
LAKSHMI
LAKSHMI
3 months ago

YOU ARE A GREAT TEACHER. LEARNT A LOT FROM YOUR VIDEO TUTORIALS

Reply
Jesus Ramirez
Jesus Ramirez
Author
Reply to  LAKSHMI
2 months ago

Thank you!

Reply

Primary Sidebar

Join Over 52,000

Photoshop users who subscribe to receive tutorials straight into their inbox!

About Me:

Profile Image

Follow

Jesús Ramirez is the founder of the Photoshop Training Channel, a top Photoshop training YouTube channel with more than 1,300,000 subscribers. More.

Click The Buttons Below!

  • Follow
  • Instagram

Photoshop Tip Of The Day:

August 7, 2018

To activate multiple layers using your keyboard, press Shift Alt [ (Mac: Shift Option [) to activate the layer below the currently selected layer (or the ] key to activate the layer above).

You can keep adding to the selection one layer at a time by tapping on either of the bracket keys while holding down Shift and Alt (Mac: Option).

Get more Photoshop tips →

Tutorial Flashback

  • scripst-event-manager-photoshop
    Using The Script Events Manager In Adobe Photoshop CS6

Search

Upcoming Events

Jesús Ramirez will be presenting at the following conferences or events:

June 10, 2019
CreativePro Week 2019
CreativePro
Seattle, WA

See Previous Events

PTC’s Most Shared Tutorials This Month

  •  
    How To Remove a Background In Photoshop [For Beginners!]...
    L
    62 Shares
  •  
    Create Book Cover Mockups in Photoshop [Pro Techniques]...
    I
    37 Shares
  •  
    Better DUAL LIGHTING Effect In Photoshop [Total Control]...
    L
    5 Shares
  •  
    Channel Based Selections in Photoshop...
    I
    3 Shares
  •  
    How To Repair Old Film Negatives in Photoshop...
    I
    2 Shares

My Tutorials in Spanish – Mis Tutoriales en Español

videosptc.com

Footer

About PTC

The Photoshop Training Channel is a Photoshop resource site for beginners. PTC was founded in July 2012 by Jesús Ramirez. The main goal of this site is to provide quality tips, tricks, hacks, and other Photoshop resources that allows beginners to improve their skills. More.

Connect with Us

Questions? If you have any questions, please feel free to Contact Us!
  • Behance
  • Facebook
  • Instagram
  • LinkedIn
  • Pinterest
  • Twitter
  • YouTube

Subscribe To Our Newsletter

Every week we'll send you Photoshop in-depth tutorials!
JOIN OUR COMMUNITY OF 52,000+ Photoshop Users!

Privacy Policy | Sitemap
Copyright © 2012 - 2021 Photoshop Training Channel.
Adobe, the Adobe Logo, Photoshop and Lightroom are registered trademarks of Adobe Systems Incorporated.
wpDiscuz