ps制作质感导航按钮教程(ps怎么做)

本文主要介绍ps制作纹理导航按钮教程(怎么做)，下面跟着东辰网详细了解一下吧。

本教程将详细介绍如何使用Photoshop制作漂亮的导航按钮。

最终效果图

1.打开photoshop，然后新建一个250*150的文档，填充背景:#252a38。

2.选择工具箱上的椭圆图标，如图所示进行设置。

3.创建一个新层，并用颜色填充它。

4.在调色板上设置以下内容。

5.用渐变拉出线性渐变，渐变效果如下。

6.双击图层，打开图层样式，给图层添加阴影和描边。参数和效果如下所示。

7.在工具箱中选择加深和变浅工具，如图所示。

8.然后，在图中标记的位置，按如下涂抹泡沫。

9.选一个椭圆形的选区，效果如下。

10、添加渐变效果，设置如图，从上到下线性渐变。

此时，我们可以看到以下效果:

11.按ctrlD取消选择，更改图层不透明度:40%，混合模式为覆盖。

12.现在使用文字工具添加文字和设置图层样式。参数和效果如下所示。

13、添加以下文字，效果如下。

14.在文字前面添加你喜欢的图标，按ctrlU调整色相/饱和度，设置如下，然后将图层混合模式改为覆盖来完成最后的效果。

其他颜色的纽扣也是这样做的。

本教程将详细介绍如何使用Photoshop制作漂亮的导航按钮。

最终效果图

1.打开photoshop，然后新建一个250*150的文档，填充背景:#252a38。

2.选择工具箱上的椭圆图标，如图所示进行设置。

3.创建一个新层，并用颜色填充它。

4.在调色板上设置以下内容。

5.用渐变拉出线性渐变，渐变效果如下。

6.双击图层，打开图层样式，给图层添加阴影和描边。参数和效果如下所示。

7.在工具箱中选择加深和变浅工具，如图所示。

8.然后，在图中标记的位置，按如下涂抹泡沫。

9.选一个椭圆形的选区，效果如下。

10、添加渐变效果，设置如图，从上到下线性渐变。

此时，我们可以看到以下效果:图15

11.按ctrlD取消选择，更改图层不透明度:40%，混合模式为覆盖。

12.现在使用文字工具添加文字和设置图层样式。参数和效果如下所示。

13、添加以下文字，效果如下。

14.在文字前面添加你喜欢的图标，按ctrlU调整色相/饱和度，设置如下，然后将图层混合模式改为覆盖来完成最后的效果。

其他颜色的纽扣也是这样做的。

了解更多ps制作纹理导航按钮教程(怎么做p)相关内容请关注东辰网。