ps网页(怎么用ps做网页导航栏)

本文主要介绍ps网页(如何使用ps作为网页导)，下面跟着东辰网详细了解一下吧。

作者:从:woaicss匿名制作了一个Windows7风格的导航菜单，下面是简单的制作步骤。

生产背景

创建一个自定义大小的新文件，这里以600*400为例。设置前景色:##1592d7，背景色:##136da2。

选择径向渐变工具。从中间拖动以获得以下效果:

增加关于散射光的规定。新建一层，选择左边工具栏圆角矩形按钮自定义形状按钮。找出下面的形状。如果没有，可以单击右边的小箭头来添加形状。

选择并拖动图层，获得以下效果:

设置前景色为白色(#ffff)，选择钢笔工具，右键点击路径——填充路径。得到如下图:

右键单击路径删除路径。选择滤镜模糊高斯模糊5像素。单击确定。图层混合模式改为柔光。不透明度为30%。

加上Windows7的字样和logo。

创建一个新层，命名为导航与导航。拖出一个黑色矩形框。高度根据自己的需要。

填充更改为:10%。创建一个新层，并作出边界。画两条1px线，一条黑色在上面，透明度50%，一条白色在下面。

复制顶行并移到底部:

制作导航按钮

创建一个新层，并作出以下选择，注意上下边缘:

填充黑色，设置不透明度为0，和笔画:

复制上面的图层，清除图层样式，添加如下样式:

渐变叠加，颜色从白色到透明。笔画:

获得以下信息:

在右下角做一个高亮边框:

添加黑色前景和白色背景的图层蒙版。拖动以获得以下效果:

最后:

作者:从:woaicss匿名制作了一个Windows7风格的导航菜单，下面是简单的制作步骤。

生产背景

创建一个自定义大小的新文件，这里以600*400为例。设置前景色:##1592d7，背景色:##136da2。

选择径向渐变工具。从中间拖动以获得以下效果:

增加关于散射光的规定。新建一层，选择左边工具栏圆角矩形按钮自定义形状按钮。找出下面的形状。如果没有，可以单击右边的小箭头来添加形状。

选择并拖动图层，获得以下效果:

设置前景色为白色(#ffff)，选择钢笔工具，右键点击路径——填充路径。得到如下图:

右键单击路径删除路径。选择滤镜模糊高斯模糊5像素。单击确定。图层混合模式改为柔光。不透明度为30%。

加上Windows7的字样和logo。

生产指南导航背景创建一个新层，命名为导航与导航。拖出一个黑色矩形框。高度根据自己的需要。

填充更改为:10%。创建一个新层，并作出边界。画两条1px线，一条黑色在上面，透明度50%，一条白色在下面。

复制顶行并移到底部:

制作导航按钮

创建一个新层，并作出以下选择，注意上下边缘:

填充黑色，设置不透明度为0，和笔画:

复制上面的图层，清除图层样式，添加如下样式:

渐变叠加，颜色从白色到透明。笔画:

获得以下信息:

在右下角做一个高亮边框:

添加黑色前景和白色背景的图层蒙版。拖动以获得以下效果:

最后:

了解更多ps网页(如何使用ps作为网页导航)相关内容请关注东辰网。