用PS做导航条

想不想用PS做一个导航条,点击一下导航条上的“C盘”就打开C盘,点击一下导航条上的“图片”就打开我的图片文件夹?
嘿,够酷的吧,还等什么,赶快和我一起来动手吧。

一、制作导航条图片

  • 01

    打开PS,像制作普通图片一样制作一个导航条图片。

  • 02

    图片做好后,在PS中选择切片工具。

  • 03

    用鼠标均匀地拉出各个切片部分(我这里是八等份)。

  • 04

    这时,切换到“切片选择工具”。

  • 05

    在一个切片上双击。在弹出的窗口中,分别填写好名称、URL、信息文本、Alt标记。 各部分功能解释如下: 名称:随意,方便自己识别。 URL:当鼠标点击此切片时,要转到的位置(不仅可以是本地电脑上的位置,也可以是网络位置)。 信息文本:当鼠标移动到此切片时,在浏览器底部状态栏显示的提示文字。 Alt标记:Alt 标记。

  • 06

    在这里,介绍下获得URL的方法。比如我想获得图片这个切片的URL,就在自己电脑上打开图片所在的文件夹,然后复制标题栏的路径过去即可。 按同样的方法,填写好各个切片的信息。

  • 07

    全部完成后,点击菜单“文件”-“存储为Web所用格式”。

  • 08

    在”存储为Web所用格式“窗口中,将图片格式改为 JPEG,品质改为 60(当然你也可以把品质改为 100,这样图片效果就更好了,不过图片会稍微大一些)。这样做的目的是为了做出来的导航条比较美观。

  • 09

    在保存对话框中,选择一个不含中文的文件名(可以是数字或字母),然后在格式中选择“HTML和图像”,最后单击保存。

  • 10

    这时,有可能会弹出一个提示框,单击“取消”忽略即可。

  • 11

    保存成功后,会新增一个images文件夹和一个html文件。

二、使用导航条

  • 01

    在 html 文件上右击,选择“打开方式”,然后使用“IE浏览器”打开(如果你电脑上只装有IE浏览器,直接双击也可以)。

  • 02

    这时,我们在导航条上相应的文字处单击,就可以自动跳到指定的位置去了(例如我单击“编程书库”,就自动跳到我的编程书库文件夹)。

(0)

相关推荐

  • PS制作简洁漂亮的网站导航条方法步骤

    导航栏是网页设计的核心,今天让我们学习如何制作简洁而漂亮的网页导航条的制作方法.效果图如下: 操作方法 01 新建一个520×300的白色背景图 02 改变背景颜色为黑色,在"视图" ...

  • 如何在Word中编写和插入导航条 Word中编写和插入导航条方法

    当我们使用word办公的时候,需要在word中编写和插入导航条,极好的满足用户体验度. 但是有很多朋友问我怎么在word中编写和插入导航条,下面小编抽点时间给大家做个整理.具体方法和步骤如下所示: 1 ...

  • 怎么用ps做镜像

    要想在PS中做镜像效果,只需要将原图层复制图层之后,利用自由变换工具就能够快速制作出简单的镜像效果,下面以PS CC2019为例教你如何进行操作. PS做镜像 01 打开电脑中的PS软件,将需要进行镜 ...

  • 用PS做一个填充的分离文字

    使用PS软件可以制作出很多好看炫酷的文字字体效果,这些用PS做的字体效果可以拿来进一步做设计使用,也可以单独进行使用,非常的方便,今天我们就来介绍一种文字效果:填充的分离文字效果.具体的效果样式大家可 ...

  • 百度地图怎么用自己的声音做导航

    用自己的声音来做导航的话,还是不错的,能够让我们体验到不同的感觉. 操作方法 01 首先,我这里用的是最新版本的百度地图,如果不是最新版本的话,建议更新到最新版本的. 02 打开以后,我们点击上面我的 ...

  • PS做画册套版教程

    ps做画册有非常多的好处,像素大,自由度高,非常方便,现在有模版了,只要我们把照片套上就可以轻松搞定.今天,小编就来教大家如何用ps套版做画册. 操作方法 01 PS界面介绍 1.菜单栏:在PS界面最 ...

  • HTML+CSS制作导航条

    今天无意中看到一个网站的导航条,觉得效果还不错,而且制作也很简单,就自己试着用HTML+CSS做了个一模一样的,下面就把导航条的制作方法及步骤分享给大家! 操作方法 01 首先在<body> ...

  • 如何制作淘宝店铺导航条

    淘宝店铺导航条可以让到店铺的顾客更方便的找到他们所需要的,减少顾客的时间,提高他们的购物目的性,促进交易完成.那么如何制作淘宝店铺导航条?淘宝学堂图文解说,一学就会非常简单实用!今天给新手朋友们介绍一 ...

  • 怎么用ps做卷页效果

    怎么用ps做卷页效果 操作方法 01 单击文件(File)菜单打开一张图象,单击图层面板中的新建按钮,新建一个空层. 02 单击工具箱中的套索工具,选择多边形套索工具,在图象的右下角选出如下的选区,如 ...