如何用ps设计网页导航按钮(ps导航条的制作方法)

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

1.首先，让我们创建一个大小为700像素300像素的新文件。2.将背景颜色更改为#19191b。3.接下来，让我们s使用圆角矩形工具，设置半径为10px，画一个圆角矩形:4。设置这一层的混合选项:颜色叠加#19191b笔画:大小1px内部；不透明度3%；填充类型渐变；有白到黑的反转；线性；5.冲程:6。小导航画圆角矩形工具，设置半径为10px，画圆角矩形；如下图:7。设置这一层的混合选项:8。接下来，我们将添加一个渐变。我用半径为10px的圆角矩形工具画一个圆角矩形。如下图。9.设置透明度为22%，图层样式为柔光。10.现在可以添加一些文字链接，当前链接使用#01c6fd。对于所有其他链接，请使用此文本颜色#8e959d。11.添加投影到文本层，并输入以下混合选项:12。接下来，我们需要添加一些链接分割线，并用marquee工具创建一个2px宽的矩形；填充黑色:13。为分割线输入以下混合选项:14。将不透明度降低到50%。15.接下来，复制分割线，并将其放置在每个链接之间。16.使用多边形套索工具创建一个选区，如下所示。箭头表示当前链接:17。创建一个新层，填充#ffffff，然后为这个层输入以下混合选项。18.你的结果将如下:19。对于当前链接，我们需要使用椭圆选框工具和羽化15px，填充颜色#01C6FD:20。现在，我们需要删除导航框外的flash。找到导航框架层，用CTRL的鼠标左键单击选择它。回到闪光效果层，然后选择反向，然后编辑清除:21。现在减少大约31%的透明度，它sdone:1。首先，让我们创建一个700像素300像素的新文件。2.将背景颜色更改为#19191b。3.接下来，让我们s使用圆角矩形工具，设置半径为10px，画一个圆角矩形:4。设置这一层的混合选项:颜色叠加#19191b笔画:大小1px内部；不透明度3%；填充类型渐变；有白到黑的反转；线性；5.冲程:6。小导航画圆角矩形工具，设置半径为10px，画圆角矩形；如下图:7。设置这一层的混合选项:8。接下来，我们将添加一个渐变。我用半径为10px的圆角矩形工具画一个圆角矩形。如下图。9.设置透明度为22%，图层样式为柔光。10.您现在可以添加部分文字链接，当前链接使用#01c6fd。对于所有其他链接，请使用此文本颜色#8e959d。11.添加投影到文本层，并输入以下混合选项:12。接下来，我们需要添加一些链接分割线，并用marquee工具创建一个2px宽的矩形；填充黑色:13。为分割线输入以下混合选项:14。将不透明度降低到50%。15.接下来，复制分割线，并将其放置在每个链接之间。16.使用多边形套索工具创建一个选区，如下所示。箭头表示当前链接:17。创建一个新层，填充#ffffff，然后为这个层输入以下混合选项。18.你的结果将如下:19。对于当前链接，我们需要使用椭圆选框工具和羽化15px，填充颜色#01C6FD:20。现在，我们需要删除导航框外的flash。找到导航框架层，用CTRL的鼠标左键单击选择它。回到闪光效果层，然后选择反向，然后编辑清除:21。现在减少大约31%的透明度，它完成了:

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