Creating a blurred ios 7 notification drawer style background

I’m new to sketch 3 and I really want to create that blurry background you have over the icons when you pull it down. I’ve followed a tutorial for blur in Sketch 3 but I didn’t achieve exactly what I wanted.

This is my result:
enter image description here

But I would like to achieve this:
enter image description here

My result makes the icons stand out, but I want them to be more blurry. How can I accomplish this?




For anyone interested, you can achieve this effect by drawing a rectangle above your image. Then apply:

  • Black fill at 70% opacity
  • Background blur at about 25px

enter image description here

Source : Link , Question Author : Erik , Answer Author : PixelPudding

Leave a Comment