如何用ps设计网页导航按钮(ps黑白导航器)

本文主要介绍如何用ps(ps黑白导航)设计网页导航按钮，下面跟着东辰网详细了解一下吧。

作者:ps译自:你想在你的网站上添加一个很酷的黑栏吗？本教程将教你如何快速有效地制作一个导航栏，并将其添加到你的网站中。

先预览一下最终效果！非常酷！

开始步:基本必需品

新建一个psd文档，宽700px，高160px，背景色填充黑灰(#2b2b2)。

创建一个新层，层属性是导航栏，选择圆角矩形工具，设置前景色为黑色(#0000)，画一个如下图的矩形条(长和宽可以自己处)。

第二步:设置图层样式。

双击导航栏图层或选择导航栏图层，右键单击，从下拉菜单中选择混合选项菜单，打开图层样式对话框。

点击外部亮度和亮度在左边的复选框中，按如下所示进行设置:

然后点击斜面和浮雕在左边的复选框中，按如下所示进行设置:

最后，点击渐变叠加和在左边的复选框中，如下所示:

完成上述步骤后，您的导航栏将如下所示:

第三步:添加高光。

新建一个图层，设置前景色为白色(#ffff)，选择矩形工具，用白色矩形条覆盖导航条的上部，选择橡皮擦工具擦除左上角和右上角的白色，显示导航条的圆角形状，如下图所示:

将这一层的透明度降低到4%，导航条看起来会如下图:

第四步:制造冷光。

新建一个图层，设置前景色为#2a5368。

从笔刷工具中选择预设笔刷，设置大小为360像素。使用笔刷，在导航栏上方的中央画一个圆形区域，将图层的透明度设置为65%(可以随意减少或)，选择橡皮擦工具擦除不属于导航栏的发光区域，如下图所示:

剩下的就是添加菜单按钮(自己设)和使用白色或灰色。

完整的导航栏非常漂亮:

希望你喜欢！

作者:ps译自:你想在你的网站上添加一个很酷的黑栏吗？本教程将教你如何快速有效地制作一个导航栏，并将其添加到你的网站中。

先预览一下最终效果！非常酷！

开始步:基本必需品

新建一个psd文档，宽700px，高160px，背景色填充黑灰(#2b2b2)。

创建一个新层，层属性是导航栏，选择圆角矩形工具，设置前景色为黑色(#0000)，画一个如下图的矩形条(长和宽可以自己处)。

第二步:设置图层样式。

双击导航栏层或选择导航栏层，右键单击并从下拉菜单中选择混合。选项菜单，图层样式对话框将出现。

点击外部亮度和亮度在左边的复选框中，按如下所示进行设置:

然后点击斜面和浮雕在左边的复选框中，按如下所示进行设置:

最后，点击渐变叠加和在左边的复选框中，如下所示:

完成上述步骤后，您的导航栏将如下所示:

第三步:添加高光。

新建一个图层，设置前景色为白色(#ffff)，选择矩形工具，用白色矩形条覆盖导航条的上部，选择橡皮擦工具擦除左上角和右上角的白色，显示导航条的圆角形状，如下图所示:

将这一层的透明度降低到4%，导航条看起来会如下图:

第四步:制造冷光。

新建一个图层，设置前景色为#2a5368。

从笔刷工具中选择预设笔刷，设置大小为360像素。使用笔刷，在导航栏上方的中央画一个圆形区域，将图层的透明度设置为65%(可以随意减少或)，选择橡皮擦工具擦除不属于导航栏的发光区域，如下图所示:

剩下的就是添加菜单按钮(自己设)和使用白色或灰色。

完整的导航栏非常漂亮:

希望你喜欢！

了解更多如何用ps(ps黑白导航)设计网页导航按钮相关内容请关注东辰网。