| 加入收藏

导航条制作教程:用Photoshop设计Vista黑色导航

2009-09-26 10:14来源:未知 浏览:[]
所属专题:

本设计教程是介绍利用Photoshop制作Vista风格网站导航条,效果还算可以。

新建立文件500px*50px,制作480px*30px的一个选区。

制作480px*30px的一个选区

执行“选择”->“修改”->“平滑”,设置半径为2px。效果如下。

设置半径

创建一个新图层,填充选择为任何颜色。

应用图层样式。渐变颜色黑灰色为#313332到#46474a

描边颜色为灰色#676767。

描边颜色为灰色

选择上面的部分。

导航条背景

图层模式改为线性减淡,不透明度35%。

制作效果如下。

导航条水晶效果

再建新图层,使用单行选框工具在上部选择1px区域。

填充为白色。

按Ctrl单击最下面的图层

执行“选择”->“反选”,按Del。

改变图层混合模式为柔光,不透明度为60%。

下面添加一些字符。创建一130px*24px选区,然后“选择”->“修改”->“平滑”,设置半径为2px。

导航条按钮选区

建立新图层,任意颜色填充选区,添加图层样式,渐变设置#000000到#2f3233。

描边设置#0f1011到#575858灰色。

创建新层,然后按Ctrl单击图层,执行“编辑”->“描边”设置如下。

图层不透明度设置为15%。

按纽背景为黑色

选择一半创建新图层填充颜色,然后从上到下应用白色到透明的渐变效果。

不透明度设置为80%。

添加字符,字体为Verdana字号11pt,白色。

按钮字体文字为白色

我们在文字中间添加分隔线.创建新层,使用单列选框工具选择区域,填充颜色为#1a1b1c,向右移动选区1px再次填充为#5d5f60再向右移动1px填充为#232526

复制该图层移动到下一个位置.

最终设计制作的导航条效果如下。

导航条制作最终效果

 



Copyright 2008 逆云网 | 粤ICP备08131116号 |关于我们 | 联系我们 |