网页导航设计ps制作教程

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

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

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

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

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

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

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

3、我做了一个网页，用PS做了主页面，又按照导航做了子页面，我还需要做什么？谁能说说做一个网站具体步骤吗

用PS做主页面？？？PS跟网页是没关系的。你做的那个只是一个图片罢了，不可能用到网站上的啊。做网站的话你得需要一个控件一个控件的拖动设置，包括代码什么的。并不是只有一个样子就可以了。

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

用photoshop画出导航栏的效果

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

再用html写出导航栏的代码，把这几个图片链接到网页中，就可以了

总结：photoshop是无法直接做出导航栏，它只是辅助设计出效果，实际功能的，还是要用html代码的。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

8、在photoshop中如何制作网站的圆角导航条

photoshop，可以有两种做法
一种时使用矢量矩形选框，可以设定圆角角度，大概要15左右，然后可以直接在新建的图层上面画。
还有一种就是使用钢笔工具勾勒出矩形框的形状，之后把路径转为选区，填充就可以了。

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

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

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

?