繁體中文当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop制作VISTA风格公司网站导航条
- Photoshop
- Photoshop把制作好的平面图转换为网页HTML
- Photoshop简单利用填充工具制作透明水印文字
- Photoshop简单模拟电流击穿文字特效
- PS照片教程:好看的黑白漫画网点特效图片
- Photoshop打造耀眼的星光文字特效
- PS调色教程:漂亮的徐若宣单色视觉海报效果
- Photoshop教程:快速模拟普普风特效照片
- Photoshop批处理制作照片蒙太奇效果
- PS教程:周围镶满钻石金光闪闪文字特效
- PS图片教程:制作背景黑白人物彩色的照片
- Photoshop教程:打造锈泽金属文字特效
- Photoshop照片教程:制作古典风景人物
- PS照片教程:去除美眉皮肤上沾满的沙子
- PS合成教程:透出光线的森林的绿色小精灵
- Photoshop图片教程:柔和的梦幻紫红色调照片
- PS基础教程:运用广色域与窄色域修补分离色阶
- MAC系统下Photoshop打印网页点阵字形
- Photoshop教程:惊人的求助创意超现实场景(2)
- Photoshop支持RAW格式:Adobe DNG Converter
- photoshop编辑ico文件:ICOFormat
Photoshop制作VISTA风格公司网站导航条
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-26 浏览: 262 ::
收藏到网摘: n/a
新建800x300大小文件，我们先用选区工具绘制选区，填充如下颜色
安ctrl+d取消选区。随后新建图层，命名为gloss
在新建的图层上，选区上半部，使用渐变工具制作如下图效果
按ctrl+d取消选区，设置不透明度为60%
再次新建图层，命名为bar，绘制如下选区
制作两条细线，这样就能使按钮产生质感效果
你的导航按钮看上去因该如下图
随后就是为导航条添加文字了
我们在每两个文字间用选区选中如下图区域，依然用上面的方法制作两条细线，这样做出的线条就能产生很犀利的凹槽质感
完成后的导航条的视觉效果如下
最后我们来为鼠标经过的按钮制作效果背景，在导航条图层与文字图层间使用椭圆工具制作个椭圆，并进行剪切，只留下导航条包含的部分
随后使用高斯模糊滤镜，设置为10，制作完后就能产生如下的鼠标经过效果
最后为了体现VISTA按钮的效果，我们加入一张windows传统的背景桌面
评论 (0) All
