PS制作简洁漂亮的网站导航条方法步骤
导航栏是网页设计的核心,今天让我们学习如何制作简洁而漂亮的网页导航条的制作方法。效果图如下:
操作方法
- 01
新建一个520×300的白色背景图
- 02
改变背景颜色为黑色,在“视图”新建水平参考线输入:120px,再新建一个水平参考线:160px
- 03
按住CTRL+SHIFT+N新图层,命名为navigation_back;前景色设为# cccccc的浅灰色;再“用矩形工具”选水平参考线之间的选区后效果如下:
- 04
设置图层的混合选项:投影(角度:90、距离:2、大小:1像素);内发光(颜色:白色(#FFFFFF))、大小:2 px ;渐变叠加(样式:线性、颜色1:#cccccc、颜色2:#FFFFFF)
- 05
按住CTRL+SHIFT+N新建图层,命名为shine
- 06
选中上半部分,并用白色填充,设置图层“混合模式”为柔光,设置“不透明度”为75%
- 07
添加导航文字:宋体 14 pt,复制每个频道图层,向下移动1px设置嵌入效果
- 08
新建一个分组,命名为“分隔条”,新建按CTRL+SHIT+N新建一个图层;选择“圆角矩形”工具,在圆角矩形的固定属性设置:宽度:1px 高度:30px ;放大图像至 800%;在主页和学历间画“线“;添加”渐变叠加的效果”(颜色1:#cccccc ,颜色2:#cccccc),然后复制分隔条的图层到其它栏目之间就完成了导航条的制作了。
赞 (0)