<b>PS快速制造Web2.0三维立体按钮</b>[Photoshop设计]

在这里多插入几句无关紧要的话,我们在挑选同一色系的颜色时,假如已经肯定了前风光,想设置后台色,那么双击后台色,弹出颜色拾色器－Color Picker,此时鼠标形状就会变成一个吸管,便可移动此形状的鼠标到各个可取色的面板去挑选一个喜好的颜色,在此汲取前风光,这时拾色器自动挑选了前风光,那么我们便可以在拾色器中快速地挑选到同一色系差别色深的颜色了.

　　挑选“ Gradient Fill Tool －过渡填充工具”,在属性工具条中设置过渡色为“Foreground to Background－前风光到后台色”,过渡情势为“Linear Grandient－线形过渡”,设置完成后属性工具以下图所示:



图六

　　在选区中按“Shift”键,由上至下画过渡色,此步骤完成以下图:



图七

　　3、初步三维立体感

　　按“Ctrl + D”消除选区,双击此层利用层款式“Add a Layer Style”,在“Layer Style－层款式”设置面板中挑选“Drop Shadow－下拉阴影”,参数设置为:Distance＝2,Size＝2,别的为缺省值.如图八所示:



图八

　　再勾选“”,参数设置为: Blend Mode＝Multiply,别的为缺省值.如图九所示:



图九

此步骤完成画布上已经初步显示出三维立体按钮的基本边幅了,以下图:



图十

　　4、加强三维立体感

　　新建一个图层,挑选“Elliptical Marquee Tool－圆形”挑选工具,画一个椭圆,长约为圆形的二分之一,宽约为圆形的三分之一.挑选前风光为白色,并按“G”把工具换成过渡工具,设置过渡色为“Foreground to Transparent －前风光到透明”,在选区中按“Shift”键,由上到下填充过渡色,效果以下图:


图十一

　　再新建一个图层,按住“Ctrl”键,点击圆形层,重新得到圆形层选区,在菜单中挑选“Select”－＞“Modify”－＞“Contract”,填充数字“2”,把选区紧缩 2 pixels.

　　回画布后,再挑选矩形挑选工具,按住“Alt”键,由选区左上部拖动鼠标到选区的右下部,整个选区的三分之二处,留下整个选区的三分之一.

　　仍旧利用白色作为前风光,并再次挑选过渡工具,过渡色为“Foreground to Transparent －前风光到透明”,在选区中按“Shift”键,由下到上填充过渡色.

　　挑选菜单中的“ Filters－滤镜”－＞“Gaussian Blur...－高斯模糊”,在“Radius”中填入得当的数值,本例为2,加个高斯模糊效果.肯定后回到工作界面,把此层的透明度设置为68%左右.至此,整个图标制作历程完成了三分之二,完成后以下图:



图十二

　　假如想做素素的按钮,到这个步骤就基本竣工了,只需增添按钮文字.可本文动身点为做丰富多彩的三维立体按钮,所以要出入下一个工序:

　　5、插入漂亮图标

　　为了让按钮越发美好,我们可以加入一些标志按钮寓意的图标.至于加什么样的图标,看个人决意.

　　翻开一个现成的图标,经过细心的勾选,把它复制到上面做成的按钮中,



图十三
调整图标的大小,以适应按钮,为了使插入的图标颜色与按钮色相交融,有必要调整图标的色相与饱和度.肯定选中图标层,翻开菜单“Image－图象”－＞“Adjustments－调整”－＞“Hue/Saturation...－色相/饱和度”,或按快速键“Ctrl + U”,进入调整界面,移动滑标,设置:Hue=-18,Saturation=+30,别的为缺省.



图十四

　　为了突出按钮的三维效果,把图标层的透明度设置为65%.同时记得把此层调整到“第四道”工序中成立的两层下.完成的按钮以下图所示:



图十五

　　把按钮保存成PSD分层文件,有了这个模板,我们可以通过色相、饱和度和亮度的调整,制作别的颜色的一系列按钮.

　　只需求选中圆形层,按“Ctrl + U”,把“Saturation－饱和度”调整为100,“Hue－色相”与“亮度”按自己的需求肆意调整.按下图参数设置,按钮已成了另一种效果:



图十六

　　图标的插入办法就跟上面的一样,文章至此为止,就不再罗嗦了