PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

时间:2022-03-18
类别:PS教程
水平:普通
观众:4.9w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

​​Hello!大家好,我是设计师衔接班讲师团长 @吃喝玩乐团团长 ​

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

大家在做图的时候有没有碰到过这样的情况:

画面过分单调?或者背景空旷一大片?

这篇文章教你一个画龙点睛的小技巧,让画面丰富起来,那就是——塑造玻璃质感。这也是在做电商主图时常用到的方法。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

今天这篇文章,主要分享 5 种玻璃材质的制作方法,只需要用PS就能做出来!

插播一下:由我授课的 60天设计师就业衔接班 正在招生,感兴趣的同学可以戳链接了解详情:

教程效果图

先来看看效果图:

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳! PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳! PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳! PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳! PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

教程内容

一.什么是玻璃材质

玻璃,就像一朵美丽的解语花,时而晶莹剔透,时而绚丽夺目,时而又韵味悠长,她就在那儿,向我们述说着空间的奇妙变化。

在塑造玻璃材质之前我们得了解玻璃材质的一些特点,这样才能针对这些特点,做出逼真的效果。

1.玻璃材质的特点

特点一:

由于玻璃本身材质结构的特性,玻璃有透光的特点。因此光可以通过玻璃从一侧出现在另一侧,所以就形成了一个现象,我们透过玻璃看到的物体,有时清晰,有时朦胧,这也是因为不同的玻璃,透光性不同。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

在PS中,我们可以透过调整模糊模拟这一效果。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

特点二:

特殊的暗部位置,玻璃的材质是有透光性的,所以光影关系和常见的不透光物体的光影关系有所不同,球体玻璃的暗部会是一个比较窄的深色边。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

二.5种玻璃材质的制作方法

根据玻璃本身的材质特性,我们就能抽丝剥茧,制作出在电商中常用到的玻璃装饰

1.水波纹

如水一般恣意流淌,仿佛外面一直在下雨,给人雾气缭绕的朦胧感。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤一.首先我们需要确定玻璃效果的范围,这里可以使用形状工具制作色块。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤二.复制一层玻璃后方图层的效果,在这里玻璃后方的图层是背景,所以只需要背景组的效果,然后添加剪贴蒙板,这样是为了让我们玻璃效果只出现在固定的范围内。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤三.接着滤镜库中选择玻璃效果,纹理选择磨砂纹理,扭曲度用来控制效果的强弱,扭曲度越高效果的视觉强度越强。平滑度用来控制效果的过渡,平滑度越高纹理越大。缩放用来控制效果范围,缩放数值越大效果范围越大。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤四.新建矩形色块,位置调整至玻璃效果的边缘,不同的作品,颜色也不同,整体调整为深色就行。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤五.使用画笔工具,绘制出玻璃厚度上的光影过渡效果。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤六.使用矩形工具创建浅色矩形色块,制作玻璃的高光。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤七.最后根据画面添加需要的倒影,最后使用色阶将要玻璃压暗模拟光线折射后的衰减,让玻璃后方颜色的效果看起来深一些。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤八.最后对画面加一点色调的调整,带有水波纹玻璃的产品海报就完成啦。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

2.砖格纹

纹理呈现规律的砖块状,像玻璃砖砌成的墙面,沉稳而有趣。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤一.玻璃厚度的制作方式和前面水波纹的1-4步相同,这里就不重复讲了,这里主要讲一下效果的制作。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤二.首先扭曲度,用来控制效果的强弱,扭曲度越强,效果越强。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳! PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤三.平滑度控制效果的清晰度,平滑度越低,纹理越清晰。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳! PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤四.缩放依旧控制纹理的大小。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳! PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

3.菱形格纹

透过玻璃看世界仿佛被打上了马赛克,世界变成了一个个像素块。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤一.纹理类型选择小镜头纹理。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤二.扭曲度控制效果,扭曲度越高,效果越强烈。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳! PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤三.平滑度用来模拟透光度或者光滑程度,数值越低,表面越粗糙。数值越高表面越光滑,透光度就越高。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳! PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤四.缩放调整放大缩小。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳! PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

4.磨砂玻璃

低调沉稳又大气。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤一.制作形状图层与需要添加玻璃效果的图片图层。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤二.添加高斯模糊,制作磨砂玻璃朦胧的特点。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤三.添加杂色效果,制作磨砂玻中的磨砂材质效果。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤四.最后添加上厚度与高光,磨砂玻璃效果就做完了。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

5.长虹玻璃

简洁的竖直长条纹,将遮挡的物体衍伸折射,给人竖向拉长的视觉感受。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤一.首先新建空白图层,命名为置换,作为添加置换效果的对象。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤二.使用选区工具创建选区,并填充白色。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤三.接着新建空白图层,使用黑色画笔画一个圆点,并且调整图层的位置与大小。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳! PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤四.将黑白色条合并图层并平铺整个画布。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤五.隐藏其它图层,只显示置换效果,将 PS 保存为源文件,命名为置换。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤六.隐藏黑白色条图层,选中需要添加玻璃效果的图层,在滤镜-扭曲中找到置换滤镜,数值根据画面效果去调整,画布越大数值越大,画布越小数值越小。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤七.点击确定后在弹出的对话框找到之前保存的置换效果,选择并确定。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤八.可以通过调整修改黑白置换色块的混合模式,让玻璃明暗对比更明显。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤九.通过添加高斯模糊效果可以让玻璃看起来更自然,增加画面的景深感。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

步骤十.通过最终色调的调整,得到一幅完整的作品。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

以上就是不同玻璃材质在PS中的制作方式,参数是死的,但是方法是活的,学会理解,就能制作出更多有趣的效果。

PS教程!教你学会 5 种玻璃质感,让作品瞬间变惊艳!

如果你想要这些玻璃材质的源文件素材,可以添加咨询师小姐姐微信【uisdc2】或【uisdc3】,备注【团长玻璃材质】,即可获取!如果你想学 PS AI AE,系统设计入门,这里推荐一下我正在讲课的「优设设计师就业衔接班」,新一轮课程发车在即,不妨来了解一下吧~

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

40 收藏 150

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片