分享
 
 
 

用LayerStyle滤镜制作玻璃按钮

王朝other·作者佚名  2008-05-20
窄屏简体版  字體: |||超大  

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有