Skip to main content

Bokeh for beginners: How to blur a background in Photoshop in mere minutes

Background blur, often called “bokeh” after the Japanese word for blur, is generally associated with high-end cameras with wide-aperture lenses. The effect is popular for portraits, and is emulated — with some limitations — by the “portrait modes” now found on many smartphones. But even without a high-end camera or portrait mode, you can still create beautifully soft backgrounds in Adobe Photoshop.

Beyond simply granting you an ability you may have not had access to in camera, choosing to add blur in Photoshop can give you more control and flexibility over where the blur is applied and how it looks. The program includes a number of different tools to selectively blur the background of a photo, along with many options for controlling the type of blur. One of the easiest ways to go from blah to blur, however, is by using Photoshop’s field blur tool, which creates realistic background blur without requiring you to waste hours in front of your computer.

Before you get started

Photoshop includes a handful of different options to blur a background, with each option offering a varying level of control — and level of difficulty. After trying everything from detailed selections to a full-on depth map, the field blur tool offered the best, most realistic results in the least amount of time.

Recommended Videos

Bokeh is a tricky thing to try to imitate in Photoshop because true lens blur is based on many factors, including the focal length of the lens, the shape and size of the aperture, and distance from the subject. Of these, getting the effect of distance correct is perhaps the most important. In Photoshop, you have to tell the computer what objects are closest and farthest from the camera in order to get a blur that resembles the real thing and changes with distance — i.e., objects that are farther away from the subject should have more blur than objects that are closer. You could spend an hour creating a detailed depth map, but the field blur tool lets you approximate this with much less work.

We should note, Photoshop techniques are almost always more work than getting the effect in-camera, but the field blur tool will quickly imitate the bokeh of a more expensive lens. As you work, consider how the blur in a real image looks. A lens focuses on a two-dimensional plane in space, with everything on that plane being sharp. The level of blur increases with distance from the plane of focus — that is, either toward or away from the camera — but any objects that fall on the same plane as your subject should remain in focus.

How to blur a background in Photoshop

1. Open up the field blur tool.

With the image open in Photoshop, navigate to Filter > Blur Gallery > Field Blur. Inside the field blur window, you will choose what areas of your image to blur, while the blur tools on the right will control the amount and type of blur.

Image used with permission by copyright holder

2. Set your first blur pin.

The blur pins tell Photoshop where to blur and how much. When you opened the field blur window, Photoshop automatically placed that first pin for you. Drag and drop that pin into the background, or the area the farthest from the focal point. On the right, drag the blur slider until you achieve the desired amount of blur. (You can also change the blur amount by clicking and dragging on the partial circle outside the pin.)

Since this first pin is the furthest point from the focal point, this pin will have the most blur. In the sample image, I used a blur of 100, but the numbers will vary based on the effect your are looking for. You can always go back and refine the blur of any pin simply by clicking on it.

Image used with permission by copyright holder

3. Set a blur pin on the subject at zero.

When you first open the field blur tool, your entire image will be blurry. Set a pin directly on top of the subject by clicking on it, then dragging the blur slider all the way down to zero. You should now have a generally blurry background and a generally sharp subject.

Continue to place blur pins on the subject, setting each at zero, until the entire subject is sharp. Use as few pins as possible, but don’t worry if the background appears more sharp as you place pins.

4. Continue to refine the blur.

At this point in our sample image, the horse’s face was sharp and the background was blurred — but the rest of the horse’s body was just as blurred as the background. To fix this and achieve a more natural result, simply add more pins. Adjust the blur based on the distance from the original background point — objects closer to the background should have a blur closer to that original point (closer to 100, in our case) while objects closer to the subject should have a much lower level of blur (closer to zero).

Continue placing points and adjusting the blur until you every part of the image is blurred based on the distance from the subject. If this starts to interfere with the background blur, don’t worry — just place additional background points to ensure the background remains properly blurred. In our sample image, the background just to the left of the horse’s face was still a bit sharp, so we added another point there, setting it to the same blur value of 100.

5. Adjust the blur effects, if necessary.

Once you are happy with the placement and level of blur on the different distances in the image, you may (or may not) want to use the blur effects options, depending on your image. Here’s what each one does:

  • The “light bokeh” control will brighten the brightest points in the out-of-focus area to mimic lens bokeh. Avoid these controls if you don’t have point lights in the background. “Bokeh color” will adjust the color of those bright areas, while “light range” will adjust what tones are included in the bokeh effect.
  • The noise tab will restore any blurred noise in order to get the background to match the subject. If you are working with an image shot at a high ISO, for example, you’ll need to use this option so that the subject doesn’t have more noise than the background, which would look unnatural. Use the sliders to change the amount and the size of the grain to best match the grain in the subject. If there simply wasn’t any noticeable noise in your original image, you can leave this setting untouched.

Once you are happy with the level of blur, bokeh effects, and noise, click OK, and Photoshop will render the effect.

There are a number of of other ways to add blur in Photoshop, but the field blur tool is a great place to start. It offers flexible, realistic effects without requiring complex masks and depth maps.

Hillary K. Grigonis
Hillary never planned on becoming a photographer—and then she was handed a camera at her first writing job and she's been…
How to change the color of an object in Photoshop in three simple steps
photoshop change color of object dsc 1728 green

The colors in a photograph convey a mood, but the existing colors in an image don’t always jive with the rest of the image or give you the mood that you're looking for. Maybe that neon outfit is distracting, or you want to change the colors to match your decor before you commit the photo to print. Whatever it is, Adobe Photoshop can change the color of that object -- and it’s surprisingly simple.

There are a few different ways to become a color-changing Photoshop wizard, but the hue adjustment is one of the easiest and most realistic. Here's how to use it.
1. Select the object

Read more
Image Editing 101: How to crop and straighten an image in Photoshop
Close up of Adobe Photoshop app icon being chosen from among other Adobe apps on a laptop screen.

Adobe Photoshop is full of advanced editing tools that let you do everything from change the color of an object to remove the background from an image, but the seemingly humble crop tool is among the most important.

Photoshop offers a couple of ways to crop an image, but the crop tool offers more control, with options to straighten, set a specific aspect ratio, correct perspective distortion, and even fill in missing areas using artificial intelligence. Here's how to get the most out of this simple yet powerful tool in the world's favorite photo-editing program.
Cropping an image in Photoshop

Read more
How to make and install Photoshop actions to speed up your editing workflow
How to resize an image on Photoshop.

Photoshop actions are an easy way to turn complex, multi-step edits into a one-click process. Actions record your exact steps and allow you to replay them to repeat the same edit across other photos. Photoshop pros often make their actions available to download, but you can also easily create your own.

Actions work best for edits that don’t vary between images. For example, a Photoshop action to correct white balance will only work on images that start with the same exact white balance settings, while wreaking havoc on others. The same idea applies to local edits -- local adjustments don’t work for actions unless you want the same effect in the same exact location on subsequent photos.

Read more