Jump to content

Recommended Posts

Ok, it is possible to achieve this effect in Affinity Designer, but it is a bit cumbersome … would love to see your ideas, folks … and an effect would be handy, for sure …   :)

post-1198-0-38904600-1429040264_thumb.png

Share this post


Link to post
Share on other sites

Hi,

 

I agree with this request. iOS UI relies heavily on blurred background.

Affinity Designer needs this feature to be able to compete with other tools on the UI side.

Share this post


Link to post
Share on other sites
On 2/23/2018 at 4:39 PM, toltec said:

You can blur anything with a layer effect, but Gaussian only.

 

Did you want a different type of blur ?

 

 

By BG blur we mean to blur just the part that's behind a certain object.

Here's an example from figma.com:

 

 

bg-blur-figma.gif

Share this post


Link to post
Share on other sites
22 minutes ago, Netanel1244 said:

 

By BG blur we mean to blur just the part that's behind a certain object.

Here's an example from figma.com:

 

 

Ah I see, interesting.

 

Thanks

Share this post


Link to post
Share on other sites
6 hours ago, RNKLN said:

The above example doesn't look like a non-destructive edit. 

How so? You can drag both layers anywhere you want on the canvas, including back to where it was originally, or just delete them.

Share this post


Link to post
Share on other sites

How about:

 

 

 

5a932cda104e6_ScreenShot2018-02-25at21_37_53.png.2628af53c48db9f095d83af7334439aa.png

 

 

 

Movable blur.afphoto  

 

The original sharp image is at the bottom of the layer stack. A duplicate blurred version is at the top. 

 

The blurred image is masked by a rounded rectangle and then locked. Select the rounded rectangle with the Move tool, and drag it around.

Edited by h_d
Changed the screen grab.

Share this post


Link to post
Share on other sites
56 minutes ago, h_d said:

The blurred image is masked by a rounded rectangle and then locked. Select the rounded rectangle with the Move tool, and drag it around.

Probably obvious, but this could be generalized to use any kind of vector mask shape. The vector mask can be rotated, resized, skewed, & reshaped. 

Share this post


Link to post
Share on other sites
37 minutes ago, AlainP said:

h_d, I can only move the background image, the blurred square can't be moved around.

Try selecting it on the Layers panel with the Move Tool active.

Share this post


Link to post
Share on other sites

When I first open the image it works. As soon as I have selected any layer just the background layer is movable. But the Blur layer is locked. When it's unlocked it works as intended.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.