Sketch in 60 Seconds: Create a Frosted Background Effect

It’s time to learn something super-quick in Sketch; a frosted background effect. So without further ado, let’s jump in!

Sketch in 60 Seconds: Create a Frosted Background Effect

Frosted Background in 60 Seconds

Start by placing an image on your Sketch artboard, then cover it with a simple rectangle shape. Fill the rectangle with a shade of white, then reduce its opacity to 50%.

Sketch in 60 Seconds: Create a Frosted Background Effect

To complete the effect, head over to the inspector and select Background Blur. Choose an Amount of between 5px and 10px, which will give you something like this:

Sketch in 60 Seconds: Create a Frosted Background Effect

Your rectangle will maintain its frosted effect no matter where you move it over the image, and you can even play with different background colors, opacity levels, and blur amounts.

Conclusion

That’s it! I hope you enjoy this quick and easy effect in Sketch; let us know what you use it for!