How To Blur The Background In Photoshop - Clipping Path India

Maybe your like

Clipping path
Get precise background removal and clean cutouts for e-commerce and product images with our expert clipping path services.
Background removal
Achieve flawless images with our background removal service, specializing in precise elimination for a clean, professional look.
Image masking
Expertly remove backgrounds from hair, fur, and complex borders with our image masking for flawless, detailed cutouts.
Shadow
Add depth and dimension to your images with our natural, drop, and reflection shadows, ensuring a realistic, professional look.
Ghost mannequin
Elevate apparel images with ghost mannequin services, removing mannequins to highlight clothing’s fit with a seamless, 3D effect.
Symmetrical edit
Create perfectly symmetrical apparel product photos that can help boost sales.
Color change
Showcase products in various colors with our color variants service, ensuring each option is vibrant, accurate, and professional.
Photo retouching
Enhance images with our photo retouching, refining details and correcting imperfections for a polished, stunning look.
Vector conversion
Convert images to scalable vectors with our service, perfect for logos and illustrations with precise detailing and quality.
Multi-clipping path
Isolate multiple objects and areas with our multi-clipping path services, providing clean cutouts for detailed, professional visuals.

From $0.25 per image
24/7 support
Turnaround from 6 hours
Trustpilot
Quality guaranteed

Photo editingHow to Blur the Background in Photoshop: A Tutorial for Your Product Photos (2025)

Blurring the background can bring extra focus to your subject.

Becky KilimnikFebruary 08, 2021 9 min read

Tutorial for blurring background in Photoshop to highlight product

It feels good to share good stuff

Copy URL

There are a number of reasons why you would want to know how to blur a photo’s background in Photoshop. For starters, a product photo with a background that is blurry helps the product stand out. Also, photos with blurred backgrounds (or photos taken with a shallow depth of field) look more professional, because, up until recently, the effect could only be achieved with fancy lenses and a skilled photographer.

Send us an email to quickly connect with our support team.

30,000 sales and marketing pros get our insights, tips, and best practices delivered weekly.

It might be easy to get the perfect blur for your product shot backgrounds with your camera, but when you can’t reshoot, you can do it in Photoshop. Below, we’ll show you how to blur the background in Photoshop to allow your focal point to shine.

How to create a background blur in Photoshop

Set up your layers
Work with the subject layer
Work with the Background layer
Apply the blur
Get your final image

Step 1: Set up your layers

To get a seamless, blurred background effect, we’ll be converting our photo into two layers: one layer for the subject and one layer for the background. In this tutorial, we assume you’re working with a flattened, 1-layer image like a JPG.

Open your product photo in Photoshop and navigate to the Layers panel (if you don’t see the Layers panel, you can access it by choosing Windows > Layers from the dropdown menu at the top of the application window).

Photoshop interface showing layers menu for background blur tutorial

A Beginner’s Guide to Photoshop CC 2020 Tools Learn more

Duplicate the Background layer and name the layer “Subject.” You should now have a Subject layer sitting on top of the Background layer.

Steps to duplicate a layer in Photoshop for background blur effect tutorial

Step 2: Work with the subject layer

While in your subject layer, choose the Magic Wand Tool from the Toolbar and click the Select Subject button from the top of the screen.

Photoshop window showing subject selection tool for background blur effect

Once you’ve selected the product or model, go back into the Layers panel and click on the Add Layer Mask icon at the bottom of the panel.

Photoshop layers panel with subject mask applied for background blur tutorial

Finally, disable visibility for the Background layer by clicking on the Eye icon next to the Background layer.

Photoshop layers panel showing background visibility removed for subject isolation

The Select Subject tool is pretty good, but you might want a sharper and more precise edge on some areas of your subject.

Click on the Image Mask within the Subject Layer.

Photoshop layers panel with linked layer mask for background blur effect

Choose the Brush Tool from the Toolbar and use it to add or subtract areas of the image to the subject. To “paint” back in parts of the subject that need to be visible, set the Foreground color to white. To “erase” areas of the subject, set the Foreground color to black. You can adjust the width and hardness of the brush as necessary using the options at the top of the Application window.

Close-up in Photoshop refining subject mask edges for accurate background blur effect

Step 3: Work with the Background layer

Once you’re happy with how your subject looks by itself, while staying in the Subject layer, choose Select > Load Selection… from the dropdown menu at the top of the application window.

Photoshop menu showing "Load Selection" option for refining background blur effect

Choose Subject Mask from the pop up window and click OK.

