::NoName Magazine 无名杂志 » 设计无名 » [FW]3步完成水晶按钮


2006-7-28 19:36 Hikaru
[FW]3步完成水晶按钮

第一步:STEP1
打开你的FireWorks,在绘画面板里面选择矢量框,里面选择圆角矩形。稍微调整一下图形的圆度和大小哦。填充用渐进色,我这里用红色,当然你可以自己用绿色蓝色随便咯^-^,一边白色一边按红色,中间再添加一个色调为鲜红色,这样能让按钮看上去更饱满和鲜艳哦。图形边框为更深一点的红色,这里我就不规定16进制数了。

[img]http://www.flamesky.com/blog/user1/6/upload/200510189256.gif[/img]
[img]http://www.flamesky.com/blog/user1/6/upload/200510189131.jpg[/img]

SETP2:给这个图形+内侧阴影和投影,按顺序来,内侧阴影选择白色,距离7,边缘4,透明度默认,投影角度270,距离2(图形大距离就大),边缘4~7,透明度默认或者50%以下。
[img]http://www.flamesky.com/blog/user1/6/upload/200510184372.gif[/img]
[img]http://www.flamesky.com/blog/user1/6/upload/200510182553.jpg[/img]

STEP3:高光部分。再画一个圆角矩形,把圆角调整到最大,高度为你所画按钮的差不多2/5高吧,帖住上边,宽度适中,填充渐进色(都是线形),这里也是3个部分,最左面白色(透明度100%),靠近1/4处白色(透明度70%~80%),最后面白色(透明度20%),调整线形方向,完成咯!!!
[img]http://www.flamesky.com/blog/user1/6/upload/200510187276.gif[/img]
[img]http://www.flamesky.com/blog/user1/6/upload/200510185784.jpg[/img]

好看么?

不同颜色不同线形填充效果就可以不一样哦。
[img]http://www.flamesky.com/blog/user1/6/upload/200510185784.jpg[/img]
[img]http://www.flamesky.com/blog/user1/6/upload/200510185974.jpg[/img]
[img]http://www.flamesky.com/blog/user1/6/upload/200510185835.jpg[/img]
[img]http://www.flamesky.com/blog/user1/6/upload/200510184972.jpg[/img]

页: [1]
查看完整版本: [FW]3步完成水晶按钮


Powered by Discuz! Archiver 5.5.0  © 2001-2006 Comsenz Inc.