网站设计 如何做简洁导航栏

如何做简洁导航栏之20个质感光滑简单网页版面制作教程

效果图

第一步： 开始之前，先建一个500X200，72dpi的空白文档，选中工具箱的渐变工具，使用渐变色作径向填充，从#45443f到#31302c，在文档中间点击拖到右边。

第二步：新建一个图层，使用选框工具，设置440x50固定大小,然后在文档点击，移动到合适位置（前提要选中选框工具）

第三步：选择渐变填充工具，设置从#f4f4f4 到#d9d9d9，鼠标从上往下拉。

第四步：这个图层加上阴影效果和外发光效果，如图设置

A.阴影效果设置                                                           B.阴影效果设置

第五步：使用文字工具，输入文字，文字设置Verdana, Regular, 13 pt, Sharp, #686868 ( 鼠标经过文字是颜色是#ac0000 )

第六步：文字之间加些分隔线会好很多，新建一个图层，选择选框工具，固定大小1X50像素，移动到合适的位置（记住要选择到选框工具）使用填充工具填充#b4b4b4颜色。

第七步：为了分隔线具有质感，按一下向左方向键，填充#d9d9d9颜色。

第八步：在分隔线图层按住ctrl+鼠标左键点击一下，选区选中分隔线，按住alt+shift，拖到复制分隔线到其它文字之间，完成后，设置分隔线图层透明度为50%。至此漂亮的简单白色导航条完成