photoshop制作出时尚耐看的深蓝色网站导航效果

下面是Photoshop制作出时尚耐看的深蓝色网站导航效果的完整攻略：

一、准备工作

1. 打开Photoshop软件，创建一个新的文件，设置文件宽度为1200像素，高度为500像素，背景色为白色。
2. 进入工具栏，选择矩形工具，选中填充颜色为#2e3d49（深蓝色），新建一个矩形，大小设置为1200x80像素，居中放置在新建文件的顶部。

二、制作导航背景效果

1. 选择新建图层，命名为“导航背景”，选中矩形工具，绘制一个宽度为1像素的矩形，颜色为#213345，大小为1200x80像素，放置在导航栏下方。
2. 再创建一个宽度为1像素的矩形，颜色为#035b97，大小为1180x1像素，放置在导航栏背景下方。
3. 选中前述两个矩形图层，将其合并为一个图层，按住[Ctrl + E]，然后对其重命名为“导航背景效果”。

三、制作导航文字效果

1. 选择新建图层，命名为“导航文字”，选中钢笔工具，绘制一个路径，书写导航栏需要的文字。
2. 选择选择工具，选中“导航文字”图层，按[Ctrl + T]，对路径进行缩放、旋转等调整。
3. 选择水平类型工具，将导航栏文字CSS字体样式设置为：颜色#ffffff、字体大小20像素、字重700、字体风格普通、字体Helvetica Neue Light。
4. 然后，利用渐变工具，将选择的路径渐变为颜色值为#3b91d4和#2b6bb6的色块。
5. 缩放并移动“导航文字”到导航标签的中心位置。

四、制作导航鼠标悬停效果

1. 选择新建图层，命名为“悬停效果”，选中矩形工具，新建一个大小为1200x5像素的矩形。
2. 对图层进行调整，颜色设置为#3b91d4，并且将其向下移动3像素，按住[Ctrl+J]进行复制，将复制图层向上移动6像素，这样可以制作出一个漂亮的悬停效果。
3. 选中这三个图层，按住[Ctrl+E]合并，然后重命名为“鼠标悬停效果”。

五、制作样式表

最后，保存为PNG或JPEG格式的文件，然后使用CSS样式表对导航栏进行定义即可。

下面是一个有用的示例说明：

比如说，我们可以为导航链接设置悬停状态下的样式，用红色底色和白色文本进行强调。就像这样：

.nav a:hover {
    background-color: #ff0000;
    color: #ffffff;
}

另外，不同颜色和字体样式的组合可以制作出各式各样的导航效果，可以根据自己网站的设计需要进行调整。