Photoshop制作精致的黑光水晶导航按钮
软件云 人气:0
最终效果
![](https://img.qb5200.com/download-x/20201019/47120.jpg)
![](https://img.qb5200.com/download-x/20201019/47121.jpg)
1、打开下图所示的背景素材。
![](https://img.qb5200.com/download-x/20201019/47122.jpg)
2、新建图层并命名为“按钮”,选择“矩形工具”,单击工具选项栏中的“填充像素”按钮进行绘制。
![](https://img.qb5200.com/download-x/20201019/47123.jpg)
3、为“按钮”图层添加图层样式,单击“外发光”项目,设置其各项参数。
![](https://img.qb5200.com/download-x/20201019/47124.jpg)
4、单击“斜面和浮雕”项目,设置其各项参数。
![](https://img.qb5200.com/download-x/20201019/47125.jpg)
5、单击“渐变叠加”项目,设置其各项参数。
![](https://img.qb5200.com/download-x/20201019/47126.jpg)
6、单击“描边”项目,设置其各项参数。按下“确定”按钮,关闭“图层样式”对话框,效果如图所示。
![](https://img.qb5200.com/download-x/20201019/47127.jpg)
7、按下“确定”按钮,关闭“图层样式”对话框,效果如图所示。
![](https://img.qb5200.com/download-x/20201019/47128.jpg)
8、新建一个文档,大小为“3px*3px”,分辨率为“72px”。将文档放大到“1600%”,用铅笔画出如下图案,再执行“编辑”→“定义图案”命令。
![](https://img.qb5200.com/download-x/20201019/47129.jpg)
9、新建图层并命名为“图案”,按下<Ctrl>键的同时单击“按钮”图层,将“按钮”图层载入选区,选择“油漆桶工具”填充设置好的图案。
![](https://img.qb5200.com/download-x/20201019/47130.jpg)
10、完成后,效果如图所示。
![](https://img.qb5200.com/download-x/20201019/47131.jpg)
11、新建图层并命名为“边”,选择“矩形工具”,单击工具选项栏中的“填充像素”按钮进行绘制。
![](https://img.qb5200.com/download-x/20201019/47132.jpg)
12、为“边”图层添加图层样式,单击“外发光”项目,设置其各项参数。
![](https://img.qb5200.com/download-x/20201019/47133.jpg)
13、按下“确定”按钮,关闭“图层样式”对话框,为“边”图层添加图层蒙版,选择“渐变工具”,调整图像。
![](https://img.qb5200.com/download-x/20201019/47134.jpg)
14、设置“不透明度”参数,效果如图所示。
![](https://img.qb5200.com/download-x/20201019/47135.jpg)
15、新建图层并命名为“高光”,选择“钢笔工具”绘制路径并将路径载入选区,填充前景色。
![](https://img.qb5200.com/download-x/20201019/47136.jpg)
16、为“高光”图层添加图层蒙版,选择“渐变工具”进行调整,并设置其“不透明度”和“填充”参数,完成后效果如图所示。
![](https://img.qb5200.com/download-x/20201019/47137.jpg)
17、为“高光”图层添加“渐变叠加”图层样式,并设置其各项参数。
![](https://img.qb5200.com/download-x/20201019/47138.jpg)
18、按下“确定”按钮,关闭“图层样式”对话框,效果如图所示。
![](https://img.qb5200.com/download-x/20201019/47139.jpg)
19、新建图层组并命名为“组 1”,分别将 “高光”、“边”、“图案”和“按钮”图层拖入给图层组中。
![](https://img.qb5200.com/download-x/20201019/47140.jpg)
20、参照制作“组 1”图层组的方法,制作出“紫”和“绿”图层组,效果如图所示。
![](https://img.qb5200.com/download-x/20201019/47141.jpg)
21、将“图层”调板中隐藏的“组 2”图层组显示,完成本实例的制作。
![](https://img.qb5200.com/download-x/20201019/47142.jpg)
最终效果:
![](https://img.qb5200.com/download-x/20201019/47120.jpg)
![](https://img.qb5200.com/download-x/20201019/47121.jpg)
1、打开下图所示的背景素材。
![](https://img.qb5200.com/download-x/20201019/47122.jpg)
2、新建图层并命名为“按钮”,选择“矩形工具”,单击工具选项栏中的“填充像素”按钮进行绘制。
![](https://img.qb5200.com/download-x/20201019/47123.jpg)
3、为“按钮”图层添加图层样式,单击“外发光”项目,设置其各项参数。
![](https://img.qb5200.com/download-x/20201019/47124.jpg)
4、单击“斜面和浮雕”项目,设置其各项参数。
![](https://img.qb5200.com/download-x/20201019/47125.jpg)
5、单击“渐变叠加”项目,设置其各项参数。
![](https://img.qb5200.com/download-x/20201019/47126.jpg)
6、单击“描边”项目,设置其各项参数。按下“确定”按钮,关闭“图层样式”对话框,效果如图所示。
![](https://img.qb5200.com/download-x/20201019/47127.jpg)
7、按下“确定”按钮,关闭“图层样式”对话框,效果如图所示。
![](https://img.qb5200.com/download-x/20201019/47128.jpg)
8、新建一个文档,大小为“3px*3px”,分辨率为“72px”。将文档放大到“1600%”,用铅笔画出如下图案,再执行“编辑”→“定义图案”命令。
![](https://img.qb5200.com/download-x/20201019/47129.jpg)
9、新建图层并命名为“图案”,按下<Ctrl>键的同时单击“按钮”图层,将“按钮”图层载入选区,选择“油漆桶工具”填充设置好的图案。
![](https://img.qb5200.com/download-x/20201019/47130.jpg)
10、完成后,效果如图所示。
![](https://img.qb5200.com/download-x/20201019/47131.jpg)
11、新建图层并命名为“边”,选择“矩形工具”,单击工具选项栏中的“填充像素”按钮进行绘制。
![](https://img.qb5200.com/download-x/20201019/47132.jpg)
12、为“边”图层添加图层样式,单击“外发光”项目,设置其各项参数。
![](https://img.qb5200.com/download-x/20201019/47133.jpg)
13、按下“确定”按钮,关闭“图层样式”对话框,为“边”图层添加图层蒙版,选择“渐变工具”,调整图像。
![](https://img.qb5200.com/download-x/20201019/47134.jpg)
14、设置“不透明度”参数,效果如图所示。
![](https://img.qb5200.com/download-x/20201019/47135.jpg)
15、新建图层并命名为“高光”,选择“钢笔工具”绘制路径并将路径载入选区,填充前景色。
![](https://img.qb5200.com/download-x/20201019/47136.jpg)
16、为“高光”图层添加图层蒙版,选择“渐变工具”进行调整,并设置其“不透明度”和“填充”参数,完成后效果如图所示。
![](https://img.qb5200.com/download-x/20201019/47137.jpg)
17、为“高光”图层添加“渐变叠加”图层样式,并设置其各项参数。
![](https://img.qb5200.com/download-x/20201019/47138.jpg)
18、按下“确定”按钮,关闭“图层样式”对话框,效果如图所示。
![](https://img.qb5200.com/download-x/20201019/47139.jpg)
19、新建图层组并命名为“组 1”,分别将 “高光”、“边”、“图案”和“按钮”图层拖入给图层组中。
![](https://img.qb5200.com/download-x/20201019/47140.jpg)
20、参照制作“组 1”图层组的方法,制作出“紫”和“绿”图层组,效果如图所示。
![](https://img.qb5200.com/download-x/20201019/47141.jpg)
21、将“图层”调板中隐藏的“组 2”图层组显示,完成本实例的制作。
![](https://img.qb5200.com/download-x/20201019/47142.jpg)
最终效果:
![](https://img.qb5200.com/download-x/20201019/47120.jpg)
加载全部内容