王尘宇

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

用photoshop画出导航栏的效果 用切片工具把每个导航标签切出来。并保存切片。

如下图： 再用html写出导航栏的代码，把这几个图片链接到网页中，就可以了 总结：photoshop是无法直接做出导航栏，它只是辅助设计出效果，实际功能的，还是要用html代码的。

用PS怎么做出导航栏的效果

打开PS，新建一文件，大小设置为“200*800”，背景色设为“透明”。 选择“工具栏”中的“圆角矩形工具”项，并设置合适的“半径”（如20像素），然后在绘图区域进行绘制，可以通过按键盘组合键“Ctrl+T”对其进行调整。

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

接着返回“图层”面板，选择“工具栏”中的渐变工具，并设置合适的渐变色进行填充。 接着双击该图层，为其添加“浮雕 图层样式” 新建一个“图层2”，接着选择“圆角矩形工具”，将半径设置为“10像素”，并绘制如图所示的图形。然后切换至“路径”面板，点击“将路径作为选区载入”按钮，然后返回图层面板，填充一种纯色。 双击“图层2”，为其添加“图层样式” 接着将“图层2”拖动到“新建图层”按钮上以创建“图层2 副本”，接着选择“移动”工具将“图层2 副本”移动到合适的位置。

按住键盘上“Ctrl”键不放的同时，点击“图层2 副本”以选中该图像，然后为其填充另一种颜色。 基本的导航栏结构已经做好。接下来创建切片。

点击“工具栏”中的“切片”工具，然后对整个图像区域进行划分。 最后点击“文件”→“存储为Web所有格式”项，选择文件类型为“JPEG”格式，接着点击“存储”按钮，在打开的“另存为”窗口中将“存储类型”设置为“网页和图像”，最后点击“保存”按钮。

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

PS可以用切片做。你先做好导航条的样式-选择切片工具-用切片工具选择要点击来连接的位置-右击切出来的位置-编辑切片选项-URL里加上连接-完成后在文件选项中用导出-导出为HTML格FWORKS也差不多。

这个导航栏在ps里怎么画？

使用工具栏图形工具【u】，画出圆角距形，填充白色，使用自由变换【ctrl+t】调整角度，右击图层，选择【混合选项】-【阴影】，调整出圆角距形阴影样式。然后，复制多个图层。

有问题可以hi我。

Photoshop导航器在哪，ps导航器怎么用

Photoshop中的导航器位于窗口中，其实ps中很多东西，都是可以在窗口中找到的。执行菜单栏中的窗口—导航器，如下图所示。

ENDPhotoshop中导航器怎么用？Photoshop中的导航器，一般都是结合图片的放大缩小来使用的，下面跟夏夏一起来看下吧！打开ps的软件，执行菜单栏中的文件—新建，或者直接按快捷键Ctrl+N新建一个画布，这里我们可以任意的导入一张图片来观察导航器的使用也是可以的。

夏夏在这里就任意的新建一个空白的画布来给大家讲解。执行菜单栏中的窗口—导航器，打开我们的导航器面板，如下图所示。点击导航器下方左边的三角，可以将整个视图减少，如下图所示。同样地，点击导航器右下方的三角，可以将整个视图放大，如下图所示。

在导航器的左下方显示的数值，就是图片放大缩小的显示数值。如下图所示，这张图片就被我们按200%的比例显示。导航器中间显示的是整张图片的范围，而红色的选框显示的是呈现在画布中的范围。

我们将鼠标移到导航器中，鼠标会变成一个抓手工具的符号，这时候，我们可以移动红色的选框，移动选框后，呈现在画布中的范围就被我们修改了。