如何重新创建此iOS7模糊效果

尝试了很多，但是我还是做不到，如何实现像这样的半透明标签栏：

在此处输入图片说明

effects blur

— 宁布兹
source

如何创建无损和可重复使用的模糊/磨砂玻璃效果的

— 乔纳斯（Joonas）

底部是高斯模糊的，并具有半透明的白色覆盖层。

第1步：选择背景（原始图像）上的覆盖区域，并应用半径为12px的高斯模糊。

第2步：创建一个新层，为覆盖层选择相同的部分，用白色填充它，并使该层的不透明度为66％

复制与您的参考图像的上部：
编辑： 新参数以匹配原始

在此处输入图片说明

— 彼得·沃尔瑟
source

如果这是屏幕截图，我认为这是通过代码完成的。我想这取决于他/她是否要求以合成或模型的形式进行此操作，还是要在网上实现它。

— 埃里克

@Peter Walser如何创建覆盖区域，如果有更多层，将应用高斯覆盖区域？需要先合并它们吗？

— Fred Collins

@FredCollins：是的，您可以先合并它们并模糊选择，或者使用合并的选择创建一个新层（每次更改层时都需要重新创建）。

— 彼得·沃尔瑟

@PeterWalser谢谢。最后一个问题。要创建不透明度为66％的新透明层，我使用了矩形工具，但我觉得有更好的方法。就像为模糊图层或类似图层创建蒙版/剪贴蒙版一样。你有什么建议？

— Fred Collins

使用单独的图层，您可以快速调整整体不透明度。不透明蒙版解决方案具有相同的结果，在这里您甚至可以调整每个像素的不透明度。而且，您当然可以将两种方法结合在一起（蒙版+图层透明）。哪个最适合您。

— 彼得·沃尔瑟

您没有定义正在使用的程序或技术。因此，尽管Peter描述了一种使用Photoshop做到这一点的好方法，但我想补充一点，也可以使用CSS3来创建这种效果。

这是所需CSS的顶峰：

#iOSblur
{
    -webkit-filter: blur(12px);
    -moz-filter: blur(12px);
    -o-filter: blur(12x);
    -ms-filter: blur(12px);
    filter: blur(12px);
}

#iOSopacity
{
    opacity: 0.6;
}

并不是说这是您应该做的事情……实际上，我个人将使用Peter的过程。

— 电子寿司
source