|
Photoshop制作白边水晶按钮
来源:PS联盟 作者:Sener
本教程介绍网页常用水晶按钮的制作方式,思路:制作方式跟平时做的水晶按钮相同,需要注重光感及细节的调节,颜色及背景可以按照自己的喜好选用。
最终效果 |
1.新建一个500 * 300像素的文件,背景填充颜色:#827E22。
2.选择圆角矩形工具,半径设置为25,前景颜色设置为白色,绘制图1所示的圆角矩形,然后删格化图层。 |
![](/myattachment/Collect/37/f58f83ecfc1b48b303a424f3686e6b62.jpg)
<图1> |
3.把圆角矩形复制一份,回到原圆角矩形这层,双击图层调出图层样式,选择描边数值为6,颜色为白色如图2,确定后新建一个空白图层,把描边后的图层与空白图层合并,再双击图层调出图层样式,参数设置如图3,效果如图4。 |
![](/myattachment/Collect/37/fff4245ffbc8a90d6b44fed7ff7745a7.jpg)
<图2> |
![](/myattachment/Collect/37/0ac5f47194f84f462a6a30d3429084a2.jpg)
<图3> |
![](/myattachment/Collect/37/bfc3aa7c425eb35e3d08fb580cb430f4.jpg)
<图4> |
4.回到圆角矩形副本层,双击图层调出图层样式,参数设置如图5,6。确定后选择椭圆选框工具在圆角矩形的左边绘制一个正圆,然后按Delete删除,效果如图7。 |
![](/myattachment/Collect/37/cb24d77bf768e83fb3dd7c0e5c9063c8.jpg)
<图5> |
![](/myattachment/Collect/37/5d080787cd1244a5b53461e2b0557596.jpg)
<图6> |
![](/myattachment/Collect/37/46fcc4ddc3ec8cb1359dda9f24eaed84.jpg)
<图7> |
![](/myattachment/Collect/37/545df6c20123cb7e697c314dfc776a80.jpg)
<图8> |
6.选择矩形选框工具把圆角矩形的下半部分框选,再选择渐变工具颜色设置如图9,然后在绘制图10所示的线性渐变。拉好渐变后不要取消选区,按Ctrl + Shift + I反选, |
![](/myattachment/Collect/37/d15bce258bbea729cd796c7e5e080d13.jpg)
<图9> |
![](/myattachment/Collect/37/b8867d47de097a6e023a85b4e23d3a19.jpg)
<图10> |
7.选择渐变工具颜色设置如图11,然后在绘制图12所示的线性渐变。总体效果如图13。 |
![](/myattachment/Collect/37/a10f5e9c570cdece15eaf22139e3c097.jpg)
<图11> |
![](/myattachment/Collect/37/2d0864f3fda94d1bce190c1879231257.jpg)
<图12> |
![](/myattachment/Collect/37/ef4f760e54b6216f7fa634e85280de4d.jpg)
<图13> |
8.调出圆角矩形的选区,新建一个图层填充颜色:#C5B564,选择橡皮工具,只保留由边一小部分,其它的地方都擦锄,效果如图14。 |
![](/myattachment/Collect/37/a525fb8efadc674a8d3b4a10f738002a.jpg)
<图14> |
9.调出圆角矩形的选区,新建一个图层填充白色,然后把选区向下移动3个像素,如图15,然后按按Delete删除,适当的调整透明度.最后打上文字完成最终效果。 |
![](/myattachment/Collect/37/90fe1594a315fee4835383c81138bad7.jpg)
<图15> |
![](/myattachment/Collect/37/e0581792e1b3ce7f66106320628fe773.jpg)
<图16> |
返回类别: Photoshop教程 上一教程: PS鼠绘可爱的动漫女孩 下一教程: PS鼠绘可爱的粉色女孩
您可以阅读与"Photoshop制作白边水晶按钮"相关的教程: · Photoshop制作简朴的蓝色水晶按钮 · Photoshop制作水晶按钮教程 · Photoshop轻松制作水晶按钮 · photoshop制作水晶按钮 · Photoshop制作两款常用水晶按钮
|