用Photoshop打造水晶按钮之至尊版.docx

用Photoshop打造水晶按钮之至尊版.docx

《用Photoshop打造水晶按钮之至尊版.docx》由会员分享，可在线阅读，更多相关《用Photoshop打造水晶按钮之至尊版.docx（19页珍藏版）》请在冰豆网上搜索。

用Photoshop打造水晶按钮之至尊版

用Photoshop打造水晶按钮之至尊版

1.首先新建文件，选择圆角矩形工具，绘制出圆角矩形。

如图1。

2.将路径转换为选区，新建图层，使用渐变工具绘制出85%灰度到25%灰度对角线渐变。

如图2。

3.取消选区。

使用图层样式，给圆角矩形增加内阴影，参数设置如图。

如图3。

4.勾画出如图的选区。

如图4。

5.新建图层，拉出透明到白色渐变。

如图5。

6.新建图层，在矩形左上角勾出如图选区并拉出白色到透明渐变。

如图6。

7.新建图层，使用椭圆选区工具绘制如图所示的两个椭圆选区并羽化填充。

如图7。

8.勾画出如图所示的选区。

如图8。

9.新建图层，拉出白色到透明渐变，并将该层不透明度减低为70%。

将所有图层合并（背景层除外），通过色彩平衡来为按钮上色。

如图9。

10.选区按钮的选区并将其扩大。

如图10。

11.使用喷笔绘制出明暗对比效果。

如图11。

12.使用图层样式为按钮底座增加外发光效果。

如图12。

13.新建图层打入按钮上面的文字并将图层混合模式调整为叠加。

OK，大功告成~！

如图13。

本教程主要是介绍水晶按钮的制作，主要难点是要把按钮的高光和暗调调和谐！

最终效果

1.新建一个300*200像素的文件，定义圆角矩形大小为250*120

2.复制圆角矩形图层并缩小

3.给底部圆角矩形加个渐变叠加，这里具体颜色头可以先不管，是同一色相调整不同明度就可以了。

4.这是是具体的简便颜色设置

5.给上边的矩形添加样式

6.设置前景颜色为白色，用椭圆工具画出如图形状并设置不透明度为50%，操作如下图

7.载入上部矩形为选区并新建图层用白色描边，并给该图层添加一个蒙版用渐变工具作出下图效果

第6步到第7步，实在是不明白，偶就直接删格化形状图层，然后做描边的，简单点，效果也不错~~

8.隐藏背景图层，盖印图层，并用自由变换工具做成倒影。

9.加上文字。

10.最后添加一个色相饱和度可以调成自己喜爱的颜色。