选择显示字体大小

用layer style滤镜制作玻璃按钮(二)

用layer style滤镜制作玻璃按钮(二)

作者:吴进辉
版权所有:images.com.cn
转载请与作者联系

  由于按钮的高光区过于明亮,且缺少变化,我将用内部阴影效果降低高光区的亮度,并同时使按钮的色彩再多些变化。



  应用inner shadow后,效果有了明显的改善,原来明亮而缺乏内容的生硬高光有了更多的变化,更关键的是左上方加上了绿色高光色。我选择了较暗的墨绿色,用multiply模式混合,由于光线的角度及distance的调整,颜色混合并未影响按钮右下方,但整个光照度有所降低。

 

  color overlay将给整个按钮上色,目的是加重按钮的色彩饱和度。



  (这一步看上去似乎无足轻重,而实际上很重要。尤其时当你设计的作品是用来印刷时,过于单调的色彩,尤其是高光部分几乎为白色的部分,在印刷品上看很不自然。更何况,当rgb图像转换成cmyk格式时,较鲜艳的色彩还将损失一部分)。所以对于color overlay子项,建议尽量尝试它所能产生的效果。



  在数字美术作品的创作过程中,经常会遇到这样看似无意义的步骤,而实际上并非如此,三到五个这样的操作,将使作品的质量得到相当的完善。而这些往往被初学者忽略,因为他们更感兴趣于变化明显的操作

这一步的变化也不明显,我之所以要选择gradient overlay子项,目的有两个,第一是因为前一步的结果,鲜艳的青色还较多,如果这个按钮是用于网页的,那就没必要再作这一步,但对于印刷来说,较亮的青色是几乎印不出来的。



  你在书上看到的效果实际上已经比当时的屏幕效果黯淡了不少。当图像转换为cmyk格式时,过于鲜亮的青色会被自动替换,结果往往得到更灰暗的色调。第二个目的,我想加深按钮中间部分的蓝色,因为我不想让呆会儿的透明纹理过亮。



  这是最后一步,为按钮加上纹理填充。一开始,我就给图像底层作了纹理填充,无缝贴图是我在前面讲解layer styler各子项功能时,为当时的例子制作的,关于无缝贴图的做法,前面也有例子。现在我用同一个贴图为按钮加上纹理。



  因为透明度调得很低,只有19%,隐约的填充使纹理好像是从按钮背后透过来的。



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


 


关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

源码编程相关

Java   Asp   PHP   .Net   XML   C/C++   CGI   VB   Jsp   J2ee   J2se   J2me   EJB   Servlet   Tomcat   Resin   Struts   Weblogic   Eclipse   ANT   GUI   JMS   Web servise   IDEA   Webphere   Hibernate   Spring   Jboss   Applet   Swing   Socket   Javamail   Perl   Ajax   P2P   安全   模式   框架   测试   开源   游戏

SQL数据库相关

My-SQL   Ms-SQL   Access   DB2   Oracle   Sybase   SQLserver   索引   存储过程   加密   数据库   分页   视图  

手机无线相关

3G   Wap   CDMA   GRPS   GSM   IVR   彩信   短信   无线   增值业务

网页设计制作相关

HTML   CSS   网页配色   网页特效   Javascript   VBscript   Dreamweaver   Frontpage   JS   Web   网站设计

网站建设推广相关

建站经验   网站优化   网站排名   推广   Alexa

操作系统/服务器相关

Windows XP   Windows 2000   Windows 2003   Windows Me   Windows 9.x   Linux   UNIX   注册表   操作系统   服务器   应用服务器

图形图像多媒体相关

Photoshop   Fireworks   Flash   Coreldraw   Illustrator   Freehand   Photoimpact   多媒体   图形图像

标准 网站致力的规范

Valid CSS!

无不良内容,无不良广告,无恶意代码

Valid XHTML 1.0 Transitional

creativecommons