您现在的位置: 雪儿网络 >> 站长学院 >> 图形图像 >> 文章正文

文章标题

用layer style滤镜制作玻璃按钮

『 更新时间:2007-3-13 』『 字体:变小 变大 』『 作者:佚名 | 来源:不详 』
用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将纹理放大,但只是将填充的纹理平均地放大了,无法模拟类似放大镜越到中心部位图像越大的变形效果,因此,当你仔细观察这个按钮时会感觉到它似乎不是实心的。就这一点来说,还是用手工方法较好。但为了举例,也顾不得许多了,各位看官,多多见谅!

【点击数:】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口

关文章

您的姓名:
评分等级:
1分 2分 3分 4分 5分
评论内容:
1、严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
2、用户需对自己在使用雪儿网络服务过程中的行为承担法律责任。
3、本站管理员有权保留或删除评论内容。
4、评论内容只代表网友个人观点,与本网站立场无关。
雪儿网络
copyright©2006-2008 xueol.com 鄂icp备06022161号
返回网站顶部