Screencasts

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.

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.

Sponsor

You may also like

Please Leave a comment