ps导航栏图片(ps做网页导航栏)

本文主要介绍ps导航栏图片(ps作为网页导)，下面跟着东辰网详细了解一下吧。

开始步

首先新建一个文档，设置大小为540X440像素，从左上角到右下角用浅灰#343435和深灰#222222径向渐变填充背景。

第二步

创建一个新层。选择圆角矩形工具，设置其半径为10像素，画一个300X300像素的方框。

第三步

从左上角到右下角用#007ccb和#004877径向渐变填充图层。取消选择并按ctrlD。

第四步

现在我们我们将为这个导航框添加一个阴影。选择图层图层样式投影，然后使用以下设置:

现在你的盒子应该看起来像这样:

第五步

现在我们将添加渐变叠加到框中，选择图层图层样式渐变叠加，然后使用以下设置。

现在你的导航框应该看起来很漂亮:

第六步

给盒子加标题。

第七步

现在我们需要在标题和接下来创建的链接之间添加一条分界线。使用矩形选框工具在标题下画一条宽260像素、高1像素的线，用#ffffff(白)填充。

第八步

设置这条分割线的混合模式为叠加，透明度为20%。

第九步

复制分割线(Ctr)，然后向下移动30个像素(按CtrlShift向下箭头)，按Ctrl箭头键使图层向箭头方向移动一个像素，加Shift键一次移动10个像素，重复这个过程，直到满意为止。

第十步

现在添加一些文本链接。

要注意行距的设置，行高设置为30像素，正好和分割线之间的距离一样。

步骤11

我们需要鼠标接触这些链接时的效果，否则这些链接看起来会很无聊。在新图层上选择一个与链接区域大小相同的框，编辑用#ffffff(白)填充此区域。

设置混合模式为柔光，透明度为20%，或者设置为自己喜欢的风格。

开始步

首先新建一个文档，设置大小为540X440像素，从左上角到右下角用浅灰#343435和深灰#222222径向渐变填充背景。

第二步

创建一个新层。选择圆角矩形工具，设置其半径为10像素，画一个300X300像素的方框。

第三步

带#007ccb和#004877从左上角到右下角用径向渐变填充图层。取消选择并按ctrlD。

第四步

现在我们我们将为这个导航框添加一个阴影。选择图层图层样式投影，然后使用以下设置:

现在你的盒子应该看起来像这样:

第五步

现在我们将添加渐变叠加到框中，选择图层图层样式渐变叠加，然后使用以下设置。

现在你的导航框应该看起来很漂亮:

第六步

给盒子加标题。

第七步

现在我们需要在标题和接下来创建的链接之间添加一条分界线。使用矩形选框工具在标题下画一条宽260像素、高1像素的线，用#ffffff(白)填充。

第八步

设置这条分割线的混合模式为叠加，透明度为20%。

第九步

复制分割线(Ctr)，然后向下移动30个像素(按CtrlShift向下箭头)，按Ctrl箭头键使图层向箭头方向移动一个像素，加Shift键一次移动10个像素，重复这个过程，直到满意为止。

第十步

现在添加一些文本链接。

要注意行距的设置，行高设置为30像素，正好和分割线之间的距离一样。

步骤11

我们需要鼠标接触这些链接时的效果，否则这些链接看起来会很无聊。在新图层上选择一个与链接区域大小相同的框，编辑用#ffffff(白)填充此区域。

设置混合模式为柔光，透明度为20%，或者设置为自己喜欢的风格。

了解更多ps导航栏图片(ps作为网页导航)相关内容请关注东辰网。