Creating a blurred ios 7 notification drawer style background


Question

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?

thanks!

Sincerely, Erik

1
4
10/7/2014 4:15:00 PM

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

15
10/20/2014 1:45:00 PM

Licensed under: CC-BY-SA with attribution
Not affiliated with: Stack Overflow
^