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

2016-02-02 12:08 41 1 收藏

关注图老师电脑网络栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享Photoshop制作精致的黑光水晶导航按钮教程,希望对大家能有一点小小的帮助。

【 tulaoshi.com - PS 】

本教程介绍主色为黑色水晶按钮的制作方法。大致过程:做好想要的按钮形状以后,填充黑色,用图层样式做出简单的高光效果。然后再添加一些纹理和反光效果即可。
最终效果

1、打开下图所示的背景素材。


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

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

4、单击“斜面和浮雕”项目,设置其各项参数。

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

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

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

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

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

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

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

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

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

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

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

最终效果:

来源:http://www.tulaoshi.com/n/20160202/1533643.html

延伸阅读
标签: PS PS基础 PS效果
本教的按钮部分制作比较简单,用图层样式就可以完成。不过作者在介绍按钮的同时也介绍了背景部分的制作。这样搭配起来,做出的按钮更漂亮。 最终效果 1、新建一文件,大小自定,这里是600*400为例。设置前景色:#1592d7,背景颜色:#136da2,选择径向渐变工具。从中间拖动得到下面效果: 2、添加散射光条文。新建一层,左边工具栏...
photoshop水晶按钮制作教程 最终效果 1.新建一个300 * 200像素的文件,定义圆角矩形大小为250 * 120 2.复制圆角矩(图老师整理)形图层并缩小 3.给底部圆角矩形加个渐变叠加,这里具体颜色头可以先不管,是同一色相调整不同明度就可以了。 4.这是是具体的简便颜色设置 photoshop水晶按钮制作教程(2) ...
最终效果图 1.新建一个500*250象素的窗口,填充绿色(R:52,G:175,B:125),再新建一层命名为"按钮--底部",选择“圆角矩形工具”如图1,半径数值为“10”如图2,绘制如图3所示的圆角矩形。 图1 图2 图3 2.把圆角矩形局部放大用钢笔工具勾出如图4所示的图形,按“Ctrl+Entr" 调出选区,再按"Delete"键删除选区...
标签: PS PS基础 PS效果
本教程介绍非常漂亮的导航图示按钮制作方法。按钮的效果非常大气及精美,利用图示图形来制作提示效果,感觉非常的生动。 最终效果 1、首先我们在PS里新建一文件,大小为 500x500px,白色背景。 2、使用圆角矩形(半径为10px),绘制我们的质感图标的轮廓。 3、随后我们使用钢笔工具为每条边的中点增加一个矢量点,随后用直接...
   先看看最终效果吧,哈哈是不是有点复杂. 不过不要急,心情放松...注意力集中...现在我们就来"肢解"他.不难看出这个按钮主要由3部分构成:背景,水晶按钮及文字,下面我们就开始动手. 一.背景的制作: 1.打开photoshop 新建一个400*400的文件 最好是"RGB"颜色 用黑白圆形渐变绘制如图2所示渐变 图1 图2 2.选择滤镜 杂色 ...

经验教程

517

收藏

72
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部