PS绘制漂亮玻璃质感按钮

10/11/2015来源:Photoshop教程人气:3231

  先来看看制作出的效果吧!

PS绘制漂亮玻璃质感按钮  三联教程

  下面是具体的制作步骤:

  一、新建一个文档,大小为700*500像素,使用圆角矩形工具绘制一个圆角的长方形,新建一个图层,然后使用渐变工具设置下面两种颜色进行填充,该图层命名为:按钮背景 ,效果如下图:

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

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

  四、按Ctrl单击该图层,然后执行“选择”“修改”“扩展”,来扩大选区范围,,大概为1px,然后在按钮背景下面新建一个图层,把矩形选区填充为白色,该图层命名为边缘,效果

相关教程:

photoshop绘制玻璃质感水晶按钮教程

PhotoShop制作网页导航按钮教程

PS绘制蓝色高光方形水晶按钮教程

  五、下面我们将最下面的背景图层的颜色改变为黑色色,当作背景来使用,当然你可以设置其他颜色的背景。这样就可以看见我们上一步制作出的边缘效果了。

  六、再次使用圆形选区工具绘制选区,然后进行羽化,半径为30px,选择“边缘”图层然后按delete键两次。

  同样的方法,不过上选择按钮的上半部分,同样的30像素的羽化,这次是按delete一次。

  七、然后按住Ctrl键单击“按钮背景”图层,然后再次扩展(“选择”“修改”“扩展”),这次的扩展的数值为2px,然后在“边缘”图层下面创建一图层,然后绘制一黑色的矩形选区,该层命名为边缘2.

  八、选择“边缘2”图层,图层模式的渐变填充选项设置如下颜色渐变:

  九、输入你想要的文字或者添加一些图标什么的,并且添加一些图层样式效果使之更加具有玻璃反射效果,效果如下

  十、在最下面的图层新建一个图层,绘制一个较小的椭圆,并且使用模糊滤镜使它变成按钮的阴影,我使用的是高斯模糊(这个相信朋友们都有自己习惯的方法)。

  十一、隐藏我们的背景图层,点击最上面的高光图层,shift+ctrl+alt+E,加盖印章,然后复制一层,垂直翻转。

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

  十三、最后点亮我们的背景图层,然后把“背景3副本图层”的不透明度降低到自己感觉OK的程度,你就可以欣赏自己的作品了。

  本人做的不好,还请见谅,不过,相信会对新手朋友有一定帮助的!.

相关教程:

PhotoShop绘制玻璃质感水晶按钮教程

PhotoShop制作网页导航按钮教程

PS绘制蓝色高光方形水晶按钮教程