enter image description hereI recently found this theme, and really loved this effect of a gradient inside a glass blur, is there a way and how to achieve this effect in the Sketch or affinity-designer[an icon in that theme called echoes]?

  • 2
    Hi. Welcome to GDSE. If you have a specific effect in mind, you should post an example image. Please edit your question and add one, and also mention what you have tried or what has failed. Thanks.
    – Billy Kerr
    Commented Mar 20, 2020 at 17:54
  • Hi, i am really sorry i thought i had attached the photo, but i did it now, i tried on affinity designer when you duplicate and add blur then rasterize and add very low opacity color overlay, it will produce the glass blur for anything behind, but i didnt know how to add the gradient inside on the galss blur, Thanks again Commented Mar 20, 2020 at 18:51
  • You might want to add a gradient to your semi-opaque colour overlay. I'm not a sketch or affinity user, but that is exactly how I would do it using other vector image editing software.
    – Billy Kerr
    Commented Mar 20, 2020 at 19:20

1 Answer 1


If I understand the query / issue... if you clip yoyur blurred version of your underlay into the geometry of your glass over the top, you can still apply fills and effects to the geometry of the glass - so you can use a gradient fill on it, you can apply a transparency gradient etc - all whilst it still holds the blurred background in it clipped.

Hope that helps.

enter image description here

  • 1
    yess thank you, that really works though not as strong of saturation as above but its really all i wanted. Commented Mar 20, 2020 at 20:48

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.