{"id":27980,"date":"2024-06-13T19:51:54","date_gmt":"2024-06-13T14:21:54","guid":{"rendered":"https:\/\/mockey.ai\/?p=27980"},"modified":"2024-06-23T12:58:53","modified_gmt":"2024-06-23T07:28:53","slug":"how-to-blur-background-in-photoshop","status":"publish","type":"post","link":"https:\/\/mockey.ai\/blog\/how-to-blur-background-in-photoshop\/","title":{"rendered":"How to Blur Background in Photoshop &#8211; Easy Guide 2024"},"content":{"rendered":"\n<p>This post talks about how to blur background in Photoshop and how to do it in seconds with Mockey&#8217;s blur background tool. It gives step-by-step instructions to help you achieve professional-looking blurry backgrounds, even if you&#8217;re not a photography expert.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/blur-background-with-mockey-1024x538.webp\" alt=\"blur background with mockey\" class=\"wp-image-28487\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/blur-background-with-mockey-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/blur-background-with-mockey-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/blur-background-with-mockey-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/blur-background-with-mockey-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/blur-background-with-mockey.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-1 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-align-center wp-element-button\" href=\"https:\/\/mockey.ai\/tools\/ai-blur-background\" style=\"border-radius:10px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">Try AI Blur Background Now<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Table of Contents<\/h2><nav><ul><li><a href=\"#can-you-blur-a-background-in-photoshop\">Can You Blur a Background in Photoshop?<\/a><\/li><li><a href=\"#how-to-blur-background-in-photoshop-complete-guide\">How to Blur Background in Photoshop &#8211; Complete Guide<\/a><ul><\/ul><\/li><li><a href=\"#some-modification-with-the-hair-after-final-touches\">Some Modification with the Hair After Final Touches<\/a><\/li><li><a href=\"#how-to-blur-background-in-photoshop-on-i-phone\">How to Blur Background in Photoshop on iPhone<\/a><\/li><li><a href=\"#how-to-blur-background-in-photoshop-on-i-pad\">How to Blur Background in Photoshop on iPad<\/a><\/li><li><a href=\"#best-way-to-blur-background-without-photoshop\">Best Way to Blur Background without Photoshop<\/a><ul><\/ul><\/li><li><a href=\"#conclusion\">Conclusion<\/a><\/li><li><a href=\"#fa-qs\">FAQs<\/a><ul><\/ul><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"can-you-blur-a-background-in-photoshop\"><strong>Can You Blur a Background in Photoshop?<\/strong><\/h2>\n\n\n\n<p>A blurred background can be captured with a camera. But if you don&#8217;t have the right lens or you&#8217;re working with photos you didn&#8217;t take, the next best option is to use Photoshop.&nbsp;<\/p>\n\n\n\n<p>We&#8217;ll show you a method that gives realistic results without halos or ghosting. This technique is nondestructive, so you can always go back and edit your adjustments. Let&#8217;s get started with the tutorial.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"a-straight-up-guide-on-how-to-blur-background-in-photoshop\"><strong><strong>A Straight-Up Guide on How to Blur Background in Photoshop<\/strong><\/strong><\/h2>\n\n\n\n<p>Here is a quick guide on how to blur a background in Photoshop in a few simple steps.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Duplicate the Background Layer<\/strong>: Press Ctrl+J (Windows) to duplicate the background layer. Rename this layer &#8220;foreground&#8221; for organization.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/mockey.ai\/background-remover\/\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">Remove the Background<\/a><\/strong>: Use selection tools like &#8220;Subject&#8221; in the Select menu or manually select the main subject. Extend the selection using Select &gt; Modify &gt; Expand. Remove the subject using Edit &gt; Content-Aware Fill.<\/li>\n\n\n\n<li><strong>Fine-tune the Selection<\/strong>: Adjust the mask by shrinking it using Filter &gt; Other &gt; Minimum. Choose a pixel value that removes fringing or edge halos.<\/li>\n\n\n\n<li><strong>Refine the Mask<\/strong>: Use a Layer Mask to refine the edges of the main subject. Paint with white to reveal and black to hide parts of the image as needed.<\/li>\n\n\n\n<li><strong>Blur the Background<\/strong>: Make a Smart Object out. Next, select Tilt-Shift from Filter &gt; Blur Gallery. Adjust the blur settings to mimic a shallow depth of field effect.<\/li>\n\n\n\n<li><strong>Final Touches<\/strong>: Adjust the mask and blur settings until you&#8217;re satisfied with the result.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-blur-background-in-photoshop-complete-guide\"><strong>How to Blur Background in Photoshop &#8211; Complete Guide<\/strong><\/h2>\n\n\n\n<p>This guide will walk you through the entire process of how to blur background in Photoshop.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-duplicate-the-background-layer\"><strong>1. Duplicate the Background Layer<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First, use the keyboard shortcuts <strong>Ctrl J<\/strong> <strong>for Windows<\/strong> or <strong>Command J for Mac<\/strong> to duplicate your background layer. Rename this layer &#8220;<strong>Foreground<\/strong>&#8221; to keep things organized.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border caption-align-left is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/rename-the-layer-foreground-how-to-blur-background-in-photoshop-1024x538.webp\" alt=\"rename the layer foreground - how to blur background in photoshop\" class=\"has-border-color has-vivid-cyan-blue-border-color wp-image-27983\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/rename-the-layer-foreground-how-to-blur-background-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/rename-the-layer-foreground-how-to-blur-background-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/rename-the-layer-foreground-how-to-blur-background-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/rename-the-layer-foreground-how-to-blur-background-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/rename-the-layer-foreground-how-to-blur-background-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>rename the layer foreground \/ how to blur the background in photoshop<\/em><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Now, start by removing the background.<\/li>\n\n\n\n<li>You can mask the foreground element more easily when you do this in order to avoid edge halos. You&#8217;ll see what we mean shortly.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-remove-the-background\"><strong>2. Remove the Background<\/strong><\/h3>\n\n\n\n<p>Next, let&#8217;s select the main subject. In newer versions, one of the easiest ways is to go to the &#8220;<strong>Select<\/strong>&#8221; menu and click on &#8220;<strong>Subject&#8221;<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border caption-align-left is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-subject-option-in-photoshop-1024x538.webp\" alt=\"click subject option in photoshop\" class=\"has-border-color has-vivid-cyan-blue-border-color wp-image-28089\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-subject-option-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-subject-option-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-subject-option-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-subject-option-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-subject-option-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>click subject option\/ how to blur background of photo in photoshop<\/em><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>This uses <strong><a href=\"https:\/\/business.adobe.com\/products\/sensei\/adobe-sensei.html\" target=\"_blank\" aria-label=\"Adobe Sensei (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">Adobe Sensei<\/a><\/strong>, Photoshop&#8217;s AI, to find the main subject and make a selection around it.&nbsp;<\/li>\n\n\n\n<li>In this case, it does a good job, though the selection isn&#8217;t perfect. That&#8217;s okay\u2014we&#8217;ll fine-tune it later. We&#8217;ll expand so you can see what comes next.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-refine-mask\"><strong>3. Refine Mask<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You&#8217;ll notice the selection goes around her body, which is usually what we want. However, in this case, we want a gap between the selection and the edge of her body.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border caption-align-left is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/selection-goes-around-her-body-in-photoshop-1024x538.webp\" alt=\"selection goes around her body in photoshop\" class=\"has-border-color has-vivid-cyan-blue-border-color wp-image-27991\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/selection-goes-around-her-body-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/selection-goes-around-her-body-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/selection-goes-around-her-body-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/selection-goes-around-her-body-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/selection-goes-around-her-body-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>selection goes around her body \/ how to blur the background of a photo in photoshop<\/em><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To create a gap, go to the &#8220;<strong>Select<\/strong>&#8221; menu and choose &#8220;<strong>Modify<\/strong>&#8220;, then &#8220;<strong>Expand<\/strong>&#8220;. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-resized has-custom-border caption-align-left is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-exapnd-option-in-photoshop-1024x538.webp\" alt=\"click exapnd option in photoshop\" class=\"has-border-color has-vivid-cyan-blue-border-color wp-image-27995\" style=\"border-width:2px;width:960px;height:auto\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-exapnd-option-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-exapnd-option-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-exapnd-option-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-exapnd-option-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-exapnd-option-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>click exapnd option \/ how to create a blurred background in photoshop<\/em><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Expand by about <strong>5 pixels<\/strong> and <strong>press OK<\/strong>. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border caption-align-left is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/expand-by-about-5-pixels-in-photoshop-how-to-blur-a-background-in-photoshop-1024x538.webp\" alt=\"expand by about 5 pixels in photoshop - how to blur a background in photoshop\" class=\"has-border-color has-vivid-cyan-blue-border-color wp-image-27999\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/expand-by-about-5-pixels-in-photoshop-how-to-blur-a-background-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/expand-by-about-5-pixels-in-photoshop-how-to-blur-a-background-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/expand-by-about-5-pixels-in-photoshop-how-to-blur-a-background-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/expand-by-about-5-pixels-in-photoshop-how-to-blur-a-background-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/expand-by-about-5-pixels-in-photoshop-how-to-blur-a-background-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>expand by about 5 pixels \/ how to create background blur in photoshop<\/em><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Make sure there&#8217;s a gap between the selection and the edge of the main subject in your image. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border caption-align-left is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/gap-between-the-selection-and-edge-of-your-subject-in-photoshop-1024x538.webp\" alt=\"gap between the selection and edge of your subject in photoshop\" class=\"has-border-color has-vivid-cyan-blue-border-color wp-image-28004\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/gap-between-the-selection-and-edge-of-your-subject-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/gap-between-the-selection-and-edge-of-your-subject-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/gap-between-the-selection-and-edge-of-your-subject-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/gap-between-the-selection-and-edge-of-your-subject-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/gap-between-the-selection-and-edge-of-your-subject-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>gap between the selection and edge of your subject \/ how to make blur background in photoshop<\/em><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Once you have the gap, you can remove the subject by going to Edit, then <strong>Content-Aware Fill<\/strong>. The preview might not look perfect, but that&#8217;s fine.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border caption-align-left is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-content-aware-fill-in-photoshop-1024x538.webp\" alt=\"click content aware fill in photoshop\" class=\"has-border-color has-vivid-cyan-blue-border-color wp-image-28091\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-content-aware-fill-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-content-aware-fill-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-content-aware-fill-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-content-aware-fill-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-content-aware-fill-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>click content aware fill  \/ how to blur the background of a picture in photoshop<\/em><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>We only care about the edges because the center is where she&#8217;ll be standing. The default settings work well, so we&#8217;ll proceed with the fill. <\/li>\n\n\n\n<li>Verify that &#8220;<strong>Duplicate Layer<\/strong>&#8221; is selected under &#8220;<strong>Output To<\/strong>&#8220;.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border caption-align-left is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/output-to-duplicate-layer-in-photoshop-to-blur-background-in-photoshop-1024x538.webp\" alt=\"output to duplicate layer in photoshop to blur background in photoshop\" class=\"has-border-color has-vivid-cyan-blue-border-color wp-image-28011\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/output-to-duplicate-layer-in-photoshop-to-blur-background-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/output-to-duplicate-layer-in-photoshop-to-blur-background-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/output-to-duplicate-layer-in-photoshop-to-blur-background-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/output-to-duplicate-layer-in-photoshop-to-blur-background-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/output-to-duplicate-layer-in-photoshop-to-blur-background-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>output to duplicate layer to blur a background in photoshop<\/em><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Photoshop will create a new background copy without her in it. Next, turn off the two background layers and turn on the foreground layer. The selection will still be active. Select the layer and <strong>click Layer Mask<\/strong> to apply it to the foreground layer.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-resized has-custom-border caption-align-left is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-layer-mask-icon-in-photoshop-1024x538.webp\" alt=\"click layer mask icon in photoshop\" class=\"has-border-color has-vivid-cyan-blue-border-color wp-image-28013\" style=\"border-width:2px;width:960px;height:auto\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-layer-mask-icon-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-layer-mask-icon-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-layer-mask-icon-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-layer-mask-icon-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-layer-mask-icon-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>click layer mask icon  \/ how to blur background in photoshop<\/em><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>But now we have a problem. When we expanded the selection, it <strong>added a five-pixel border<\/strong> around our main subject. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border caption-align-left is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/5-pixel-border-around-the-subject-in-photoshop-1024x538.webp\" alt=\"5 pixel border around the subject in photoshop\" class=\"has-border-color has-vivid-cyan-blue-border-color wp-image-28015\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/5-pixel-border-around-the-subject-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/5-pixel-border-around-the-subject-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/5-pixel-border-around-the-subject-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/5-pixel-border-around-the-subject-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/5-pixel-border-around-the-subject-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>5 pixel border around the subject  \/ how to add background blur in photoshop<\/em><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To fix this, we&#8217;ll use a technique to remove fringing or edge halos. <\/li>\n\n\n\n<li>Choose the <strong>Layer Mask<\/strong> first, then &#8220;<strong>Filter<\/strong>&#8220;, &#8220;<strong>Other<\/strong>&#8220;, and lastly &#8220;<strong>Minimum<\/strong>&#8220;. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-minimum-option-in-photoshop-1024x538.webp\" alt=\"click minimum option in photoshop\" class=\"has-border-color has-vivid-cyan-blue-border-color wp-image-28018\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-minimum-option-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-minimum-option-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-minimum-option-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-minimum-option-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-minimum-option-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>This filter will shrink the mask by the number of pixels you set. We have it set to 4 pixels right now, but remember, we expanded the mask by 5 pixels.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>So if you set it to 5, you should get a similar result to what you had before. We think this filter is better for shrinking and growing masks than the Expand or Contract feature in the Select menu. It lets you choose whether to keep edges straight or rounded. Here, rounded edges work best. You can also use decimal values, not just whole numbers. For example, you can set the Radius to 5.5 pixels.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>So, we&#8217;ll adjust the mask by setting it to <strong>6 pixels<\/strong> inward to avoid edge halos or fringing. We&#8217;ll <strong>click OK<\/strong>, and it&#8217;s looking good.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/setting-it-to-6-pixel-in-photoshop-1024x538.webp\" alt=\"setting it to 6 pixel in photoshop\" class=\"has-border-color has-vivid-cyan-blue-border-color wp-image-28020\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/setting-it-to-6-pixel-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/setting-it-to-6-pixel-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/setting-it-to-6-pixel-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/setting-it-to-6-pixel-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/setting-it-to-6-pixel-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-blur-the-background\"><strong>4. Blur the Background<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Now, let&#8217;s blur the background. Choose your Background Copy layer, then use the right-click menu to turn it into a Smart Object.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border caption-align-left is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/turn-it-to-smart-object-in-photoshop-1024x538.webp\" alt=\"turn it to smart object in photoshop\" class=\"has-border-color has-vivid-cyan-blue-border-color wp-image-28093\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/turn-it-to-smart-object-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/turn-it-to-smart-object-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/turn-it-to-smart-object-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/turn-it-to-smart-object-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/turn-it-to-smart-object-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>turn it to smart object \/ how to blur background in photoshop<\/em><\/figcaption><\/figure>\n\n\n\n<pre class=\"wp-block-code has-text-color has-link-color wp-elements-29c02482675ae1fab3c365c287d3dff0\" style=\"color:#2b1c94\"><code>The Smart Object allows you to apply editable adjustments, distortions, filters, and transformations over one or more layers. <\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\">\n<li>With the background layer selected, We&#8217;ll go to Filter &gt; Blur Gallery &gt; Tilt-Shift.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-tilt-shift-in-photoshop-o-how-to-blur-background-in-photoshop-1024x538.webp\" alt=\"click tilt shift in photoshop o how to blur background in photoshop\" class=\"has-border-color has-vivid-cyan-blue-border-color wp-image-28031\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-tilt-shift-in-photoshop-o-how-to-blur-background-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-tilt-shift-in-photoshop-o-how-to-blur-background-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-tilt-shift-in-photoshop-o-how-to-blur-background-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-tilt-shift-in-photoshop-o-how-to-blur-background-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-tilt-shift-in-photoshop-o-how-to-blur-background-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>This filter maintains sharpness in the middle of the image while blurring the top and bottom. We&#8217;ll increase the blur so you can see the effect better.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border caption-align-left is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/increase-the-blur-in-photoshop-1024x538.webp\" alt=\"increase the blur in photoshop\" class=\"has-border-color has-vivid-cyan-blue-border-color wp-image-28033\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/increase-the-blur-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/increase-the-blur-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/increase-the-blur-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/increase-the-blur-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/increase-the-blur-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>increase the blur \/ how to blur background in photoshop<\/em><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First, look at these two solid lines. Everything inside them stays sharp, and everything outside them will get some blur. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border caption-align-left is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/sharp-image-between-two-lines-1024x538.webp\" alt=\"sharp image between two lines\" class=\"has-border-color has-vivid-cyan-blue-border-color wp-image-28035\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/sharp-image-between-two-lines-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/sharp-image-between-two-lines-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/sharp-image-between-two-lines-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/sharp-image-between-two-lines-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/sharp-image-between-two-lines.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>sharp image between two lines \/ how to blur background in photoshop<\/em><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Between the solid and dashed lines, the blur gradually increases. Beyond the dashed line, you&#8217;ll have the full blur set by this slider. The same applies to the bottom lines. Adjust these controls to mimic the effect a camera with a shallow depth of field would create in a real photo.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If you think about it, in a real photo, our model would be in focus. The area where she&#8217;s standing would be clear, while everything behind and in front of her would gradually become blurrier as it gets farther into the background or closer to the foreground. You can use the controls to adjust the blur in your image. <\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>We think our background looks too blurry, so we&#8217;ll reduce the blur to about 100.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border caption-align-left is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/reduce-your-blur-to-about-100-how-to-blur-background-in-photoshop-1024x538.webp\" alt=\"reduce your blur to about 100 - how to blur background in photoshop\" class=\"has-border-color has-vivid-cyan-blue-border-color wp-image-28039\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/reduce-your-blur-to-about-100-how-to-blur-background-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/reduce-your-blur-to-about-100-how-to-blur-background-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/reduce-your-blur-to-about-100-how-to-blur-background-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/reduce-your-blur-to-about-100-how-to-blur-background-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/reduce-your-blur-to-about-100-how-to-blur-background-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em>reduce your blur to about 100 \/ how to blur background in photoshop<\/em><\/figcaption><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>That looks pretty good, and we&#8217;ll adjust these controls too.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>We pushed the bottom one down too much, so we&#8217;ll bring it up. Only the area where she&#8217;s standing is in focus. Once you&#8217;re satisfied with how it looks, you can <strong>press OK<\/strong>. <\/li>\n<\/ul>\n\n\n\n<p>You&#8217;ll see there&#8217;s no ghosting effect on the edges, which means everything looks great. Removing her from the background before blurring it is why it looks so good. If she were still there, the edges would be blurry and create that ghosting effect you often see.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-final-touches-by-adjusting-the-layer-mask\"><strong>5. Final Touches by Adjusting the Layer Mask<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Simply put, the last thing to do is adjust your mask. If there are parts that don&#8217;t look right, you can fix them by painting with white to show them or black to hide them. <\/li>\n\n\n\n<li>Painting with black gets rid of unwanted bits while painting with white brings back the parts you want. It might take a bit of time to get it just right, but that&#8217;s what you need to do to finish the photo.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"some-modification-with-the-hair-after-final-touches\"><strong>Some Modification with the Hair After Final Touches<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>We want to show you something important: her hair. It didn&#8217;t look perfect and was hard to select because of the busy background. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/hair-modification-in-photoshop-1024x538.webp\" alt=\"hair modification in photoshop\" class=\"has-border-color has-vivid-cyan-blue-border-color wp-image-28044\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/hair-modification-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/hair-modification-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/hair-modification-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/hair-modification-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/hair-modification-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Here&#8217;s what to do:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First, ensure no stray pixels are visible, as they will ruin the effect. We&#8217;ll hide these pixels and paint her back using one of two methods. <\/li>\n\n\n\n<li>The foreground layer should be overlaid with a layer. We&#8217;ll call this the &#8220;hair&#8221; brush.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/overlay-with-a-layer-1024x538.webp\" alt=\"overlay with a layer\" class=\"has-border-color has-vivid-cyan-blue-border-color wp-image-28045\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/overlay-with-a-layer-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/overlay-with-a-layer-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/overlay-with-a-layer-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/overlay-with-a-layer-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/overlay-with-a-layer.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>After selecting the Brush Tool, navigate to the settings bar, click the down arrow, and adjust the size and hardness to 1 and 0, respectively. <\/li>\n\n\n\n<li>If you have a Wacom tablet, there&#8217;s an extra step: click the icon for Shape Dynamics and set Size Control to &#8220;Pen Pressure.&#8221; <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/shape-dynamics-icon-in-photoshop-1024x538.webp\" alt=\"shape dynamics icon in photoshop\" class=\"has-border-color has-vivid-cyan-blue-border-color wp-image-28046\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/shape-dynamics-icon-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/shape-dynamics-icon-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/shape-dynamics-icon-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/shape-dynamics-icon-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/shape-dynamics-icon-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Now you can paint your hair. Hold Alt (Windows) or Option (Mac) to temporarily use the Eyedropper tool and pick a color from your hair.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Start painting in the flyaway hairs. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/flyaway-hairs-in-photoshop-1024x538.webp\" alt=\"flyaway hairs in photoshop\" class=\"has-border-color has-vivid-cyan-blue-border-color wp-image-28049\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/flyaway-hairs-in-photoshop-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/flyaway-hairs-in-photoshop-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/flyaway-hairs-in-photoshop-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/flyaway-hairs-in-photoshop-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/flyaway-hairs-in-photoshop.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can pick colors from other areas and keep painting. Although it will take some time, the end result will be worthwhile. You can also use custom hair brushes.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-blur-background-in-photoshop-on-i-phone\"><strong>How to Blur Background in Photoshop on iPhone<\/strong><\/h2>\n\n\n\n<p>In this section, we will show you <a href=\"https:\/\/mockey.ai\/blog\/how-to-blur-background-on-iphone\/\" class=\"ek-link\"><strong>how to blur the background on iPhone<\/strong><\/a> using Photoshop.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Install Photoshop:<\/strong> Download Photoshop from the App Store if you don&#8217;t have it installed.<\/li>\n\n\n\n<li><strong>Open your photo: <\/strong>Start Photoshop and open the picture you like to edit.<\/li>\n\n\n\n<li><strong>Open the Discover Panel: <\/strong>Hit the search icon at the top right. Or press Cmd\/Ctrl + F.<\/li>\n\n\n\n<li><strong>Click Blur Background: <\/strong>Look for Discover panel, then head to Browse and choose Quick Actions. Choose Blur background.<\/li>\n\n\n\n<li><strong>Apply the Blur: <\/strong>To blur the background, press the Apply&nbsp; option.<\/li>\n\n\n\n<li><strong>Optional &#8211; Different Layer: <\/strong>Select a different layer from the Layers panel. Tap Refresh to apply the blur to the selected layer.<\/li>\n\n\n\n<li><strong>Undo Changes (Optional):<\/strong> Tap the Revert button to undo the changes if needed.<\/li>\n\n\n\n<li><strong>Explore More Quick Actions:<\/strong> Tap Browse more quick actions for additional editing options.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-blur-background-in-photoshop-on-i-pad\"><strong>How to Blur Background in Photoshop on iPad<\/strong><\/h2>\n\n\n\n<p>On an iPad, here is how you can blur a background with Photoshop.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open Photoshop.<\/li>\n\n\n\n<li>From the toolbar, tap the &#8220;<strong>Smudge tool<\/strong>&#8220;.<\/li>\n\n\n\n<li>Pick the brush size and settings.<\/li>\n\n\n\n<li>To blur certain areas, drag the Smudge feature over the desired area. Or, utilize the Gaussian Blur filter.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"best-way-to-blur-background-without-photoshop\"><strong>Best Way to Blur Background without Photoshop<\/strong><\/h2>\n\n\n\n<p>Mockey is a top app to <a href=\"https:\/\/mockey.ai\/blog\/how-to-blur-the-background-of-a-picture\/\" class=\"ek-link\"><strong>blur the background of pictures<\/strong><\/a>. This is simple and quick thanks to the new &#8220;<strong>Blur Background<\/strong>&#8221; option.<\/p>\n\n\n\n<p><strong>Here\u2019s a simple guide to blur your picture\u2019s background using Mockey:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sign up for Mockey and upgrade to the Max plan to access the blur background feature.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/sign-up-in-mockey-to-blur-the-background-of-a-picture-1024x538.webp\" alt=\"sign up in mockey to blur the background of a picture\" class=\"has-border-color has-vivid-cyan-blue-border-color wp-image-27808\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/sign-up-in-mockey-to-blur-the-background-of-a-picture-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/sign-up-in-mockey-to-blur-the-background-of-a-picture-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/sign-up-in-mockey-to-blur-the-background-of-a-picture-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/sign-up-in-mockey-to-blur-the-background-of-a-picture-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/sign-up-in-mockey-to-blur-the-background-of-a-picture.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To access the AI blur background page directly, go to <strong><a href=\"https:\/\/mockey.ai\/tools\/ai-blur-background\" target=\"_blank\" aria-label=\"Mockey Blur Background (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">Mockey Blur Background<\/a><\/strong>.<\/li>\n\n\n\n<li>Upload your picture.<\/li>\n\n\n\n<li>Click \u201c<strong>Blur Background<\/strong>\u201d to start the process.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border is-style-editorskit-rounded\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-blur-background-to-start-the-process-how-to-blur-the-background-of-a-picture-1024x538.webp\" alt=\"click blur background to start the process - how to blur the background of a picture\" class=\"has-border-color has-vivid-cyan-blue-border-color wp-image-27785\" style=\"border-width:2px\" srcset=\"https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-blur-background-to-start-the-process-how-to-blur-the-background-of-a-picture-1024x538.webp 1024w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-blur-background-to-start-the-process-how-to-blur-the-background-of-a-picture-300x158.webp 300w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-blur-background-to-start-the-process-how-to-blur-the-background-of-a-picture-768x403.webp 768w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-blur-background-to-start-the-process-how-to-blur-the-background-of-a-picture-150x79.webp 150w, https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/click-blur-background-to-start-the-process-how-to-blur-the-background-of-a-picture.webp 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use the customization settings to modify your picture if needed.<\/li>\n\n\n\n<li>Click &#8220;<strong>Download<\/strong>&#8221; to save your photo in its highest resolution.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"why-to-use-mockeys-blur-background-instead-of-photoshop\"><strong>Why to Use Mockey\u2019s Blur Background Instead of Photoshop<\/strong><\/h3>\n\n\n\n<p><strong>Reasons to use Mockey&#8217;s blur background feature instead of Photoshop:<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Affordable<\/li>\n\n\n\n<li>Simple interface<\/li>\n\n\n\n<li>Easy to use<\/li>\n\n\n\n<li>No learning curve<\/li>\n\n\n\n<li>Easy customization<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\"><strong>Conclusion<\/strong><\/h2>\n\n\n\n<p>There are multiple reasons to understand how to blur background in <strong><a href=\"https:\/\/www.adobe.com\/products\/photoshop.html\" target=\"_blank\" aria-label=\"Photoshop (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">Photoshop<\/a><\/strong>.<\/p>\n\n\n\n<p>We provided an online blur background tool and a blur background app for beginners, so you can pick the best way to blur your photo background.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"fa-qs\"><strong>FAQs<\/strong><\/h2>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1718250573670\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">How do you blur part of a photo in Photoshop?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>In Photoshop, head to Filter, then Blur Gallery and choose Iris Blur. Tap the center pin and move it to your focus point. Drag individual points to change the shape of the ellipse or you can drag the outer edge to adjust the size of the blurred area.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1718250596652\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">How do I remove the background in Photoshop?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Open your photo in Photoshop, unlock the layer, and click Remove Background in the Properties panel under Quick Actions. Refine the edges to make them look smooth, replace the background if needed, and move the new background layer behind your photo.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1718250616135\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">How to make lens blur in Photoshop?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>To create a lens blur effect in Photoshop, start by enabling the Graphics Processor in Preferences under Edit (Windows) or Photoshop (macOS). Then, go to Filter, then Blur, and lastly Lens Blur. Choose a preview option (Faster for quick previews or More Accurate for final results). Select a depth map source like Transparency or Layer Mask, or None if unavailable. Adjust the Blur Focal Distance to set the focus depth, then customize the Iris Shape, Blur Radius, and Specular Highlights using sliders. Add noise if desired. Finally, click OK.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1718250638835\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">How do I blur a photo?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Use the Blur tool in Photoshop or Lightroom and select your favorite brush and strength settings to blur areas. For adding motion, apply a Path Blur filter in Photoshop to create movement in still objects or people in photos.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1718250661135\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">What is the shortcut for the blur tool in Photoshop?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>In Photoshop, you can quickly switch to the Blur tool by pressing the letter R. If you hold down the Shift key and keep pressing R, you can switch between the Sharpen and Smudge tools as well.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<p><strong>Related reading:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/mockey.ai\/blog\/how-to-remove-background-in-photoshop\/\">How to Remove Background in Photoshop \u2013 Beginners Guide 2024<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/mockey.ai\/blog\/how-to-remove-background-in-canva\/\">How to Remove Background in Canva in 2024<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/mockey.ai\/blog\/google-meet-vs-zoom\/\">Google Meet vs Zoom: Comparing 11 Features to Pick the Better Platform<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>This post talks about how to blur background in Photoshop and how to do it in seconds with Mockey&#8217;s blur background tool. It gives step-by-step instructions to help you achieve professional-looking blurry backgrounds, even if you&#8217;re not a photography expert. Can You Blur a Background in Photoshop? A blurred background can be captured with a [&hellip;]<\/p>\n","protected":false},"author":42,"featured_media":28002,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_lock_modified_date":false,"inline_featured_image":false,"_uag_custom_page_level_css":"","_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","footnotes":""},"categories":[7],"tags":[],"class_list":["post-27980","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guide"],"uagb_featured_image_src":{"full":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/how-to-blur-background-in-photoshop.webp",1200,628,false],"thumbnail":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/how-to-blur-background-in-photoshop-150x150.webp",150,150,true],"medium":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/how-to-blur-background-in-photoshop-300x157.webp",300,157,true],"medium_large":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/how-to-blur-background-in-photoshop-768x402.webp",768,402,true],"large":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/how-to-blur-background-in-photoshop-1024x536.webp",1024,536,true],"1536x1536":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/how-to-blur-background-in-photoshop.webp",1200,628,false],"2048x2048":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/how-to-blur-background-in-photoshop.webp",1200,628,false],"web-stories-poster-portrait":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/how-to-blur-background-in-photoshop-640x628.webp",640,628,true],"web-stories-publisher-logo":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/how-to-blur-background-in-photoshop-96x96.webp",96,96,true],"web-stories-thumbnail":["https:\/\/mockey.ai\/wp-content\/uploads\/sites\/15\/2024\/06\/how-to-blur-background-in-photoshop-150x79.webp",150,79,true]},"uagb_author_info":{"display_name":"Sangram Sahoo","author_link":"https:\/\/mockey.ai\/author\/sangram\/"},"uagb_comment_info":0,"uagb_excerpt":"This post talks about how to blur background in Photoshop and how to do it in seconds with Mockey&#8217;s blur background tool. It gives step-by-step instructions to help you achieve professional-looking blurry backgrounds, even if you&#8217;re not a photography expert. Can You Blur a Background in Photoshop? A blurred background can be captured with a&hellip;","_links":{"self":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts\/27980","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/users\/42"}],"replies":[{"embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/comments?post=27980"}],"version-history":[{"count":66,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts\/27980\/revisions"}],"predecessor-version":[{"id":28491,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/posts\/27980\/revisions\/28491"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/media\/28002"}],"wp:attachment":[{"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/media?parent=27980"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/categories?post=27980"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mockey.ai\/wp-json\/wp\/v2\/tags?post=27980"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}