用Adobe Photoshop5.0制作最酷的三维界面

  首先,启动Adobe Photoshop5.0,在菜单File/New里,新建一个800*600图像,设置背景为白色.接着,在Layer层控制面板里,点击新建图层按钮,于是,在原图上,多出了一个新的图层.然后,在左边的工具栏里,使用钢笔工具(Pen Tool)如图二所示,在新建的图上用贝兹曲线勾画出一个三维面板的的雏形,为了使绘制的图形更精确,我们可以使用菜单栏里的View/Show Rules,和View/Show Grids来显示标尺和网格线,使我们对图形进行精确定位.接下来,继续使用钢笔工具箱里的增加节点工具,拖拉(尖头),和变形(三角)工具(如图三所示)把刚才建立的贝兹曲线改造成我们需要的最终的样子,如图四所示.点击 Path面板右上方的小三角,在弹出的菜单里选择Save Path,把路径保存,以便于以后的修改.然后,继续在这个菜单里选择Make selection,把Path路径转化为选区,在出现的对话框里,把Feather羽化值设为0,为了使我们能看得更清楚,还是在Path菜单里,选择Turn off Path,把 Path路径暂时隐藏,如图五所示.

  接下来,再使用左边工具栏里的油漆桶工具,选择一种您喜欢的颜色(在这里,我选择了银灰色),添入被选区.保持对象的选中状态,如果没有被选中,可使用顶部菜单栏里的Select/Load Selection把对象重新选取.然后,在Select菜单里,选择Save Selection,在出现的菜单里,为储存的选区取名为#1.这样,我们就把选区存在了#1号通道里了.接着,在通道控制面板里,选中新建的#1号通道,于是,我们可以看到,刚才我们选中的区域成为了白色,而未被选中的区域是黑色的.利用工具箱里的魔术棒选择工具,把白色部分选中,然后,执行顶部菜单栏里的Filter/Blur/Gaussion Blur高斯模糊滤镜工具,在出现的参数对话框里,把虚化值设为10,然后,点击确定按钮,完成虚化.这时,我们可以看到,白色选区的边缘出现了渐变模糊的效果,如图六所示.接着,回到RGB模式,在Filter/Render/Light Effects里,使用光照效果滤镜,在出现的对话框里,在Channel通道里选择#1通道,其他的参数按照图七设置,按下确定按钮.让我们来看一下执行结果.怎么样,很惊奇,不是吗?刚才还是平面的图像变得有三维效果了.对于光照滤镜的缺省值而言,通道的白色代表凸起,黑色代表下凹,换句话说,从RGB0,0,0到RGB255,255,255,图像的凸起逐渐升高.由于刚完成光照效果的图像边缘有锯齿,所以,我们执行Select/Load Selection,在出现的对话框里按默认值确定.再执行Select/Modify/Contract,在出现的对话框里,设置值为1个像素,接着,执行Select/Inverse,把图形反选,按Delete键删除,我们可以看到,图形的边缘平滑了很多.

  继续在Layer层控制面板里新建一个图层,在工具箱里使用Pen Tool钢笔工具画一个矩形的贝兹曲线,然后再使用修改工具把矩形变为园角矩形.由于Photoshop5.0没有直接的园角矩形工具,所以比较麻烦,用贝兹曲线来定义是比较可行的办法,希望即将面世的Adobe Photoshop6.0能改善这一情况.最后的结果如图八所示.还是用刚才的方法,保存路径,作为选区,Select/Save Selection把选区储存为#2通道,在通道中,对白色部分进行Filter/Blur/Gaussion Blur,在出现的参数对话框里,还是把Blur值设为10.回到Layer层,对选区添入颜色,最后对选区进行Filter/Render/Light Effects光照效果,记得在通道选项中选取#2通道.于是,刚完成的园角矩形也变成有三维效果了,如图九所示.为了使三维效果看上去更为逼真,我们要对这个园角矩形使用阴影工具(很可惜,这个工具只有在Photoshop 5.0或以上版本才有,如果您用的是Photoshop4.0,那这个效果就跳过吧).在Layer层控制面板中选中园角矩形所在的那个层,单击鼠标右键,在出现的菜单里,选择Effects效果,然后,就会有参数设置对话框出现,Effects效果的缺省值是Drop Shadow投放阴影,在此对话框里,我们把Distance距离值设为4,其他值设为缺省值.按下确定按钮,怎么样,是不是大有改观了吧,如图十所示.我个人认为,Photoshop5.0推出的Effects效果工具是非常有用的.它使我们的创作变得更为方便快捷,而且它还可以对变为Render Type之前的文字层进行操作.想必大家一定还记得过去要制作具有阴影效果的文字是多么麻烦吧,而现在,只需在Effects/Drop Shadow投放阴影里设置一下参数就可以了.如果各位有兴趣的话,可以在Effects参数对话框里,用Ctrl1-5来切换不同的效果,您可以大胆地尝试一下内阴影,内光晕,外光晕,和浮雕效果.好了,接下来,还是在园角矩形的这一层,执行Select/Load Selection,在出现的对话框里,按缺省值确定.再在Layer层面中新建一个层,把前景色设置为白色,用油漆桶工具把颜色添到选区中去,取消对对象的选择,使用顶部菜单栏里的Edit/Transform/Scale比例调整工具,你会看到在白色对象的四周出现了带控制点的黑色边框,用手按住Shift键,拖动黑色的边框,把对象等比列缩小一点.一般而言Adobe公司的所有绘图软件中,按住Shift键都能进行等比操作.然后,在Select/Load selection里,按缺省值确定.当然,你也可以使用工具箱里的魔术棒工具把白色对象全部选取.接着,在Layer层面板中,选择刚才创建的小园角矩形所在的那个层,按下Delete键,然后,单击白色对象所在层左边的眼睛,把这个层隐藏,于是,我们看到小园角矩形的中间出现了一个带阴影效果的下凹效果,如图十一所示.

  到现在为止,一个三维的播放界面已经初具雏形了.接下来,我们要制作有三维视觉效果的播放按钮.新建一个图层,并且为了看得更加清楚,点击其他层的眼睛按钮,把其他各层隐藏.在工具箱里使用矩形选区工具,在新建的图层中画一个矩形,然后,再使用工具箱里的圆形选取工具.按住Shift键,这时,我们看到鼠标箭头出现了一个加号,我们把圆形和矩形对接,最后的效果如图十二所示.在做这一步的时候,经验很重要,读者可以多做几次,直到成功为止.然后,我们把背景色设置为白色,前景色设置为银灰色,在工具箱里使用渐变工具,把模式设为Liner线性,在选取的范围内从上倒下添入渐变色.接着,再新建一个图层,在现先前的选取范围还在的情况下(如果不在了,按照先前所写的Select/Load Selection 方法再把选区提取出来),再次使用渐变工具,从下到上地添入颜色.取消选择,在Edit/Transform/Scale比例调整选项里,把新建的图层按比例缩小一点,怎么样,看到三维效果了吧,如图十三所示.把这两层合并,并使用比例工具把它们调整到和整个播放面板大小相配.在本例中,我们要设计两个三维播放按钮,一个是播放,一个是停止.所以,在Layer层控制面板中选取刚刚创建的三维按钮所在的层,按下鼠标右键,在弹出的菜单中,选择Duplicate Layer复制层工具,把刚才的层复制一个.接下来,我们把两个层调整到适当的位置.并且,使用工具栏里的文字工具,在第一个按钮上打上PLAY,再第二个按钮上打上STOP.为了使文字与按钮相配,我们要使文字看上去有凸出的三维效果.选中文字层,按下鼠标右键,再弹出的菜单里选择Effects,在出现的对话框里,保留Drop Shadow投放阴影的设置,按Ctrl-5切换到Emboss….浮雕选项,按照缺设值,购选Apply复选框,按确定退出.于是,我们惊喜地发现,刚才的文字变得有凸起的三维效果了,如图十四所示.到现在为止,一个三维的播放面板已经初具规模了.我们可以再打开一幅图像,经过适当裁减后放到三维面板上去.其实,现在的图像效果还不是很完美,但是,由于篇幅的关系,我不能再一一介绍了.