ps网页导航设计图片_网页设计PS如何设计动态导航栏

1、在ps中，像这样的导航怎么做出来的

这样的效果，大概是分三层，第一层背景是从左至右颜色渐变，第二回层从上至下（大概整个高度答的一半）加半透明渐变，第三层是底部（大概整个高度的1/4）加半透明渐变。

实际上这图是比较简单的操作，这里只讨论图片的制作问题不涉及导航在网页中的使用，难点在渐变颜色的色值，多试几次就可以。

具体的操作网上查一下“水晶按钮”的制作方法就明白了，水晶按钮还有一些更复杂的制作方法，出来的效果更好。

我自己一般是用CORELDRAW做这种效果，也比较简单。

2、网页导航条用ps怎么做要详细一点的

忘了写文字描述就发copy了，步骤为：1、新建一个矩形选区，就是设置好你想做的导航条的宽和高2、填充你想要的颜色3、写上你想要做的导航栏目4、对你的背景层进行浮雕效果，在涂层下方这个图标，设置你想要的背景样式，看起更有立体感5、然后在对这个就是你的导航之间的分隔线进行设置浮雕，如上面最后一幅图6、再对你做好的导航条进行切片

3、用PS制作的网站导航栏，怎么应用到自己的网页里

网站的“导航栏”作为网页设计中的重要组成部分，扮演着极为重要的角色。网页导航栏设计的成功与否，在很大程序上决定着整个网页的美观程度。用Photoshop设计“导航栏”，不仅讲究ps技术，更在于发挥你的创造力和想象力，这是学习ps最难之所在。具体制作过程见网上教程。

4、如何利用ps制作漂亮的网站导航条

打开PS，新建一文件，大小设置为“200*800”，背景色设为“透明”。

选择“工具栏”中的“圆角矩形工具”项，并设置合适的“半径”（如20像素），然后在绘图区域进行绘制，可以通过按键盘组合键“Ctrl+T”对其进行调整。

切换至“路径”面板，点击“将路径作为选区载入”按钮。

接着返回“图层”面板，选择“工具栏”中的渐变工具，并设置合适的渐变色进行填充。

接着双击该图层，为其添加“浮雕图层样式”

新建一个“图层2”，接着选择“圆角矩形工具”，将半径设置为“10像素”，并绘制如图所示的图形。然后切换至“路径”面板，点击“将路径作为选区载入”按钮，然后返回图层面板，填充一种纯色。

双击“图层2”，为其添加“图层样式”

接着将“图层2”拖动到“新建图层”按钮上以创建“图层2 副本”，接着选择“移动”工具将“图层2 副本”移动到合适的位置。

按住键盘上“Ctrl”键不放的同时，点击“图层2 副本”以选中该图像，然后为其填充另一种颜色。

基本的导航栏结构已经做好。接下来创建切片。点击“工具栏”中的“切片”工具，然后对整个图像区域进行划分。

最后点击“文件”→“存储为Web所有格式”项，选择文件类型为“JPEG”格式，接着点击“存储”按钮，在打开的“另存为”窗口中将“存储类型”设置为“网页和图像”，最后点击“保存”按钮。

5、网页设计，PS如何设计动态导航栏

6、网页设计的首页导航字体点击一下就不同颜色了用PS是怎么样做的？

ps做两个字复体颜色就好了，点击制前和点击后。
代码的话用伪类。

a:link {color:#FF0000;} /* 未访问的链接颜色 */
a:visited {color:#00FF00;} /* 已访问的链接颜色 */
a:hover {color:#FF00FF;} /* 鼠标经过链接颜色 */
a:active {color:#0000FF;} /* 已选中的链接颜色*/

7、我想把用photoshop制作出来的导航条放在网页上，应该如何做？

photoshop里面用切片直接切好，每一个小块插入链接。
最后保存为WEB用格式，也就是HTML网页。
然后导入到dreamweaver在进行编辑。

8、如何用Photoshop制作网站的“导航栏”

用photoshop画出导航栏的效果

用切片工具把每个导航标签切出来。并保存切片。如下图：