How to re-create this iOS7 blur effect


Question

Tried a lot but I just can't quite get it, how do I achieve a translucent tab bar like this:

enter image description here

1
24
8/26/2013 10:53:00 PM

Accepted Answer

The bottom part is gaussian blurred and has a semitransparent white overlay.

Step1: Select the overlay area on the background (the original image) and apply a gaussian blur of radius 12px.

Step2: Create a new layer, select the same part for the overlay, fill it with white, and give this layer an opacity of 66%

Reproduced with the upper part of your reference image:
EDIT : new parameters to match the original

enter image description here

29
8/26/2013 10:52:00 PM

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


Website under construction!!!
^