ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 5095|回复: 0
收起左侧

[网页图片] 制作水晶按钮之至尊版

[复制链接]
发表于 2007-5-7 17:52:31 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
<P>1.首先新建文件,选择圆角矩形工具,绘制出圆角矩形。如图1。&nbsp;&nbsp;</P>
<P align=center><IMG alt="" src="http://www.cgfancy.com/Article/UploadFiles/200703/20070320143936426.jpg" border=0></P>
<P>2.将路径转换为选区,新建图层,使用渐变工具绘制出85%灰度到25%灰度对角线渐变。如图2。&nbsp;&nbsp;</P>
<P align=center><IMG alt="" src="http://www.cgfancy.com/Article/UploadFiles/200703/20070320143938322.jpg" border=0></P>
<P>3.取消选区。使用图层样式,给圆角矩形增加内阴影,参数设置如图。如图3。&nbsp;&nbsp;</P>
<P align=center><IMG style="FILTER: ; WIDTH: 573px; HEIGHT: 467px" height=467 alt="" hspace=0 src="http://www.cgfancy.com/Article/UploadFiles/200703/20070320143938628.jpg" width=573 border=0></P>
<P>4.勾画出如图的选区。如图4。&nbsp;&nbsp;</P>
<P align=center><IMG alt="" src="http://www.cgfancy.com/Article/UploadFiles/200703/20070320143938751.jpg" border=0></P>
<DIV align=left>&nbsp;5.新建图层,拉出透明到白色渐变。如图5。&nbsp;&nbsp;</DIV>
<P align=center><IMG alt="" src="http://www.cgfancy.com/Article/UploadFiles/200703/20070320143938307.jpg" border=0></P>
<DIV align=left>6.新建图层,在矩形左上角勾出如图选区并拉出白色到透明渐变。如图6。&nbsp;&nbsp;</DIV>
<P align=center><IMG alt="" src="http://www.cgfancy.com/Article/UploadFiles/200703/20070320143939328.jpg" border=0></P>
<DIV align=left>7.新建图层,使用椭圆选区工具绘制如图所示的两个椭圆选区并羽化填充。如图7。&nbsp;&nbsp;</DIV>
<P align=center><IMG alt="" src="http://www.cgfancy.com/Article/UploadFiles/200703/20070320143945744.jpg" border=0></P>
<DIV align=left>8.勾画出如图所示的选区。如图8。&nbsp;&nbsp;</DIV>
<P align=center><IMG alt="" src="http://www.cgfancy.com/Article/UploadFiles/200703/20070320143946653.jpg" border=0></P>
<DIV align=left>9.新建图层,拉出白色到透明渐变,并将该层不透明度减低为70%。将所有图层合并(背景层除外),通过色彩平衡来为按钮上色。如图9。&nbsp;&nbsp;</DIV>
<P align=center><IMG alt="" src="http://www.cgfancy.com/Article/UploadFiles/200703/20070320143955959.jpg" border=0></P>
<DIV align=left>10.选区按钮的选区并将其扩大。如图10。&nbsp;&nbsp;</DIV>
<P align=center><IMG alt="" src="http://www.cgfancy.com/Article/UploadFiles/200703/20070320143955833.jpg" border=0></P>
<DIV align=left>11.使用喷笔绘制出明暗对比效果。如图11。&nbsp;&nbsp;</DIV>
<P align=center><IMG alt="" src="http://www.cgfancy.com/Article/UploadFiles/200703/20070320143955105.jpg" border=0></P>
<DIV align=left>12.使用图层样式为按钮底座增加外发光效果。如图12。&nbsp;&nbsp;</DIV>
<P align=center><IMG alt="" src="http://www.cgfancy.com/Article/UploadFiles/200703/20070320143955322.jpg" border=0></P>
<DIV align=left>13.新建图层打入按钮上面的文字并将图层混合模式调整为叠加。OK,大功告成~!如图13。&nbsp;&nbsp;</DIV>
<P align=center><IMG alt="" src="http://www.cgfancy.com/Article/UploadFiles/200703/20070320143955510.jpg" border=0></P><BR><script language="JavaScript" src="http://www.16xx8.com/bbs/10.js"></script><BR>
您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2024-5-24 06:24 , Processed in 0.028464 second(s), 9 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表