Need to transform design to code? Don't hardcode it, Avocode it!
See how
GET A FREE MONTH
Design
·
LAST UPDATED
August 11, 2016

You don't have to be Jony Ive to blur background in Sketch

Content Marketing Manager at Avocode.

"I write for those who want to be seen..."

One of the things that really reflected Apple's mission to “do thing simple and elegant” was the release of iOS 7 a couple years ago (2013). Suddenly you didn't have to use color fill in the background when you wanted things to stand out. ☝🏼

A subtle blur can make your UX look intuitive and slick at the same time. Though the iOS design was slightly improved since then, the blur remained pretty much the same... Maybe it's because it's super easy to imitate it. 🤓 Look:

 

Blur it step by step:

  • Create a black shape with some opacity.
  • Place it above the layer you want to blur.
  • Add Background blur and fiddle with it until you like it.

Bam! You're all set! 🏁

Let us know if know any cool tricks in Sketch in the comments below.

get guacamole
Free 3-in-1 UI kit
Are you a modern designer with taste? Get Guacamole
- a free UI kit  for Adobe Xd, Photoshop and Sketch.
Get a free UI kit
Available for: