°уОyo‖ 发表于 2008-5-4 18:28:57

制作白边水晶按钮...。

作者：Sener来源 ：PS联盟
来源：PS联盟 作者：Sener
本教程介绍网页常用水晶按钮的制作方法，思路：制作方法跟平时做的水晶按钮一样，需要注意光感及细节的调节，颜色及背景可以按照自己的喜好选用。
最终效果
http://pic.16xx8.com/allimg/080503/2025480.jpg
1.新建一个500 * 300像素的文件，背景填充颜色：#827E22。
2.选择圆角矩形工具，半径设置为25，前景颜色设置为白色，绘制图1所示的圆角矩形，然后删格化图层。
http://pic.16xx8.com/allimg/080503/2025481.jpg
<图1>



3.把圆角矩形复制一份，回到原圆角矩形这层，双击图层调出图层样式，选择描边数值为6，颜色为白色如图2，确定后新建一个空白图层，把描边后的图层与空白图层合并，再双击图层调出图层样式，参数设置如图3，效果如图4。
http://pic.16xx8.com/allimg/080503/2025482.jpg
<图2>
http://pic.16xx8.com/allimg/080503/2025483.jpg
<图3>
http://pic.16xx8.com/allimg/080503/2025484.jpg
<图4>



4.回到圆角矩形副本层，双击图层调出图层样式，参数设置如图5，6。确定后选择椭圆选框工具在圆角矩形的左边绘制一个正圆，然后按Delete删除，效果如图7。
http://pic.16xx8.com/allimg/080503/2025485.jpg
<图5>
http://pic.16xx8.com/allimg/080503/2025486.jpg
<图6>
http://pic.16xx8.com/allimg/080503/2025487.jpg
<图7>


5.如图8所示锁定图层。
http://pic.16xx8.com/allimg/080503/2025488.jpg
<图8>
6.选择矩形选框工具把圆角矩形的下半部分框选，再选择渐变工具颜色设置如图9，然后在绘制图10所示的线性渐变。拉好渐变后不要取消选区，按Ctrl + Shift + I反选，
http://pic.16xx8.com/allimg/080503/2025489.jpg
<图9>
http://pic.16xx8.com/allimg/080503/20254810.jpg
<图10>   



   7.选择渐变工具颜色设置如图11，然后在绘制图12所示的线性渐变。总体效果如图13。
http://pic.16xx8.com/allimg/080503/20254811.jpg
<图11>
http://pic.16xx8.com/allimg/080503/20254812.jpg
<图12>
http://pic.16xx8.com/allimg/080503/20254813.jpg
<图13>
8.调出圆角矩形的选区，新建一个图层填充颜色：#C5B564，选择橡皮工具，只保留由边一小部分，其它的地方都擦锄，效果如图14。
http://pic.16xx8.com/allimg/080503/20254814.jpg
<图14>


9.调出圆角矩形的选区，新建一个图层填充白色，然后把选区向下移动3个像素，如图15，然后按按Delete删除，适当的调整透明度.最后打上文字完成最终效果。
http://pic.16xx8.com/allimg/080503/20254815.jpg
<图15>
http://pic.16xx8.com/allimg/080503/2025480.jpg
<图16>

pyhuguichun 发表于 2008-5-4 19:52:21

哇哇 ` 看不懂`

``

每天一点 发表于 2008-5-4 20:19:47

谢谢ps:ps教程 ps:ps教程

白开水2008 发表于 2008-5-5 16:05:46

多谢楼主，但这对于初学的我来说，好难啊～～～～～

尹利 发表于 2008-5-7 01:10:26

有些小步骤看不懂。做出来效果没有你的好。

夏天de风 发表于 2008-5-7 01:35:14

ps:幻想猴 ps:幻想猴

不错.
   回家试下

亓齐 发表于 2008-5-8 20:32:45

回去好好练练哦
不错
支持ps:<惊讶

交院烂人 发表于 2008-5-8 20:38:16

蛮复杂的哦，谢谢了~~

dbft 发表于 2008-6-2 15:36:48

谢谢ps:ps教程
页: [1]
查看完整版本: 制作白边水晶按钮...。