用Layer Style滤镜制作玻璃按钮
这是Photoshop6.0最了不起的一项增强功能了,至少我是这么认为。Layer Style,这个由十个控制项组成的独立控制界面,几乎包括了平面图形立体化过程中经常涉及到的各个方面,例如:立体化、阴影、外边发光、内边发光、纹理混合、边缘纹理、过渡色混合以及灯光纹理等。所以,这是你必须下功夫研究的一组强大功能集合。
Layer Style控制界面可以用点击Layer>Layer Style> Blending Options的方法得到。不过更简单的方法是在Layers控制版中直接双击要加工的图层名。
在打开的界面中,十个控制项(以下称其为子项)都以复选框方式排列在最左侧。你可以随时开关它们,并且,使用过Layer Style的图层,在Layers控制版上都标明了你所选用了的子项,双击图层上的Layer Style标记或图层名,可以随时再次打开它继续修改,我感觉它有些象3DMAX里的编辑修改器堆栈。这种允许你随时继续修改的方式大大提高了工作效率。
用Layer Style完全可以作出相当柔美的玻璃按钮,不过,它也有个不好解决的缺陷,从我作的样例中可以看出,椭圆的边缘以外,总有一圈柔和的光环,这是由Bevel and Emboss子项产生的。如果一定要去除它,可以在控制界面的Style弹出选项中选择Inner Bevel。
但效果远不如我选择的Pillow Emboss选项好。比较好的补救办法是将物件放到有同样形状镂空的图层下面,让它透过镂空部分被看到,这样,多出边缘的部分将被遮挡住。
或者,可以事先保存物件的轮廓选择域,而后调出选择域并反选,将玻璃物轮廓以外部分删除。这样做之前,需要先将应用过Layer Style的图层与一个空层合并以取消图层中对编辑效果的纪录状态。
在Bevel and Emboss子项中,Style选项为Pillow Emboss,它的效果比较丰富。我将Size调得很大,这就造成了轮廓边缘以外的部分透明光环,但轮廓内部的光线变化也变得柔和了。
注意我同时选中了Contour子项,这是必需的,它使边缘的立体效果更加富于变化。如果取消Contour子项,椭圆按钮的高光将变得黯淡。我将Depth调到41%,数值过高,会使按钮的高光部分非常明亮,因为考虑到后面其它子项还会使按钮增加亮度,所以现在不易将高光调到满意的程度,应该稍微欠缺些。
注意到我在Bevel and Emboss界面中选择的曲线了吗?通常,增加立体边变化的方法是选择较平和的对角曲线,甚至对角直线,然后在Contour子项内选择较多峰值的多变化曲线,这样,原来平和的立体边上,将再次被赋予更多的起伏变化,而且效果清晰。
但现在我希望变化柔和,所以,我在Bevel and Emboss中选择多一些变化的曲线,而用较大的Size和Soften值使其柔和。然后在Contour中用一个峰值的缓和曲线加强立体边缘的圆弧感。
接着,用Inner Glow子项,即边缘内部发光效果,来增强按钮边缘的色调变化。
混合模式选择Color Dodge,它将黄色影响到原来的按钮上,按钮的边缘内部出现了一圈亮光。并且椭圆的右下角窄圆弧边的一条细亮线更明显了,玻璃物件的折射边缘往往有这样的效果,所以这正是我需要的。
由于按钮的高光区过于明亮,且缺少变化,我将用内部阴影效果降低高光区的亮度,并同时使按钮的色彩再多些变化。
应用Inner Shadow后,效果有了明显的改善,原来明亮而缺乏内容的生硬高光有了更多的变化,更关键的是左上方加上了绿色高光色。我选择了较暗的墨绿色,用Multiply模式混合,由于光线的角度及Distance的调整,颜色混合并未影响按钮右下方,但整个光照度有所降低。
Color Overlay将给整个按钮上色,目的是加重按钮的色彩饱和度。
(这一步看上去似乎无足轻重,而实际上很重要。尤其时当你设计的作品是用来印刷时,过于单调的色彩,尤其是高光部分几乎为白色的部分,在印刷品上看很不自然。更何况,当RGB图像转换成CMYK格式时,较鲜艳的色彩还将损失一部分)。所以对于Color Overlay子项,建议尽量尝试它所能产生的效果。
在数字美术作品的创作过程中,经常会遇到这样看似无意义的步骤,而实际上并非如此,三到五个这样的操作,将使作品的质量得到相当的完善。而这些往往被初学者忽略,因为他们更感兴趣于变化明显的操作。
这一步的变化也不明显,我之所以要选择Gradient Overlay子项,目的有两个,第一是因为前一步的结果,鲜艳的青色还较多,如果这个按钮是用于网页的,那就没必要再作这一步,但对于印刷来说,较亮的青色是几乎印不出来的。
你在书上看到的效果实际上已经比当时的屏幕效果黯淡了不少。当图像转换为CMYK格式时,过于鲜亮的青色会被自动替换,结果往往得到更灰暗的色调。第二个目的,我想加深按钮中间部分的蓝色,因为我不想让呆会儿的透明纹理过亮。
这是最后一步,为按钮加上纹理填充。一开始,我就给图像底层作了纹理填充,无缝贴图是我在前面讲解Layer Styler各子项功能时,为当时的例子制作的,关于无缝贴图的做法,前面也有例子。现在我用同一个贴图为按钮加上纹理。
因为透明度调得很低,只有19%,隐约的填充使纹理好像是从按钮背后透过来的。
有一点比较遗憾,虽然可以调节Scale将纹理放大,但只是将填充的纹理平均地放大了,无法模拟类似放大镜越到中心部位图像越大的变形效果,因此,当你仔细观察这个按钮时会感觉到它似乎不是实心的。就这一点来说,还是用手工方法较好。但为了举例,也顾不得许多了,各位看官,多多见谅