大神都在用的玻璃设计效果，我居然一个“动作”搞定了！

文末领取  “玻璃素材”  

玻璃设计效果的应用非常广泛

海报、图标、UI、品牌、摄影等

都可能会用到

今天教大家怎么做这种玻璃效果

文底提供免费下载

01平面毛玻璃

如果你不想自己调整参数

我们可以使用已经编辑好的动作命令

首先打开PS选一张海报当作背景

这里我就用之前给大家发过的“塑料”素材

然后我们快捷键Alt+F9打开动作面板

把准备好的动作文件拖拽进去

接着我们可以画一个矢量图当作毛玻璃

这里我就不画了

随机选一个准备好的Png拖进去

在图层面板右击图层选择像素

然后左键删除这个图层只留选区

最后一步

我们回到动作面板

选择一个刚才导入的动作

点击播放按钮

电脑会帮你自动执行大神级操作

平面毛玻璃完成！

不同的玻璃质感、矢量图、背景、

会出现不同的效果

我们也可以自己画这种效果

再找一个塑料背景

然后用钢笔工具画一个形状

注意这里要选择形状再开始画

然后我们ctrl+j复制一个背景层放在最上面

右键新背景层点 “创建剪贴蒙版”

再右击新背景层点“转化智能对象”

然后滤镜-模糊-高斯模糊

玻璃效果就出来了

然后在滤镜-滤镜库-找到玻璃效果

玻璃效果就更逼真了

最后我们给形状图层加图层样式

为了简化教程只加了3种必要样式

描边 光泽 投影

其他的大家自己调整

自制平面毛玻璃完成！

02半透明玻璃

除了毛玻璃还有透明的玻璃效果

我们接下来就做这种效果

我们随便找一张网图当作背景

大家就用自己设计好的海报就行

然后我们导入一张矢量图

或者在PS里面直接用文字工具输入

为这个“6”的图层填充25%左右

双击图层添加图层样式

因为背景和图片尺寸的区别

这里的数值仅供参考

首先添加一个斜面与浮雕

等高线

然后添加一个描边

一般1个像素大小就合适

内发光可以增加玻璃边缘质感

添加光泽提高玻璃光感度

添加一个投影

这里注意投影下方的等高线选项

一定要调成这个图形

这样调出来的影子不会紧贴着玻璃

比较符合透明玻璃的影子

到这里基本就把玻璃效果做出来了

我们可以对背景层进行液化处理

产生一些玻璃下方的扭曲感

完成！

除了这种半立体的效果

还有全立体的效果

比如下面平平无奇的几行英文字

加上两个玻璃

立马高大上了

03立体玻璃

这里为大家提供一组立体玻璃PNG

可以直接拖拽到画面中调整

领取方式：

第1步 右下角点个 “在看”

第2步 后台回复 “1013玻璃素材”

后台回复“样机”即可领取

小程序控件 | 包图小白体 | 面试技巧 | 图标规范

UI设计规范 | UI教程 | AE教程

字体设计 | 作品集 |  点这里获取更多资源