Adobe Photoshop method to give results equivalent to 'Background Blur' in Adobe XD

Question

I am searching for a way to make a blurred object in Adobe Photoshop like the image I've made in Adobe XD with the Background-Blur tool.

Billy Kerr · Accepted Answer · 2019-11-24 22:26:22Z

6

Here's one simple method. There may be others . . .

Create a copy of the background layer, and apply some Gaussian blur to it.
Use the elliptical selection tool to make a circle, then add it as a layer mask
Add a layer above, fill it with white, reduce the layer opacity to something like 50%, then clip it to the blurred layer below
To move the circle around, select the Move Tool and switch off Auto-Select in the tool options along the top, select the layer mask, and unlink the mask from the image

Example:

answered Nov 24, 2019 at 22:03

Billy Kerr

89.4k6 gold badges82 silver badges178 bronze badges

2

Alternatively, make the background layer a Smart Object before duplicating it, so any changes will reflect on both automagically.
– Luciano
Commented Nov 25, 2019 at 11:06
@Luciano Absolutely! This would also be especially helpful if the background image itself was in fact a layered image that might need edited in the future.
– Billy Kerr
Commented Nov 25, 2019 at 11:15

Add a comment |

1 Answer 1