Photoshop鼠绘制作白边水晶按钮
发布时间:2015-05-12 来源:查字典编辑
摘要:最终效果:1.新建一个500*300像素的文件,背景填充颜色:#827E22。2.选择圆角矩形工具,半径设置为25,前景颜色设置为白色,绘制...
最终效果:
![Photoshop鼠绘制作白边水晶按钮1](/Images/jiaocheng/2015-05-0418/62362937.jpg)
1.新建一个500 * 300像素的文件,背景填充颜色:#827E22。
2.选择圆角矩形工具,半径设置为25,前景颜色设置为白色,绘制图1所示的圆角矩形,然后删格化图层。
![Photoshop鼠绘制作白边水晶按钮2](/Images/jiaocheng/2015-05-0418/3521042629.jpg)
<图1>
3.把圆角矩形复制一份,回到原圆角矩形这层,双击图层调出图层样式,选择描边数值为6,颜色为白色如图2,确定后新建一个空白图层,把描边后的图层与空白图层合并,再双击图层调出图层样式,参数设置如图3,效果如图4。
![Photoshop鼠绘制作白边水晶按钮3](/Images/jiaocheng/2015-05-0418/1384378519.jpg)
<图2>
![Photoshop鼠绘制作白边水晶按钮4](/Images/jiaocheng/2015-05-0418/643748086.jpg)
<图3>
![Photoshop鼠绘制作白边水晶按钮5](/Images/jiaocheng/2015-05-0418/1449330360.jpg)
<图4>
4.回到圆角矩形副本层,双击图层调出图层样式,参数设置如图5,6。确定后选择椭圆选框工具在圆角矩形的左边绘制一个正圆,然后按Delete删除,效果如图7。
![Photoshop鼠绘制作白边水晶按钮6](/Images/jiaocheng/2015-05-0418/2822407238.jpg)
<图5>
![Photoshop鼠绘制作白边水晶按钮7](/Images/jiaocheng/2015-05-0418/2595983065.jpg)
<图6>
![Photoshop鼠绘制作白边水晶按钮8](/Images/jiaocheng/2015-05-0418/2018799625.jpg)
<图7>
5.如图8所示锁定图层。
![Photoshop鼠绘制作白边水晶按钮9](/Images/jiaocheng/2015-05-0418/4122897435.jpg)
<图8>
6.选择矩形选框工具把圆角矩形的下半部分框选,再选择渐变工具颜色设置如图9,然后在绘制图10所示的线性渐变。拉好渐变后不要取消选区,按Ctrl + Shift + I反选,
![Photoshop鼠绘制作白边水晶按钮10](/Images/jiaocheng/2015-05-0418/667590767.jpg)
<图9>
![Photoshop鼠绘制作白边水晶按钮11](/Images/jiaocheng/2015-05-0418/976614807.jpg)
<图10>
7.选择渐变工具颜色设置如图11,然后在绘制图12所示的线性渐变。总体效果如图13。
![Photoshop鼠绘制作白边水晶按钮12](/Images/jiaocheng/2015-05-0418/26694533.jpg)
<图11>
![Photoshop鼠绘制作白边水晶按钮13](/Images/jiaocheng/2015-05-0418/2299599445.jpg)
<图12>
![Photoshop鼠绘制作白边水晶按钮14](/Images/jiaocheng/2015-05-0418/2113074797.jpg)
<图13>
8.调出圆角矩形的选区,新建一个图层填充颜色:#C5B564,选择橡皮工具,只保留由边一小部分,其它的地方都擦锄,效果如图14。
![Photoshop鼠绘制作白边水晶按钮15](/Images/jiaocheng/2015-05-0418/2870346456.jpg)
<图14>
9.调出圆角矩形的选区,新建一个图层填充白色,然后把选区向下移动3个像素,如图15,然后按按Delete删除,适当的调整透明度.最后打上文字完成最终效果。
![Photoshop鼠绘制作白边水晶按钮16](/Images/jiaocheng/2015-05-0418/4108025679.jpg)
![Photoshop鼠绘制作白边水晶按钮17](/Images/jiaocheng/2015-05-0418/3357400068.jpg)
注:更多精彩教程请关注三联photoshop教程栏目,三联PS群:75789345欢迎你的加入