教程概述
评论
热门！来优设AI俱乐部，享受1整年365天丰富的AI学习社群服务！ 详情戳>>>
Hello！大家好，我是 设计师衔接班讲师团长 @吃喝玩乐团团长
大家在做图的时候有没有碰到过这样的情况：
画面过分单调？或者背景空旷一大片？
这篇文章教你一个画龙点睛的小技巧，让画面丰富起来，那就是——塑造玻璃质感。这也是在做电商主图时常用到的方法。
今天这篇文章，主要分享 5 种玻璃材质的制作方法，只需要用PS就能做出来！
插播一下：由我授课的 60天设计师就业衔接班 正在招生，感兴趣的同学可以戳链接了解详情：
优设视觉设计实战营 第 25 期！60天 PS、AI、AE 从入门到入行
【优设视觉设计实战营 - 第 25 期】 60 天 PS、AI、AE 从入门到入行 添加咨询师微信报名 入群即可获得【 课前准备学习资料 】 课程咨询师-可乐：uisdc5 课程报名链接及试听请访问👉 优设视觉设计实战营 第25期 课程大纲 课程设置与报名方式 学员原创作品 课程服务及讲师介绍 一学就会的设计攻略 UI图标、产品修图、电商合成、视觉海报、调色秘籍、 运营插画、2.5D插画、插画动效、动态网页系统学 实战作业掌握所学，体系化教学提升设计素质！ 添加咨询师微...
阅读文章 >>先来看看效果图：
玻璃，就像一朵美丽的解语花，时而晶莹剔透，时而绚丽夺目，时而又韵味悠长，她就在那儿，向我们述说着空间的奇妙变化。
在塑造玻璃材质之前我们得了解玻璃材质的一些特点，这样才能针对这些特点，做出逼真的效果。
特点一：
由于玻璃本身材质结构的特性，玻璃有透光的特点。因此光可以通过玻璃从一侧出现在另一侧，所以就形成了一个现象，我们透过玻璃看到的物体，有时清晰，有时朦胧，这也是因为不同的玻璃，透光性不同。
在PS中，我们可以透过调整模糊模拟这一效果。
特点二：
特殊的暗部位置，玻璃的材质是有透光性的，所以光影关系和常见的不透光物体的光影关系有所不同，球体玻璃的暗部会是一个比较窄的深色边。
根据玻璃本身的材质特性，我们就能抽丝剥茧，制作出在电商中常用到的玻璃装饰
如水一般恣意流淌，仿佛外面一直在下雨，给人雾气缭绕的朦胧感。
步骤一.首先我们需要确定玻璃效果的范围，这里可以使用形状工具制作色块。
步骤二.复制一层玻璃后方图层的效果，在这里玻璃后方的图层是背景，所以只需要背景组的效果，然后添加剪贴蒙板，这样是为了让我们玻璃效果只出现在固定的范围内。
步骤三.接着滤镜库中选择玻璃效果，纹理选择磨砂纹理，扭曲度用来控制效果的强弱，扭曲度越高效果的视觉强度越强。平滑度用来控制效果的过渡，平滑度越高纹理越大。缩放用来控制效果范围，缩放数值越大效果范围越大。
步骤四.新建矩形色块，位置调整至玻璃效果的边缘，不同的作品，颜色也不同，整体调整为深色就行。
步骤五.使用画笔工具，绘制出玻璃厚度上的光影过渡效果。
步骤六.使用矩形工具创建浅色矩形色块，制作玻璃的高光。
步骤七.最后根据画面添加需要的倒影，最后使用色阶将要玻璃压暗模拟光线折射后的衰减，让玻璃后方颜色的效果看起来深一些。
步骤八.最后对画面加一点色调的调整，带有水波纹玻璃的产品海报就完成啦。
纹理呈现规律的砖块状，像玻璃砖砌成的墙面，沉稳而有趣。
步骤一.玻璃厚度的制作方式和前面水波纹的1-4步相同，这里就不重复讲了，这里主要讲一下效果的制作。
步骤二.首先扭曲度，用来控制效果的强弱，扭曲度越强，效果越强。
步骤三.平滑度控制效果的清晰度，平滑度越低，纹理越清晰。
步骤四.缩放依旧控制纹理的大小。
透过玻璃看世界仿佛被打上了马赛克，世界变成了一个个像素块。
步骤一.纹理类型选择小镜头纹理。
步骤二.扭曲度控制效果，扭曲度越高，效果越强烈。
步骤三.平滑度用来模拟透光度或者光滑程度，数值越低，表面越粗糙。数值越高表面越光滑，透光度就越高。
步骤四.缩放调整放大缩小。
低调沉稳又大气。
步骤一.制作形状图层与需要添加玻璃效果的图片图层。
步骤二.添加高斯模糊，制作磨砂玻璃朦胧的特点。
步骤三.添加杂色效果，制作磨砂玻中的磨砂材质效果。
步骤四.最后添加上厚度与高光，磨砂玻璃效果就做完了。
简洁的竖直长条纹，将遮挡的物体衍伸折射，给人竖向拉长的视觉感受。
步骤一.首先新建空白图层，命名为置换，作为添加置换效果的对象。
步骤二.使用选区工具创建选区，并填充白色。
步骤三.接着新建空白图层，使用黑色画笔画一个圆点，并且调整图层的位置与大小。
步骤四.将黑白色条合并图层并平铺整个画布。
步骤五.隐藏其它图层，只显示置换效果，将 PS 保存为源文件，命名为置换。
步骤六.隐藏黑白色条图层，选中需要添加玻璃效果的图层，在滤镜-扭曲中找到置换滤镜，数值根据画面效果去调整，画布越大数值越大，画布越小数值越小。
步骤七.点击确定后在弹出的对话框找到之前保存的置换效果，选择并确定。
步骤八.可以通过调整修改黑白置换色块的混合模式，让玻璃明暗对比更明显。
步骤九.通过添加高斯模糊效果可以让玻璃看起来更自然，增加画面的景深感。
步骤十.通过最终色调的调整，得到一幅完整的作品。
以上就是不同玻璃材质在PS中的制作方式，参数是死的，但是方法是活的，学会理解，就能制作出更多有趣的效果。
如果你想要这些玻璃材质的源文件素材，可以添加咨询师小姐姐微信【uisdc2】或【uisdc3】，备注【团长玻璃材质】，即可获取！如果你想学 PS AI AE，系统设计入门，这里推荐一下我正在讲课的「 优设设计师就业衔接班」，新一轮课程发车在即，不妨来了解一下吧~
优设视觉设计实战营 第 25 期！60天 PS、AI、AE 从入门到入行
【优设视觉设计实战营 - 第 25 期】 60 天 PS、AI、AE 从入门到入行 添加咨询师微信报名 入群即可获得【 课前准备学习资料 】 课程咨询师-可乐：uisdc5 课程报名链接及试听请访问👉 优设视觉设计实战营 第25期 课程大纲 课程设置与报名方式 学员原创作品 课程服务及讲师介绍 一学就会的设计攻略 UI图标、产品修图、电商合成、视觉海报、调色秘籍、 运营插画、2.5D插画、插画动效、动态网页系统学 实战作业掌握所学，体系化教学提升设计素质！ 添加咨询师微...
阅读文章 >>想要来 「优优自学团」和500位小伙伴一起交流学习进步吗？
添加管理员微信：uisdc2 备注「优优自学团」（无备注不通过哦）
PS教程！1分钟上手制作纹理凸起文字效果
关于教程 细节丰富的纹理凸起字效怎么做？学会这个小技巧，30秒做出氛围感超强的视觉海报~ 关键步骤提示 详细操作请看文章开头的视频教程演示。 Step 01 图文排版 预先准备一张色彩合适的背景纹理，添加标题文字和装饰元素。
阅读文章 >>PS教程！制作轻拟物弥散风格情人节海报
关于教程 粉嫩通透的情人节主题海报献给大家！ 本期海报的画面构成主要分为三层：顶层的版式内容、中间层内阴影制作的轻拟物弥散小爱心、底层是网格效果制作出来的纹理背景， 大家在制作过程中，如果遇到了不懂的地方，可以在评论区留言～ 教程效果图 关键步骤提示 详细操作请看文章开头的视频教程演示。 Step 01 网格背景 梳理本次海报设计的三个层级，然后用一组低透明度的直线来做出海报底部的网格背景。
阅读文章 >>
40赞 收藏 153
非特殊说明，本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译，原作品版权归属原作者，转载请联系 @优优教程网 授权。
转载时请在文首注明，来源 UiiiUiii.com 及教程作者，并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
复制本文链接
继续阅读与本文标签相同的文章：
上一篇
AI+PS教程！立体字效海报教程
下一篇
AI+PS教程！江湖字体金属质感立体字效教程
优优教程网 365 天打卡计划
点击 #优设每日作业# 进入微博超话页面，上传并发布你的练习作业，话题微博格式【 优优教程网365打卡计划 – DAY 01 】，优秀作业将有机会被 @优优教程网 官方微博转发点评。
优设每日作业
设计师团长
5年教学经验，授课内容延展性强，知识点切入稳准狠。报名我的课程，请加微信：uisdc5
已发布文章 99 篇
发表评论 快来秀出你的观点