繁體中文当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop制作VISTA风格公司网站导航条
- Photoshop
- Photoshop文字特效:晶莹剔透的水果糖文字
- 矢量的ipad ui设计的PSD源文件
- 作品欣赏:PS设计的26个出色的动物机器人
- 作品欣赏:别出心裁的个性酒瓶设计实例
- Photoshop调色教程:红润肤色的美女
- Photoshop文字特效:梦幻彩色发光文字
- Photoshop图片合成教程:水彩效果海报
- Photoshop教程:时尚个性的撕皮特效
- Photoshop教程:轻松绘制逼真的Apple IPAD
- Photoshop影楼调色教程:可选颜色的使用
- Photoshop教程:调色制作恐怖的电影场景
- Photoshop图片:逼真的流泪特效
- Photoshop绘制黑色的实用网页导航按钮
- Photoshop绘制红色风格美丽的花瓣壁纸
- Photoshop绘制碳纤维风格的网页导航按钮
- Photoshop经典教程:90后女孩照片仿手绘
- Photoshop教程:轻松绘制黑色风格导航条文字
- Photoshop入门教程:制作搞笑的GIF动画
- Photoshop入门教程:色彩搭配设计讲解
- Photoshop教程:水彩特效的卡通小男孩
Photoshop制作VISTA风格公司网站导航条
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-26 浏览: 172 ::
收藏到网摘: n/a
新建800x300大小文件，我们先用选区工具绘制选区，填充如下颜色
安ctrl+d取消选区。随后新建图层，命名为gloss
在新建的图层上，选区上半部，使用渐变工具制作如下图效果
按ctrl+d取消选区，设置不透明度为60%
再次新建图层，命名为bar，绘制如下选区
制作两条细线，这样就能使按钮产生质感效果
你的导航按钮看上去因该如下图
随后就是为导航条添加文字了
我们在每两个文字间用选区选中如下图区域，依然用上面的方法制作两条细线，这样做出的线条就能产生很犀利的凹槽质感
完成后的导航条的视觉效果如下
最后我们来为鼠标经过的按钮制作效果背景，在导航条图层与文字图层间使用椭圆工具制作个椭圆，并进行剪切，只留下导航条包含的部分
随后使用高斯模糊滤镜，设置为10，制作完后就能产生如下的鼠标经过效果
最后为了体现VISTA按钮的效果，我们加入一张windows传统的背景桌面
评论 (0) All
