torkjellmidtgaard 3 Posted April 14, 2015 Any chance there will be background blur in Affinity apps? 2 Dams and BatteriesInc reacted to this Share this post Link to post Share on other sites
ronniemcbride 556 Posted April 14, 2015 Hello, torjjellmidtgaard! Welcome to the forum. What do you mean by background blur? LEARN AFFINITY DESIGNER TODAY. Follow me on twitter:@mixmediasalad or WATCH my FREE Youtube Channel Content Also check out my Affinity Designer Essential course on Lynda.com or Affinity Designer UX tools course and get a 30-day FREE!! trial to Lynda.com entire LIbrary by clicking this link Share this post Link to post Share on other sites
torkjellmidtgaard 3 Posted April 14, 2015 The blur fx Apple uses. Sketch has this FX. You can create an an element with opacity, and then apply background blur, and the background is blured, not the element. Share this post Link to post Share on other sites
A_B_C 1,730 Posted April 14, 2015 It’s this effect, right? I really wonder how to do that in AD … :unsure: BackgroundBlur.mov Share this post Link to post Share on other sites
torkjellmidtgaard 3 Posted April 14, 2015 Yes, and Sketch can do it! Share this post Link to post Share on other sites
A_B_C 1,730 Posted April 14, 2015 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 … :) Share this post Link to post Share on other sites
00Ghz 253 Posted April 15, 2015 +10 UI Designer, CG Artist Macbook Pro 15" 2014 2.5 Ghz, 750M https://www.behance.net/VladMafteiuScai Share this post Link to post Share on other sites
RNKLN 84 Posted November 19, 2016 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 | macOS 10.14 Mojave | MBP13 2013 Share this post Link to post Share on other sites
affinitydesignerfan 1 Posted November 30, 2017 Would be very useful! Share this post Link to post Share on other sites
Netanel1244 4 Posted December 19, 2017 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? Share this post Link to post Share on other sites
Dams 30 Posted February 23, 2018 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
toltec 1,172 Posted February 23, 2018 You can blur anything with a layer effect, but Gaussian only. Did you want a different type of blur ? Windows PCs. Photo and Designer, latest non-beta versions. Share this post Link to post Share on other sites
Netanel1244 4 Posted February 25, 2018 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: 1 Dams reacted to this Share this post Link to post Share on other sites
toltec 1,172 Posted February 25, 2018 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. Share this post Link to post Share on other sites
carl123 1,088 Posted February 25, 2018 In the attached file Select BOTH the top two layers (Rounded Rectangle & Gaussian Blur) and move them around the screen backgroundblur2.afphoto Due to the ongoing Brexit negotiations, punctuation, spelling and grammar will be used sparingly until further notice. Share this post Link to post Share on other sites
RNKLN 84 Posted February 25, 2018 The above example doesn't look like a non-destructive edit. Affinity Photo/Affinity Designer | macOS 10.14 Mojave | MBP13 2013 Share this post Link to post Share on other sites
AlainP 114 Posted February 25, 2018 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 Share this post Link to post Share on other sites
R C-R 3,031 Posted February 25, 2018 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. Affinity Photo 1.7.1 & Affinity Designer 1.7.1; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAMAffinity Photo 1.7.0.135 & Affinity Designer 1.7.0.9 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iOS 12.3.1 Share this post Link to post Share on other sites
h_d 65 Posted February 25, 2018 (edited) How about: 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 February 25, 2018 by h_d Changed the screen grab. 1 R C-R reacted to this Affinity Photo 1.6.7, Affinity Designer 1.6.1 Various betas macOS 10.14 MacBook Air Share this post Link to post Share on other sites
R C-R 3,031 Posted February 25, 2018 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. Affinity Photo 1.7.1 & Affinity Designer 1.7.1; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAMAffinity Photo 1.7.0.135 & Affinity Designer 1.7.0.9 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iOS 12.3.1 Share this post Link to post Share on other sites
AlainP 114 Posted February 25, 2018 h_d, I can only move the background image, the blurred square can't be moved around. Share this post Link to post Share on other sites
R C-R 3,031 Posted February 26, 2018 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. Affinity Photo 1.7.1 & Affinity Designer 1.7.1; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAMAffinity Photo 1.7.0.135 & Affinity Designer 1.7.0.9 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iOS 12.3.1 Share this post Link to post Share on other sites
h_d 65 Posted February 26, 2018 2 hours ago, R C-R said: Try selecting it on the Layers panel with the Move Tool active. Like this... moving rectangle-desktop.m4v 1 R C-R reacted to this Affinity Photo 1.6.7, Affinity Designer 1.6.1 Various betas macOS 10.14 MacBook Air Share this post Link to post Share on other sites
AlainP 114 Posted February 26, 2018 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
telemax 28 Posted February 26, 2018 Maybe that way: blur.mp4 Share this post Link to post Share on other sites
