如何表现出玻璃质感

原创文章 分类: 教程 版权:
2263 26 26 0
2017-06-19
13.8

今天源码时代UI老师给大家带来用PS表现玻璃质感的操作技巧,希望大家喜欢。话不多说直接进入正题!

先来看看玻璃效果是怎样的如下图所示:

Image title Image title      

通过上面的图片我们可以看出 玻璃质感主要是表现物体的光影效果, 要突出半透明、透明、背景之间的前后关系 只要掌握这几个表现手法就可以了~

1、玻璃的透明和半透明效果

日常我们看到的玻璃透明的居多 还有一些加了各种涂层的镜面玻璃 总的来说它们具有一个共性, 那就是表面非常光滑平整 光照射在光滑平整的玻璃上会形成强烈的反光 也就是我们童年常玩的镜面反射游戏 ,在现实生活中看的最多的就是窗户的玻璃反射周围景物的效果如下图

Image title

这种玻璃表面光滑平整 高光强烈呈块状或者光斑状

还有一种就是半透明的 比如毛玻璃 和磨砂玻璃 如下图

Image title

这种玻璃的表面粗糙,呈现的反光效果不强烈 高光比较柔和 不宜形成镜面效果!通过上方的对比 大家都了解了2种玻璃的区别

2、光滑平整的透明玻璃质感怎么表现?

2.1我们先新建一个画布 大小1200X700 背景为深灰色

Image title

2.2添加图层样式—图案叠加 增加画布背景纹理 ,再执行渐变叠加 修改混合模式为-叠加如下图

Image title

Image title


2.3 绘制一个圆角矩形宽度 200 高度300 圆角10

Image title


2.4 现在来做透明效果 要让一个图层变成透明 一般调整不透明度为0% 还有一种方式是把填充调整为0% 这里我们选择第二种(为什么选择第二种后面就知道了)

Image title


2.5 选中矩形1 打开图层样式-投影如下图

Image title


2.6 复制矩形1 关闭图层样式效果 并且关闭填充 打开描边,描边颜色选择白色 大小2PX如下图

Image title


2.7在矩形1拷贝图层添加图层蒙板 用黑色画笔画出玻璃边缘光线变化如下图

Image title


2.8用钢笔工具画出反光效果 形状1

Image title


2.9 把形状1 剪贴到矩形1中并且调整不透明度为20%

Image title


2.9.1 有的同学做到这部可能没有里面的反光效果 这个时候要双击矩形1 打开混合选项勾选1 3项即可

Image title


3.0 最后在添加一点光效 突出质感 用柔边画笔在画布中选择白色单击

Image title


3.1把图层3执行CTRL+T自由变换 压扁缩小放到玻璃边缘部分如下图

Image title


3.2最后添加文案做点修饰就好了

Image title


用这种方法还可以做出这样的效果如图:

Image title


淅沥小雨

39粉丝/0关注

PS混合画笔打造立体特效字体【在线公开课】PS CC 2017基础入门jiaocheng

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2017 UI.CN