建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 图像设计 > Photoshop教程 >

Photoshop制作Web2.0风格导航条

时间:2009-06-13 17:25来源: 作者: 点击:
Photoshop制作Web2.0风格导航条
photoshop制作Web2.0风格导航条

1. 用Photoshop创建一个新文件600 * 140px。现在选择圆角矩形工具制作一个圆角矩形如下图。

Photoshop制作Web2.0风格导航条

2. 应用层样式:内发光 混合模式:滤色 方法:柔和。

Photoshop制作Web2.0风格导航条

3. 渐变叠加:颜色设置为 #5e80a3 ,#839db8 and #b8c7d6

Photoshop制作Web2.0风格导航条

4.描边: #5e80a3

Photoshop制作Web2.0风格导航条

5. 这就是它应该呈现的样子。

Photoshop制作Web2.0风格导航条

6. 现在书写链接使用 Segoe 14 pt #ffffff

Photoshop制作Web2.0风格导航条

7. 给字体链接应用层效果:描边 #53769a

Photoshop制作Web2.0风格导航条

8.创建一个新层。选择矩形选框工具,绘制1px宽度的线条并使用# ffffffs填充

Photoshop制作Web2.0风格导航条

9. 复制这个层接着在每个链接之间添加每个线条。现在选择矩形选框工具选取线条底部的区域覆盖到所有的线条,然后使用选择- >修改- >羽化和应用5px半径。按下Del然后采取相同的方法处理上方的线条。

Photoshop制作Web2.0风格导航条

10. 将线条图层的混合模式改为柔光

Photoshop制作Web2.0风格导航条 (责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片