导航条的制作的步骤
简单的web2.0导航条制作
本文介绍如何制作web2.0风格的导航条,方法十分简单,你可以使用photoshop或fireworks完成,适合新手学习
第1步
建立新文件750x250,白色背景
现在,创建一个新层,用矩形工具画一个高度为4象素的长条,宽度根据你网站的需要自订,填充颜色为#383838 。
第2步
创建一个新层,用矩形工具制作一个高度为50~60象素的长条。使用渐变工具从上往下制作渐变效果,如下图箭头所示,颜色为#686868到#433f3f,如下图:
你看到的效果因该如下图
第3步
创建一个新的图层,选择矩形工具画一蓝色长条,颜色为#3e7ece,再用线条工具画1像素白色
选择圆角矩形在其上画3~4个按钮,填充颜色为#3e7ece,效果如下图:
为你的导航条加上文字
Word教程网 | Excel教程网 | Dreamweaver教程网 | Fireworks教程网 | PPT教程网 | FLASH教程网 | PS教程网 |
HTML教程网 | DIV CSS教程网 | FLASH AS教程网 | ACCESS教程网 | SQL SERVER教程网 | C语言教程网 | JAVASCRIPT教程网 |
ASP教程网 | ASP.NET教程网 | CorelDraw教程网 |