Photoshop "Load Selection" dialog for applying subject mask to background blur effect

While your Subject is selected, turn off Visibility for your Subject layer, and click on the Background layer. Click the Eye icon next to the Background layer to turn visibility on.

Photoshop layers panel with selected subject mask for background blur effect

We’re going to extend the edges of the selection out just a little bit to make sure we don’t pick up any pixels from our subject in our selection. Choose Select > Modify > Expand from the dropdown menu at the top of the application window.

Photoshop menu showing selection modification with expand option for background blur effect

A pop-up menu will appear asking how much you want to expand the selection. The proper amount will depend on the size of your image; in this example, we’re setting the selection to 20 pixels. Do not check the box for “Apply effect at canvas bounds.”

Expand selection dialog in Photoshop set to 20 pixels for background blur effect

Once your subject is selected in your Background layer, hit the BACKSPACE key (DELETE on a Mac) on your keyboard.

If your Background layer is still locked, a popup menu will appear asking you what you want to fill the empty space with. Choose Content Aware next to Contents.

Content-Aware Fill dialog in Photoshop with color adaptation for background blur effect

If your Background layer is not locked, choose Edit > Fill from the dropdown menu at the top of the screen instead of deleting the selection. Then, choose Content Aware. You can now de-select the selection.

Photoshop layers panel showing blurred background layer for focused subject effect

Step 4: Apply the blur

To achieve the most realistic background blur in Photoshop, we can’t just apply a uniform blur to your entire background. Instead, we’re going to work with a tool called Field Blur.

To access the Field Blur window, choose Filter > Blur Gallery > Field Blur from the dropdown menu at the top of the application window.

Photoshop filter menu with field blur option selected for background softening effect

Using the Field Blur tool, you are able to control the blur in different areas of the photo by placing pins on those areas and then adjusting the blur to the right.

By default, there’s a pin at the middle of the image.

In this particular image, we want the very background to be blurrier (where we can see the buildings in the distance), we want areas closest to the camera to be slightly blurred, and we want the areas of the image right next to the model to be crisp.

So, in the example image, we place the pins accordingly:

Field Blur settings applied in Photoshop with multiple focus points for background blur effect

Then, on the right-hand side, we can adjust the blur of those areas using the slider labeled “Blur.”

To adjust the blur, select a placed pin by clicking on it with the mouse. Then, slide the Blur slider to the right to increase the blur, and to the left to reduce the blur. Repeat with all the pins.

Once you’re satisfied with the blurred image, click OK at the top of the screen.

Step 5: Final image

Turn on the visibility of your Subject layer to see the final image. If you’ve done everything correctly, it should look pretty slick.

Final portrait with blurred background in Photoshop highlighting the subject

Master more Photoshop techniques

You can do lots of things in Photoshop to make your product photography stand out and convert more shoppers. Learn more skills with these Photoshop tutorials.

Sometimes, photo edits can be tedious and time-consuming — distracting you from more important parts of the business. If that’s the case, you can outsource all your editing needs to your very own virtual design studio.

Find out how it works Learn more

Becky KilimnikWith over 20 years experience as a graphic designer, Becky is passionate about helping people enhance their content by mastering image manipulation software. Becky has worked with a variety of educational publishers in the U.S. and U.K. and has taught design at six universities.Background removalHow toPhoto editingPhotoshop

Business and entrepreneurship
Visual Search Engine Optimization: How to Use Visual SEO to Boost Visibility and Sales
A picture’s worth a thousand words—and maybe a thousand clicks, too.
18 min read |Jan 11, 24 |By Alexandra Sheehan
Business and entrepreneurship
How to File Taxes: A Freelance Photographer’s Guide
Trying to figure out how to file taxes as a freelance photographer? Check this high-level guide to help you through.
23 min read |Jul 23, 23 |By Lindsey Peacock
Business and entrepreneurship
Ecommerce Outsourcing: Get Back to What’s Important in Your Business
See how outsourcing helps successful ecommerce entrepreneurs grow their businesses—and how you can, too.
21 min read |Sep 28, 22 |By Bud Hennekes
Business and entrepreneurship
How to Get the Most from User-Generated Content (+ UGC Examples)
User-generated content can be a powerful marketing tool—as long as you know how to use it.
22 min read |Jul 04, 22 |By Bud Hennekes
Business and entrepreneurship
14 Reasons to Start Outsourcing Photo Edits
Check out 14 signs that you’re better off delegating edits to a pro.
14 min read |Mar 31, 22 |By Laura Bauer