用PS制作水晶按钮

刚刚看了一些制作水晶质感按钮的教程,分享给大家。

制作方式:

1.新建画布,大小为200mm*200mm,使用渐变工具,将渐变的类型调节为径向渐变,调节渐变编辑器,使之从浅灰到深灰的渐变,具体数值可以自己尝试,调节成为自己喜欢的数值,然后从中心点向一角拖动.


2.使用圆角矩形工具,将圆角矩形的半径改为200像素,画一个圆角矩形,将其颜色调成绿色,这个颜色可以调成自己喜欢的颜色,调节图层样式,具体参数如下:

用PS制作水晶按钮

注:这一步的是做反光部分,将高光模式改成“颜色减淡”的目的是使它的颜色走自身的色系,如果觉得效果过于明显可以适当的调节高光模式下的不透明度,使之达到我们想要的效果。效果如下图:

用PS制作水晶按钮


3.再使用圆角矩形工具画一个比上一个小一点的矩形,并将图层的填充不透明度设为0.调节图层样式,具体如下:

用PS制作水晶按钮

注:这一步的操作是做亮调部分,调节整个图层的不透明度使效果更好。效果如下:

用PS制作水晶按钮


4.新建图层(快捷键:ctrl+alt+shift+n),用椭圆选框工具画一个圆(快捷键:M),填充为白色,取消选择(快捷键:ctrl+d),执行“滤镜-模糊-高斯模糊”(这一步的作用是使整个圆都有一种模糊的效果),再执行“滤镜-模糊-动感模糊(注意其角度为0,这一步的目的是使圆有一种向两边的效果)”,然后ctrl+t,适当的调节其大小,放在按钮的上方,调节图层的不透明度,效果如图:

用PS制作水晶按钮

注:这一步是做按钮的高光部分,五大调子也完成了。


5.输入相应的文字,调节文字的图层样式,加投影,具体效果如下:

用PS制作水晶按钮

注:文字最好不要用过粗的字体,使用细一点的字体会使按钮显得更加的灵动。


6.将背景层隐藏,盖印图层(快捷键:ctrl+alt+shift+e),ctrl+t,垂直翻转,移动到按钮的正下方,调节图层的不透明度,并且为图层添加一个图层蒙版,效果如下:

用PS制作水晶按钮

注:这一步是为了给按钮制作垂直方向的投影,其中ctrl+alt+shift+e的作用是盖印所有的可见的图层,所以将背景层隐藏。


7.制作水平方向上的投影,方法如同第五步,仅仅只需要将填充的颜色换成白色即可,调节图层顺序,按钮的投影在背景层的上面,水平方向的投影在按钮投影的上一层。最终效果:

用PS制作水晶按钮

完成O(∩_∩)O。。。。