Photoshop制作玻璃图标按钮

2016-03-18 06:02 1 1 收藏

今天图老师小编给大家展示的是Photoshop制作玻璃图标按钮,精心挑选的内容希望大家多多支持、多多分享,喜欢就赶紧get哦!

【 tulaoshi.com - PS 】

最终效果图


1、新建文档,使用圆角矩形工具Alt键绘制一个圆角正方形,然后使用渐变工具设置下面两种颜色进行填充,该图层命名为:icon-bg ,效果如下图:


2、复制图层,命名为glass,改变填充为白色填充,透明度为50%,使用矩形选区工具绘制如下选区,然后按Delete删除:


3、现在我们就得到了一个最基础的玻璃效果了,为了效果更加好,我们接下来继续修饰使用椭圆形选区选择下部分,然后进行羽化,半径大约30px左右,然后按Delete删除:


4、按Ctrl单击该图层,然后执行“选择”“修改”“扩展”,来扩大选区范围,,大概为1px,然后在icon-bg下面新建图层,把矩形选区填充为白色,该图层命名为shine,效果:

tulaoshi

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)5、下面我们在最下图层的颜色改变为黑色,当作背景来使用,当然你可以设置其他颜色的背景


6、再次使用圆形工具绘制选区,然后进行羽化,半径为30px,选择shine层然后按delete键两次:


7、重复上面做法,选择上部分,这次是按delete一次:


8、下面可以稍微设置一下shine层的不透明度:


9、然后按住Ctrl键单击icon-bg,然后再次扩展(“选择”“修改”“扩展”),然后在shine图层下面创建一图层,然后绘制一黑色的矩形选区,该层命名为icon-frame:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)10、然后隐藏黑色背景层:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)
11、选择icon-frame层,图层模式的渐变填充选项设置如下颜色渐变:


12、添加几个白色形状,效果如下:


13、你可以继续来添加一些图层样式效果使之更加具有玻璃反射效果:


14、拼合图层,在最下面建立一图层,绘制一个较小的椭圆:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)15、拼合图层,然后再复制该图层,垂直翻转:


16、拼合图层,然后再复制该图层,垂直翻转:


17、然后使用圆形工具选择下部分,羽化半径30px,然后按delete键删除:


18、最后调整透明度,最终效果效果如下:

来源:https://www.tulaoshi.com/n/20160318/1874021.html

延伸阅读
来源:腾龙视觉 作者:不详 本教程介绍较为精致的圆形按钮的制作方法,由于图层较多,制作的时候需要注意好图层的顺序。另外按钮以水质质感为主,需要用图层样式控制好光感。 最终效果 1、新建一个大小适当的文档,背景填充灰色。 2、新建图层,选择“椭圆”工具进行绘制。 3、为“形状 1”添加图层tulaoShi...
编缉:图老师 来源:Iconfans 作者:不详 本教程介绍利用图层样式来制作水晶风格图标及按钮。制作的过程非常简单,先制作出自己喜爱的图形,然后应用图层样式即可。非常简单实用。 最终效果 1、创建一个新的文件,选择“椭圆形工具”(U),画一个圆形。将圆形填充上随便什么颜色,后面它将被图层样式覆盖。 2、双击圆形图...
标签: PS PS基础
先看效果图。 新建文档1000x1000像素,背景白色,新建图层填充黑色,加一个渐变叠加样式,具体参数不截图了,童鞋们随便弄一个即可,效果如下。 新建图层画一个黑色圆角矩形,半径30像素。 添加图层样式。 类似下图效果。 再新建图层画一个黑色长方形,宽度要一致。 添加内阴影和渐变叠加样式。 效果如...
来源:PS联盟 作者:Sener 按钮分为两个大的部分来制作:中间的蓝色水晶及边缘透明度玻璃部分。制作方法基本相同,只需要找出相应的高光部分并渲染出来即可。 最终效果 1、新建一个800 * 600像素的文档,背景填充暗紫色:#752874,如下图。 图1 2、先来制作中间的蓝色水晶部分,需要完成的效果如下图。 图2 3、新建一个组,选择椭圆选...

经验教程

869

收藏

9
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部