photoshop制作简洁的网站导航条方法.docx
- 文档编号:3662217
- 上传时间:2022-11-24
- 格式:DOCX
- 页数:2
- 大小:14.54KB
photoshop制作简洁的网站导航条方法.docx
《photoshop制作简洁的网站导航条方法.docx》由会员分享,可在线阅读,更多相关《photoshop制作简洁的网站导航条方法.docx(2页珍藏版)》请在冰豆网上搜索。
photoshop制作简洁的网站导航条方法
导航栏是网页设计的核心,今天让我们学习如何制作简洁而漂亮的网页导航条的制作方法。
PHOTOSHOP
新建一个520×300的白色背景图
改变背景颜色为黑色,在“视图”新建水平参考线输入:
120px,再新建一个水平参考线:
160px
按住CTRL+SHIFT+N新图层,命名为navigation_back;前景色设为的浅灰色;再“用矩形工具”选水平参考线之间的选区后效果如下:
设置图层的混合选项:
投影(角度:
90、距离:
2、大小:
1像素);内发光(颜色:
白色(FFFFFF))、大小:
2px;渐变叠加(样式:
线性、颜色1:
、颜色2:
FFFFFF)
按住CTRL+SHIFT+N新建图层,命名为shine
选中上半部分,并用白色填充,设置图层“混合模式”为柔光,设置“不透明度”为75%
添加导航文字:
宋体14pt,复制每个频道图层,向下移动1px设置嵌入效果
新建一个分组,命名为“分隔条”,新建按CTRL+SHIT+N新建一个图层;选择“圆角矩形”工具,在圆角矩形的固定属性设置:
宽度:
1px高度:
30px;放大图像至800%;在主页和学历间画“线“;添加”渐变叠加的效果”(颜色1:
颜色2:
),然后复制分隔条的图层到其它栏目之间就完成了导航条的制作了。
ja0jbk1mphotoshop教程
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- photoshop 制作 简洁 网站 导航 方法