如何用ps设计网页导航按钮(ps网页导航栏怎么做)

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

简介:这次用PhotoShop做了window7手机导航网页的界面效果，简洁大方。喜欢的同学可以试试！

1.创建一个600400像素的新文档。

2.前景色为##1592d7，背景色为##136da2。选择渐变工具，径向渐变。

3.选择自定义形状

4.如图所示绘制路径。

5.创建一个新层，设置前景色为白色，选择钢笔工具，然后右键单击路径，选择填充路径。

6.右键单击路径并选择删除路径。

7.现在去过滤模糊高斯模糊并模糊大约9个像素的形状，然后点击确定。混合模式设置为柔光，不透明度为30%。完成背景条纹和标签的层。

8.使用软角度橡皮擦处理目标位置。

9.将图标拖入(图标下)并放入指定目标。

10.新建一个楼层，命名为Navigation，然后用矩形框选择工具拖出一个4050像素高的矩形，用黑色填充。矩形距离底部大约100像素高。

11.将矩形填充更改为10%

12.创建一个新层，选择矩形框选择工具，并创建两个1像素线彼此相对，颜色最接近底部的白色和顶部的黑色线。

最后，设置不透明度为50%。复制一层，放在最下面。

13.创建一个新层，并创建一个按钮。选择矩形框画一个矩形，高度如图，宽度自己选择。

14.填充黑色，取消选择，然后改变填充为0%，改变图层样式。

14.复制一个图层，命名为:反射层，然后清除样式，重置样式。填充到0%，其他样式如图。

涉及的梯度如下

最后:

15.新建一个图层，使用矩形选框工具绘制两个白色矩形，如图所示。

16.添加蒙版，填充黑白线性渐变。

17.新建一个图层，绘制如图所示的路径，转换成选区，羽化2个像素，填充白色，然后加载到反光图层选区，取消选择，删除，保留你需要的，图层不透明度更改为10%。

23。最后抄几张，搞定！

简介:这次用PhotoShop做了window7手机导航网页的界面效果，简洁大方。喜欢的同学可以试试！

1.创建一个600400像素的新文档。

2.前景色为##1592d7，背景色为##136da2。选择渐变工具，径向渐变。

3.选择自定义形状

4.如图所示绘制路径。

5.创建一个新层，设置前景色为白色，选择钢笔工具，然后右键单击路径，选择填充路径。

6.右键单击路径并选择删除路径。

7.现在去过滤模糊高斯模糊并模糊大约9个像素的形状，然后点击确定。混合模式设置为柔光，不透明度为30%。完成标签背景条纹和一层。

8.使用软角度橡皮擦处理目标位置。

9.将图标拖入(图标下)并放入指定目标。

10.新建一个楼层，命名为Navigation，然后用矩形框选择工具拖出一个4050像素高的矩形，用黑色填充。矩形距离底部大约100像素高。

11.将矩形填充更改为10%

12.创建一个新层，选择矩形框选择工具，并创建两个1像素线彼此相对，颜色最接近底部的白色和顶部的黑色线。

最后，设置不透明度为50%。复制一层，放在最下面。

13.创建一个新层，并创建一个按钮。选择矩形框画一个矩形，高度如图，宽度自己选择。

14.填充黑色，取消选择，然后改变填充为0%，改变图层样式。

14.复制一个图层，命名为:反射层，然后清除样式，重置样式。填充到0%，其他样式如图。

涉及的梯度如下

最后:

15.新建一个图层，使用矩形选框工具绘制两个白色矩形，如图所示。

16.添加蒙版，填充黑白线性渐变。

17.新建一个图层，绘制如图所示的路径，转换成选区，羽化2个像素，填充白色，然后加载到反光图层选区，取消选择，删除，保留你需要的，图层不透明度更改为10%。

23。最后抄几张，搞定！

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