资源描述
Click to edit Master title style,Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,4/25/2010,#,导航栏是网页设计的核心,今天让我们学习,如何制作简洁而漂亮的网页导航条的制作方法。,如下:,PHOTOSHOP,新建一个,520300,的白色背景图,改变背景颜色为黑色,在“视图”新建水平,参考线输入:120px,再新建一个水平参考线:,160px,0c84f5e,成都网站制作,按,住,CTRL+SHIFT+N,新,图,层,,,命,名,为,navigation_back;前景色设为的浅灰色;再“用,矩形工具”选水平参考线之间的选区后效果如,下:,设置图层的混合选项:投影(角度:90、距,离:2、大小:1,像素);内发光(颜色:白色,(FFFFFF)、大小:2px;渐变叠加(样式:线性、,颜色,1:、颜色,2:FFFFFF),0c84f5e,成都网站制作,按住,CTRL+SHIFT+N,新建图层,命名为,shine,选中上半部分,并用白色填充,设置图层“混,合模式”为柔光,设置“不透明度”为,75%,添加导航文字:宋体,14pt,复制每个频道图,层,向下移动,1px,设置嵌入效果,新建一个分组,命名为“分隔条”,新建按,CTRL+SHIT+N,新建一个图层;选择“圆角矩形”,0c84f5e,成都网站制作,工具,在圆角矩形的固定属性设置:宽度:1px,高度:30px;放大图像至,800%;在主页和学历间,画“线“;添加”渐变叠加的效果”(颜色,1:,颜色,2:),然后复制分隔条的图层到其它栏目之,间就完成了导航条的制作了。,
展开阅读全文