Jump to content

Recommended Posts

Posted

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

  • 1 year later...
Posted

Would be very nice if this effect could be added. Right now, i need 5 layers in a simple case where 2 could suffice if the effect were available. It's non-destructive, but if you want to move objects you have to take a couple of steps (release maks, move, and re-apply mask). I've added a example.

Image with blurring rectangle 3.afphoto

Affinity Photo - Affinity Designer - Affinity Publisher | macOS Sequoia (15.4) on 16GB MBP14 2021 with 2.6.x versions

  • 1 year later...
  • 3 weeks later...
Posted

Will be happy to see that, too. Will help a lot with UI design. These days both Mac and Windows are using this effect.

Can any of the moderators reply?

  • 2 months later...
Posted

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.

Posted

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

 

Did you want a different type of blur ?

blur1.jpg

 

blur2.jpg

 

gaussian.jpg.12beec4018cd0e3456886a2351e43197.jpg

Windows PCs. Photo and Designer, latest non-beta versions.

Posted
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

Posted
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

Windows PCs. Photo and Designer, latest non-beta versions.

Posted

In the attached file

Select BOTH the top two layers (Rounded Rectangle & Gaussian Blur) and move them around the screen

 

backgroundblur2.afphoto

backgroundblur2.jpg

To save time I am currently using an automated AI to reply to some posts on this forum. If any of "my" posts are wrong or appear to be total b*ll*cks they are the ones generated by the AI. If correct they were probably mine. I apologise for any mistakes made by my AI - I'm sure it will improve with time.

Posted

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

Affinity Photo - Affinity Designer - Affinity Publisher | macOS Sequoia (15.4) on 16GB MBP14 2021 with 2.6.x versions

Posted

Here is the closest I could get. 

Select the "Transparent Object" with the Move Toll and move it around. The original above looks like there is some programmation behind it.

tranparent-blur.afphoto

-- Window 11 - 32 gb - Intel I7 - 8700 - NVIDIA GeForce GTX 1060
-- iPad Pro 2020 - 12,9 - 256 gb - Apple Pencil 2 -- iPad 9th gen 256 gb - Apple Pencil 1
-- Macbook Air 15" - Mac mini M2-Pro - 16 gb

Posted
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.

All 3 1.10.8, & all 3 V2.6 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
A
ll 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Posted (edited)

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.

Affinity Photo 2.6.3,  Affinity Designer 2.6.3 Affinity Publisher 2.6.3, Mac OSX 15.5, 2018 MacBook Pro 15" Intel.

Posted
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. 

All 3 1.10.8, & all 3 V2.6 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
A
ll 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Posted

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

-- Window 11 - 32 gb - Intel I7 - 8700 - NVIDIA GeForce GTX 1060
-- iPad Pro 2020 - 12,9 - 256 gb - Apple Pencil 2 -- iPad 9th gen 256 gb - Apple Pencil 1
-- Macbook Air 15" - Mac mini M2-Pro - 16 gb

Posted
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.

All 3 1.10.8, & all 3 V2.6 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
A
ll 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Posted

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.

-- Window 11 - 32 gb - Intel I7 - 8700 - NVIDIA GeForce GTX 1060
-- iPad Pro 2020 - 12,9 - 256 gb - Apple Pencil 2 -- iPad 9th gen 256 gb - Apple Pencil 1
-- Macbook Air 15" - Mac mini M2-Pro - 16 gb

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.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | 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.