Photoshop制作VISTA风格公司网站导航条(2)_建站学-个人建站指南,网页制作,网站设计,网站制作教程

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

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

Photoshop制作VISTA风格公司网站导航条(2)

时间:2009-03-10 14:48来源: 作者: 点击: 次

你的导航按钮看上去因该如下图随后就是为导航条添加文字了我们在每两个文字间用选区选中如下图区域，依然用上面的方法制作两条细线，这样做出的线条就能产生很犀利的凹槽质感完成后的导航条的视觉效果如下最后

你的导航按钮看上去因该如下图

Vista Style Menu using Photoshop image 6

随后就是为导航条添加文字了

Vista Style Menu using Photoshop image 7

Vista Style Menu using Photoshop image 8

我们在每两个文字间用选区选中如下图区域，依然用上面的方法制作两条细线，这样做出的线条就能产生很犀利的凹槽质感

Vista Style Menu using Photoshop image 9

Vista Style Menu using Photoshop image 10

完成后的导航条的视觉效果如下

Vista Style Menu using Photoshop image 11

最后我们来为鼠标经过的按钮制作效果背景，在导航条图层与文字图层间使用椭圆工具制作个椭圆，并进行剪切，只留下导航条包含的部分

Vista Style Menu using Photoshop image 12

随后使用高斯模糊滤镜，设置为10，制作完后就能产生如下的鼠标经过效果

Vista Style Menu using Photoshop image 13

最后为了体现VISTA按钮的效果，我们加入一张windows传统的背景桌面

Vista Style Menu using Photoshop Tutorial: Final Result

(责任编辑：admin)

顶一下

(0)

踩一下

(0)

------分隔线----------------------------

发表评论

栏目列表

推荐内容

热点内容