Photoshop制作水晶按钮网页导航(1)
水晶效果按钮在很多网站运用得越来越多,在下面教程中,我们就跟着作者的思路,学习如何用Photoshop简单制作网页水晶效果导航条,你可以举一反三,调颜色,变形状,这些都可以根据页面的整体效果做调整~
我们先看看效果图:
效果图
我们开始学习教程:
新建一个文件,在工具箱中选择圆角矩形工具,如下图所示设置
图1
新建一个图层后,在画布上拉出一个长方形,就得到这样的结果。(为了更好的给大家讲解,这个图放大了400%显示)
图2
如果大家得到这样的结果
图3
就需要将“对齐像素”的选项给勾上
图4
为这个图层添加图层样式
图5
图6
图7
得到结果如图所示,顺便在样式调板中存储着这个样式
图8
使用矩形选框工具,绘制出一个矩形的选区
图9
新建图层后,填充黑色到白色的径向渐变
图10
并将该图层的混合模式改为:柔光,不透明度:60%
图11
新建图层,再绘制出一个矩形选区
图12
填充成白色