【导语】“落花落霞”通过精心收集，向本站投稿了4篇PS制作漂亮质感网页导航按钮，以下是小编整理后的PS制作漂亮质感网页导航按钮，欢迎阅读分享，希望对您有所帮助。
篇1：PS制作漂亮质感网页导航按钮
FEVTE编注：更多鼠绘教程讨论交流和鼠绘作业提交请进入论坛PS鼠绘交流区：bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=90
具体的制作步骤如下：
1.填充背景为深灰色，设置远景色，新建图层1，绘制圆色矩形
2.为图层1添加图层样式(投影,内阴影,外发光,渐变叠加,描边);
3.选择图层1,使用滤镜>杂色>添加杂色(根据情况调整杂色的数目);
4.按CTRL键点击图层1,调出图层1的图形选区之后,新建图层2,填充任意色彩,选择矩形选框工具,按向上方向键,将选区向上移动1个像表的间隔,再按删除键删除选区内的色彩.再CTRL+D,取消选区.这样我们就得到了按钮底部的高光了
5.选图层2,添加图层样式(渐变叠加);
6.按CTRL键,点击图层1,调出层1选区,再新建图层3,使用渐变工具(径向渐变,白到玄色,从按钮的上中位置拖到按钮的下右位置),CTRL+D取消选区,改变层3的图层样式;如图设置
7.选择圆角矩形工具,建立与按钮同等宽度的圆色矩形路径,再选用转换点工具,移动右下角两个节点.使其变成梯形,新建图层4,设置远景色为白色,进入路径面板,填充路径(白色).按CTRL键点击层1,选图层4,为图层4添加图层蒙板.再设置图层混合模式,产生按钮的高光效果
8.输入文字,添加图层样式
完成终极效果
FEVTE编注：更多鼠绘教程讨论交流和鼠绘作业提交请进入论坛PS鼠绘交流区：bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=90
篇2：PS制作质感网页导航条
这篇教程教的朋友们用PS制作质感网页导航条，教程属于比较高级的PS教程，新手制作可能会有点吃力，还好作者记忆拼图给我们提供了源文件，转发过来了，希望的朋友们喜欢这篇教程，源文件下载：20110106111611882.rar
一直都有朋友在问质感方面的问题,很多朋友也一直希望记忆能做一期质感方面的教程,但是由于一直很忙,所以到今天才简单为大家带来一期质感方面的教程!首先来看一个标准的导航质感如何展现吧！导航在网站设计中占有举足轻重的地位，导航是整个站点中（特别是门户站）视觉的焦点和中心，其影响力仅次于Banner!导航的成败直接影响了整个站点的表现，不管是企业站，还是Flash站点，都不应该轻视导航的设计！在这里我就大概讲一下质感类导航的制作方式！我个人总是把导航的质感分为好几层，例如高光，泛光，点光，投影等，也就是基本一个实物应该具备的一些效果，把他们综合到界面上，就可以比较好的展现出界面的质感，详细请看下图！
FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html
上图中所举例就是我常用来体现导航质感的方式了，当然方法很多，实现效果也可以千变万化，如何去实现更好的效果，
PS制作质感网页导航条
，
咱这里就不多罗嗦了，呵呵！
然后我在举一个带有复杂质感导航的实现方式，例如下面的玻璃质感导航是如何实现的！
玻璃是一种带有复杂高光反射的材料，所以要用更多的光去体现他的质感，我简单举例了一个制作，大家可以看下图我是怎么去实现玻璃效果的！
其实大家应该可以从我这两个例子里看出来，打底的无非就是一个渐变色图层，其他效果都是靠不断的新建图层来实现的。而且质感的体现总是会在一定的高光，暗光，投影里形成！所以我个人总结的是多参照实物。多参考别人的设计，把自己学到的多换方式运用，这样就可以制作出非常多质感丰富且漂亮的导航了！
下面为大家带来一些实例!
导航上的质感应用
背景上的质感应用
按钮或鼠标交互效果上的质感应用
FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html
篇3：PS按钮制作基础教程之制作灰色质感导航栏
本教程介绍较为简洁的按钮制作方法，
PS按钮制作基础教程之制作灰色质感导航栏
。制作过程比较简单：先用选区工具做出按钮的形状，然后填充想要的颜色。然后设置图层样式做出按钮的质感。最后加上文字和小装饰即可。最终效果
1、新建一个500 * 400像素的文档，背景填充颜色：#1b1b1b。
2、新建一个图层，选择矩形选框工具，拉一个288 * 50像素的矩形选区，填充颜色：##5a5a5a，效果如下图。
3、双击图层矩形的缩略图调出图层样式，设置内阴影和渐变叠加，参数及效果如下图。
4、把加上图层样式后的矩形复制三个，然后竖直排列，矩形间距为3个像素，效果如下图，
5、每个矩形上打上菜单文字，字体为“Arial”，效果如下图。
6、新建一个图层，选择椭圆选框工具，在矩形的左边部分拉一个直接为30像素的正圆选区，填充黑色，效果如下图。
7、再为黑色正圆加上图层样式，分别设置：内发光，渐变叠加，描边，参数设置如下图。
8、加上图层样式后把正圆的图层不透明度改为：70%，然后再在上面加上箭头，效果如下图。
9、最后稍微加点背景颜色，完成最终效果。
篇4：PS制作漂亮透明质感导航条
这篇教程教的PS学习者们使用PS制作漂亮透明质感导航条，教程的原创作者是邵飞，教程制作出来的导航条真的很漂亮，个人非常喜欢，感谢邵飞的原创分享。推荐一下，和的达人们一同学习了，喜欢的记得给我推荐的教程好评。好了，先来看看最终的效果图吧：
FEVTE编注：更多优秀PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
★ 网页制作求职信
★ 网页制作实习报告
PS制作漂亮质感网页导航按钮（共4篇）
