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