Jump to content

Recommended Posts

As a UI designer, it'd be mighty handy to have a blur beneath effect. I believe it's pretty self explanatory, but just in case it would automatically blur any pixels below it to the desired value. This would allow a much more rapid workflow for testing out UI iterations on different backgrounds, instead of having to constantly adjust duplicate layers with masks.

Share this post


Link to post
Share on other sites

Hi B4ttleCat, Alphantasma,

Welcome to Affinity Forums :)

 

If you are using Affinity Photo, this is quite easy to achieve with a Live Blur filter and a vector shape used as a vector mask. To create it:

1. add a Gaussian Live Blur filter  (menu Layer ▸ New Live Filter Layer ▸ Gaussian Blur Filter

2. draw a rectangle (or any other shape you want to use) to be used as a mask

3. drag the vector shape layer you just draw over the thumbnail of the Gaussian Blur Live Filter in the Layers panel.

The filter will now only affect the contents below the area inside the vector masks shape.

 

After you create this "structure/construct" in Photo you can open the file in Designer save it as an afdesign file and still edit the filter Gaussian value there without the need to go back to Photo again or simply copy and paste it in an existing Designer project.

Share this post


Link to post
Share on other sites

Can't you just group everything except the part you want to be clear and then put gaussian blur on? Like this. 

or am I misunderstanding something?

Screen Shot 2017-08-17 at 16.22.15.png


The Bearded Bird

Tor Vegard

Graphic design • UI / UX • Branding • Logo Design 

Share this post


Link to post
Share on other sites

How do I add colour to the effect? Like what they do in the Windows UI. I can't seem to figure it out.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×