Share via:

How to create a blurred background effect using Adobe XD

In this short quick tip tutorial we’ll be taking a look at Adobe XD specifically we’ll be looking at how to create a blurred background. This blurred effect can be applied to any photograph within Adobe XD. This is  a really useful technique, and one you can use time and time again through out your design projects.

Premium design assets for
your next project

Acess to a huge libary of design resources from Photoshop brushes to vector resources.

Join today

Preview

Video Transcript:

Hello and welcome to Creative Nerds. In this tutorial we’ll be going over Adobe XD on how to create a blurred background. This blurred effect can be applied to any photograph within Adobe XD.

So you want to start off by selecting the photo you want to apply a blurred effect to. So we’re using this image of some flowers. We’re gonna start off by selecting the rectangle tool and join a rectangle around the photograph. And then we’re gonna select this chat box called background blur under the appearance filter settings. We’re gonna change the blur setting to be 15, is a nice, subtle blur. I’m gonna turn on the brightness to be zero and we can also change the opacity so we could fight it down to be nine percent or seven percent. We’re gonna keep it at zero so it’s not too bright.

And that’s it. That’s how you can apply a blurred effect to any image within Adobe XD in a matter of seconds. This is a great little tutorial which I’m sure you’ll use in your design projects when working with Adobe XD. Thanks for watching and stay tuned to Creative Nerds for photo quick tips.

Post tags

RELATED POSTS

Unlock High-Quality Resources to
Unleash Your Creativity