网站图片导航设计制作全过程
下面是我做的一个导航效果,当鼠标放到按钮上的时候就会变化一种颜色。做到这样的效果你需要两个软件第一个是photoshop,用于制作基本的按钮图片,第二个软件是dreamweaver,将图片做成导航栏。下面是具体的方法:
操作方法
(01)先打开photoshop,我们来制作导航图片,新建一个图片,高度和宽度分别为500和300,点击确定按钮
(02)先绘制一个按钮,使用矩形选框工具,画一个如图所示的矩形,然后使用油漆桶工具,将矩形选框涂成白色
(03)这时候矩形选框还在,在菜单栏上执行:选择---修改---收缩,我们来缩小一点矩形选框,在弹出的对话框中,设置收缩量为1,点击确定按钮
(04)新建一个图层2,将图层2放到图层1的上面
(05)使用渐变填充,给图层2添加一个渐变效果,如图所示
(06)双击图层2的缩略图,打开图层样式对话框,添加投影效果,设置参数如图所示,这个参数主要设定不透明度和距离,那你要根据自己的需要设定参数,看着图片的效果,选择最合适的参数
(07)最后使用文字工具,添加文字home,也就是主页的意思
(08)下面我们就要裁剪一下图片,在菜单栏上执行:图像---裁切。
(09)在打开的对话框中,设置基于左上角像素颜色,然后点击确定按钮。
(10)这是我们得到的最后按钮效果,灰色部分不是图片,是ps的背景色。将该按钮图片保存到网站的图片文件夹下。
(11)用同样的方法做出其他的导航上的按钮,如图所示:我们看到有两种颜色的按钮,对喽,因为按钮点击的时候会有一个按下弹出的效果,所以我们要用两张图片来展示这种效果
(12)打开dreamweaver软件,插入一个表格作为导航栏,如图所示,在菜单栏上执行:插入---表格,插入一个三行一列的表格
(13)将光标移动到第一个单元格,然后在菜单栏上执行操作:插入--图像对象----鼠标经过图像
(14)在打开的对话框中,添加原始图像和鼠标经过图像分别是同一个按钮的两种不同的颜色,如下面的两个按钮图片:
(15)依照上面的方法,制作其他的导航按钮,最后得到这个效果:当鼠标放到按钮上的时候,按钮就会变化一种颜色,至此,图片导航就只做完成了。
-
怎么桥接两个无线路由器:[1]TP-link路由器
怎么桥接两个无线路由器;折现先分享一下TP-link路由器桥接方法第一台无线路由器设置(01)首先我们登入和宽带猫连接的路由器:如图(02)在无线设置-基本设置中设置“SSID号”、“信道”,设置固定信道号,如图:(03)在无线设置-无线安全设置中设置无线信号加密信息记录该无线路...
-
MATLAB使用importdata读取字符数据文件并绘图
本文首先使用importdata()读取(导入)含有字符和数据的文本格式数据文件,然后介绍通过“.”+数据名的方式读取结构数组中的数据,最后使用plot()绘制折线图。操作方法(01)第一,首先准备数据,下图txt数据文件是某年12个月的月收入情况,既包含数字又包含字符。(02)第二,将该数...
-
如何将图片转换成word文字
在工作生活中,我们经常为图片文字识别的问题而烦恼,要知道图片中的文字是不可编辑的,我们如果想将图片中的文字提取出来,就只能使用识别工具对图片进行识别,将其转换成Word文字。可是,我们要选择哪一款识别工具呢?大家如何将图片转换成Word文字呢?下面我们就一起来看看...
-
迅雷bt种子怎么用 迅雷种子怎么打开
BitTorrent(简称BT)是一个文件分发协议,它通过URL识别内容并且和网络无缝结合。它对比HTTP/FTP协议,MMS/RTSP流媒体协议等下载方式的优势在于,一个文件的下载者们下载的同时也在不断互相上传数据,使文件源(可以是服务器源也可以是个人源,一般特指第一个做种者或种子...