首页 > 设计 > 详细

Photoshop制作精致的黑光水晶导航按钮

时间：2016-01-16 08:52:06      阅读：232      评论：0      收藏：0      [点我收藏+]
最终效果

技术分享

技术分享
 
1、打开下图所示的背景素材。

技术分享


2、新建图层并命名为“按钮”，选择“矩形工具”，单击工具选项栏中的“填充像素”按钮进行绘制。

技术分享

3、为“按钮”图层添加图层样式，单击“外发光”项目，设置其各项参数。

技术分享
 
4、单击“斜面和浮雕”项目，设置其各项参数。

技术分享

5、单击“渐变叠加”项目，设置其各项参数。

技术分享

6、单击“描边”项目，设置其各项参数。按下“确定”按钮，关闭“图层样式”对话框，效果如图所示。

技术分享

7、按下“确定”按钮，关闭“图层样式”对话框，效果如图所示。

技术分享
 
8、新建一个文档，大小为“3px*3px”，分辨率为“72px”。将文档放大到“1600%”，用铅笔画出如下图案，再执行“编辑”→“定义图案”命令。

技术分享

9、新建图层并命名为“图案”，按下<Ctrl>键的同时单击“按钮”图层，将“按钮”图层载入选区，选择“油漆桶工具”填充设置好的图案。

技术分享

10、完成后，效果如图所示。

技术分享

11、新建图层并命名为“边”，选择“矩形工具”，单击工具选项栏中的“填充像素”按钮进行绘制。

技术分享
 
12、为“边”图层添加图层样式，单击“外发光”项目，设置其各项参数。

技术分享

13、按下“确定”按钮，关闭“图层样式”对话框，为“边”图层添加图层蒙版，选择“渐变工具”，调整图像。

技术分享

14、设置“不透明度”参数，效果如图所示。

技术分享

15、新建图层并命名为“高光”，选择“钢笔工具”绘制路径并将路径载入选区，填充前景色。

技术分享
 
16、为“高光”图层添加图层蒙版，选择“渐变工具”进行调整，并设置其“不透明度”和“填充”参数，完成后效果如图所示。

技术分享

17、为“高光”图层添加“渐变叠加”图层样式，并设置其各项参数。

技术分享

18、按下“确定”按钮，关闭“图层样式”对话框，效果如图所示。

技术分享

19、新建图层组并命名为“组 1”，分别将 “高光”、“边”、“图案”和“按钮”图层拖入给图层组中。

技术分享
 
20、参照制作“组 1”图层组的方法，制作出“紫”和“绿”图层组，效果如图所示。

技术分享

21、将“图层”调板中隐藏的“组 2”图层组显示，完成本实例的制作。

技术分享

最终效果：

技术分享

Photoshop制作精致的黑光水晶导航按钮

原文：http://www.jb51.net/photoshop/32269.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！