B4ttleCat Posted October 8, 2014 Share Posted October 8, 2014 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. Johnnymycat and Alphantasma 2 Quote Link to comment Share on other sites More sharing options...
Alphantasma Posted August 17, 2017 Share Posted August 17, 2017 Oh man how I second that ...times a gillion. It is now 2017, did we get anywhere with this feature being placed on the roadmap? Quote Link to comment Share on other sites More sharing options...
Staff MEB Posted August 17, 2017 Staff Share Posted August 17, 2017 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. Quote A Guide to Learning Affinity Software | Affinity Quick Reference Link to comment Share on other sites More sharing options...
The Bearded Bird Posted August 17, 2017 Share Posted August 17, 2017 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? Quote The Bearded Bird Tor Vegard Graphic design • UI / UX • Branding • Logo Design Link to comment Share on other sites More sharing options...
Staff MEB Posted August 17, 2017 Staff Share Posted August 17, 2017 I believe the effect they are looking for is this: Quote A Guide to Learning Affinity Software | Affinity Quick Reference Link to comment Share on other sites More sharing options...
The Bearded Bird Posted August 17, 2017 Share Posted August 17, 2017 Aaah yeah that would be nice to have for when designing iOS apps Quote The Bearded Bird Tor Vegard Graphic design • UI / UX • Branding • Logo Design Link to comment Share on other sites More sharing options...
Alphantasma Posted August 17, 2017 Share Posted August 17, 2017 MEB, You're awesome. That worked! Comes in super handy when designing UI elements on the fly. Thank you! -Alpha Quote Link to comment Share on other sites More sharing options...
Zecr Posted April 18, 2019 Share Posted April 18, 2019 How do I add colour to the effect? Like what they do in the Windows UI. I can't seem to figure it out. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
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.