ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 5800|回复: 8
收起左侧

[网页图片] 制作白边水晶按钮...。

[复制链接]
发表于 2008-5-4 18:28:57 | 显示全部楼层 |阅读模式

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

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

x
作者:Sener  来源 :PS联盟  
来源:PS联盟 作者:Sener
教程介绍网页常用水晶按钮的制作方法,思路:制作方法跟平时做的水晶按钮一样,需要注意光感及细节的调节,颜色及背景可以按照自己的喜好选用。
最终效果

1.新建一个500 * 300像素的文件,背景填充颜色:#827E22。
2.选择圆角矩形工具,半径设置为25,前景颜色设置为白色,绘制图1所示的圆角矩形,然后删格化图层。

<图1>  



  3.把圆角矩形复制一份,回到原圆角矩形这层,双击图层调出图层样式,选择描边数值为6,颜色为白色如图2,确定后新建一个空白图层,把描边后的图层与空白图层合并,再双击图层调出图层样式,参数设置如图3,效果如图4。

<图2>

<图3>

<图4>



  4.回到圆角矩形副本层,双击图层调出图层样式,参数设置如图5,6。确定后选择椭圆选框工具在圆角矩形的左边绘制一个正圆,然后按Delete删除,效果如图7。

<图5>

<图6>

<图7>


5.如图8所示锁定图层。

<图8>
6.选择矩形选框工具把圆角矩形的下半部分框选,再选择渐变工具颜色设置如图9,然后在绘制图10所示的线性渐变。拉好渐变后不要取消选区,按Ctrl + Shift + I反选,

<图9>

<图10>   



   7.选择渐变工具颜色设置如图11,然后在绘制图12所示的线性渐变。总体效果如图13。

<图11>

<图12>

<图13>
8.调出圆角矩形的选区,新建一个图层填充颜色:#C5B564,选择橡皮工具,只保留由边一小部分,其它的地方都擦锄,效果如图14。

<图14>


  9.调出圆角矩形的选区,新建一个图层填充白色,然后把选区向下移动3个像素,如图15,然后按按Delete删除,适当的调整透明度.最后打上文字完成最终效果。

<图15>

<图16>
发表于 2008-5-4 19:52:21 | 显示全部楼层
哇哇 ` 看不懂`

``
发表于 2008-5-4 20:19:47 | 显示全部楼层
谢谢ps:ps教程 ps:ps教程
发表于 2008-5-5 16:05:46 | 显示全部楼层
多谢楼主,但这对于初学的我来说,好难啊~~~~~
发表于 2008-5-7 01:10:26 | 显示全部楼层
有些小步骤看不懂。做出来效果没有你的好。
发表于 2008-5-7 01:35:14 | 显示全部楼层
ps:幻想猴 ps:幻想猴

不错.
     回家试下
发表于 2008-5-8 20:32:45 | 显示全部楼层
回去好好练练哦
不错
支持ps:<惊讶
发表于 2008-5-8 20:38:16 | 显示全部楼层
蛮复杂的哦,谢谢了~~
发表于 2008-6-2 15:36:48 | 显示全部楼层
谢谢ps:ps教程
您需要登录后才可以回帖 登录 | 注册

本版积分规则

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

GMT+8, 2024-5-7 19:51 , Processed in 0.036931 second(s), 10 queries , XCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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