PS制作简洁漂亮的网站导航条方法步骤
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
0c84f5e 成都网站制作 http://www.19fb.com
添加导航文字：宋体 14pt,复制每个频道图 层，向下移动 1px 设置嵌入效果
新建一个分组，命名为“分隔条”，新建按 CTRL+SHIT+N 新建一个图层；选择“圆角矩形”
工具，在圆角矩形的固定属性设置：宽度：1px 高度：30px;放大图像至 800%；在主页和学历间 画“线“；添加”渐变叠加的效果”（颜色 1：, 颜色 2：）,然后复制分隔条的图层到其它栏目之
0c84f5e 成都网站制作 http://www.19fb.com
设置图层的混合选项：投影（角度：90、距 离：2、大小：1 像素）；内发光（颜色：白色 （FFFFFF））、大小：2px;渐变叠加（样式：线性、 颜色 1：、颜色 2：FFFFFF）
按住 CTRL+SHIFT+N 新建图层，命名为 shine 选中上半部分，并用白色填充，设置图层“混 合模式”为柔光，设置“不透明度”为 75%
0c84f5e 成都网站制作 http://www.19fb.com
间就完成了导航条的制作了。
导航栏是网页设计的核心，今天让我们学习 如何制作简洁而漂亮的网页导航条的制作方法。 如Hale Waihona Puke Baidu：
PHOTOSHOP
新建一个 520×300 的白色背景图
改变背景颜色为黑色，在“视图”新建水平 参考线输入：120px,再新建一个水平参考线： 160px
按 住 CTRL+SHIFT+N 新 图 层 ， 命 名 为 navigation_back；前景色设为的浅灰色；再“用 矩形工具”选水平参考线之间的选区后效果如 下：
添加导航文字：宋体 14pt,复制每个频道图 层，向下移动 1px 设置嵌入效果
新建一个分组，命名为“分隔条”，新建按 CTRL+SHIT+N 新建一个图层；选择“圆角矩形”
工具，在圆角矩形的固定属性设置：宽度：1px 高度：30px;放大图像至 800%；在主页和学历间 画“线“；添加”渐变叠加的效果”（颜色 1：, 颜色 2：）,然后复制分隔条的图层到其它栏目之
0c84f5e 成都网站制作 http://www.19fb.com
设置图层的混合选项：投影（角度：90、距 离：2、大小：1 像素）；内发光（颜色：白色 （FFFFFF））、大小：2px;渐变叠加（样式：线性、 颜色 1：、颜色 2：FFFFFF）
按住 CTRL+SHIFT+N 新建图层，命名为 shine 选中上半部分，并用白色填充，设置图层“混 合模式”为柔光，设置“不透明度”为 75%
0c84f5e 成都网站制作 http://www.19fb.com
间就完成了导航条的制作了。
导航栏是网页设计的核心，今天让我们学习 如何制作简洁而漂亮的网页导航条的制作方法。 如Hale Waihona Puke Baidu：
PHOTOSHOP
新建一个 520×300 的白色背景图
改变背景颜色为黑色，在“视图”新建水平 参考线输入：120px,再新建一个水平参考线： 160px
按 住 CTRL+SHIFT+N 新 图 层 ， 命 名 为 navigation_back；前景色设为的浅灰色；再“用 矩形工具”选水平参考线之间的选区后效果如 下：