How to re-create this iOS7 blur effect

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


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

Source : Link , Question Author : Nimbuz , Answer Author : Yisela

Leave a Comment