【iOS】简单制作ios7毛玻璃效果

本文转自http://www.tuyiyi.com/ued/app/22896.html

随着ios7风格越来越普及，其中毛玻璃的效果很容易出现在我们的设计中，在网上看到不少制作毛玻璃效果的方法，还是有些差异，这里稍作总结（并非全部原创），此方法比较方便后期做动画效果。

 

具体步骤如下：

1、在Photoshop中打开素材，这里以ios7的截屏为例

2、复制背景图层，命名为“背景 模糊”，为避免模糊的时候超出边缘，先将其锁定

3、滤镜→模糊→高斯模糊，（数值不固定，可以再调）

4、将模糊的图层拖到原来的背景图层下面

5、新建图层，命名为“毛玻璃”

6、框选一个区域（为了便于演示，就随便拖了个大小），填入白色

7、打开其图层样式，混合选项中“填充不透明度”设为“40”，“挖空”设为“浅”，此时的效果应该是下图中的棋盘格状。

8、将原先的“背景”图层与“毛玻璃”层放入一个组中，该组位于图层“背景 模糊”之上，这样一个简单的毛玻璃效果就做好了

补充说明：

1、第六步可以换成其他颜色，可以看到有色玻璃。

2、第七步之前，可以为“毛玻璃”层添加杂色，再稍作模糊，可以使毛玻璃更有质感（如下图）。

ok、骚年，你成功了！