以下是小编帮大家整理的PS制作漂亮透明质感导航条(共含8篇），欢迎大家分享。同时，但愿您也能像本文投稿人“山茶向暖”一样，积极向本站投稿分享好文章。
这篇教程教的PS学习者们使用PS制作漂亮透明质感导航条，教程的原创作者是邵飞，教程制作出来的导航条真的很漂亮，个人非常喜欢，感谢邵飞的原创分享。推荐一下，和的达人们一同学习了，喜欢的记得给我推荐的教程好评。好了，先来看看最终的效果图吧：
FEVTE编注：更多优秀PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
这篇教程教的朋友们用PS制作质感网页导航条，教程属于比较高级的PS教程，新手制作可能会有点吃力，还好作者记忆拼图给我们提供了源文件，转发过来了，希望的朋友们喜欢这篇教程，源文件下载：0106111611882.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
这篇教程教的朋友们用PS制作漂亮质感文字，教程制作的效果很漂亮，制作步骤难度一般，转发过来和的朋友们一起学习这个漂亮的效果，先看看效果图吧！
FEVTE编注：更多PS文字效果教程及PS制作的文字效果作品交流请到论坛PS文字效果交流区，地址：bbs.fevte.com/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=67
具体制作步骤如下：
1、首先运行PHOTOSHOP软件，创建一新文件，472*344像素大小，72像素分辨率，白色背景。
2、我们先来制作背景（也可先制作字体效果后添加背景）。将背景层解锁，添加图层样式---渐变叠加，详细设置如图：
3、继续为背景层添加图层样式---图案叠加，详细设置如图：
图片素材：
4、使用文字工具输入“23PS”，字体“AC”，颜色黑色，字号大小200点，调整适当位置，如图：
5、下面为文字图层添加图层样式---投影，大小6像素，距离4像素，混合模式为正片叠底，详细设置如图：
6、为文字图层添加图层样式---内阴影，大小11像素，距离6像素，混合模式为正片叠底，颜色白色，其它参数默认，详细设置如图：
7、为文字图层添加图层样式---内发光，大小106像素，阻塞7%，混合模式为正片叠底，详细设置如图：
8、继续为文字图层添加图层样式---斜面和浮雕，大小10像素，方向为上，样式为内斜面，详细设置如图：
9、为文字图层添加图层样式---光泽，大小13像素，距离11像素，混合模式为柔光，颜色白色，详细设置如图所示：
10、为文字图层添加图层样式---渐变叠加，混合模式为正片叠底，详细设置如图：
11、为文字图层添加图层样式---图案叠加，混合模式为正常，详细设置如图：
12、进行整体细节调整后盖印所有图层，得到新的层，
13、为该层执行滤竟---渲染---光照效果，详细参数如图所示：
14、复制此层，图层混合模式为叠加，降低图层总体不透明度为42%，如图：
15、我们通过上面的操作，已经得到了最终的效果，完成！！感谢支持~~！！
FEVTE编注：更多PS文字效果教程及PS制作的文字效果作品交流请到论坛PS文字效果交流区，地址：bbs.fevte.com/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=67
这篇教程教的朋友们用PS制作网站导航条，教程是翻译自国外的教程，难度一般。但是制作的效果很不错。转发过来和从事网页UI设计的朋友们一起学习用PS制作网站导航条的方法。先看看效果：
FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html
具体的制作步骤如下：
制作背景
新建1200 x 600px，透明背景的文档。设置前景色为#bebebf，背景色为#d2d2d2。
选取“渐变工具”从画布头部到底部进行线性渐变。
使用如下设置添加“杂色滤镜”（滤镜->杂色->添加杂色）
接着添加“模糊滤镜”（滤镜->模糊->动态模糊）
在画布左右边沿有些太过的动感模糊效果，这不是我们想要的，简单的用裁剪工具进行裁剪，去除两边不好的动感模糊效果区域。
这样你会得到一个轻柔的金属感的背景，可以再次通过调整动感模糊设置来使金属感看起来更和谐。
创建导航
选取圆角矩形工具，设置半径为10px，在画布中央拖出如下所示的矩形（663*136）。
完成后，设置如下图层样式：
内阴影
渐变叠加
描边
效果如下：
接下来，我们将制作碳纤维图案，新建4 x 4px的文档，放大到3200%，像下图一样给8个格子填充不同颜色。
（提示：借助标尺，把文档分成8个格子，再新建2 x 1px的文档，按以下颜色进行填充，填充好后复制到4 x 4px的文档，这样的话要复制8次哦）
图案完成后，去往菜单“编辑->自定义图案”，给新图案命名，然后回到制作导航栏的文档中。
选择“矩形”图层，鼠标指向矩形的“矢量蒙版缩略图”，按住ctrl，进行单击，已选中整个矩形，此时新建图层，保持选区不变，选择“油漆桶”，用新图案填充选区，效果如下所示：
接着把新图层的混合选项更改为“差值”，
结果又不一样，有碳纤维的感觉了：
创建导航按钮
选择“字体工具”，在矩形底部编写导航链接。
然后给字体设置如下图层样式。
阴影
颜色叠加
在链接之间添加分隔线，两条1px的直线相邻，左边的为黑色，右边的为白色，完成后给此图层设置透明度为50%，混合选项为“柔光”。
创建导航球
选取“椭圆选框工具”，新建图层，在第一个链接上方拖出一小型椭圆。如下所示：
选取“渐变工具”，在上述的椭圆选区中拖出一个从黑（#000000）到灰（#828282）的线性渐变。如下所示：
再一次使用“椭圆选框工具”，在刚刚创建的椭圆里新建一个圆形的选区。如下所示：
以颜色#8e8e8e填充此圆形选区，保持此选区为激活状态，并在灰色圆形图层上创建新图层，设置前景色为白色，用渐变工具从左上角拖出一个从白到透明的径向渐变。如下所示：
改变渐变类型为线性渐变，仍然保持选区为激活状态，再新建图层，从底部向上拖出此渐变。如下所示：
改变每个图层的透明度和渐变的位置，以增加球体的高光点。如下所示：
复制球体到每个按钮上方。
创建按钮激活状态
选择某按钮添加激活状态，简单的给此按钮的球体添加渐变叠加（我没有这样操作，只是合并创建球体的所有图层，然后添加调整图层->色相/饱和度，并着色），选择你觉得合适的颜色。如下所示：
使用“矩形选框工具”选中此按钮，不要包括分隔线。如下所示：
创建新图层，保持选区不变，以颜色#dddddd填充此选区，然后设置图层混合模式为“叠加”。
最后，使用“多边形套索工具”创建三角形，三角形的颜色和背景色是一样的，然后添加图层样式阴影，如下所示：
最后，按钮激活状态效果如下：
FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html
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
这篇教程是向脚本之家的朋友介绍利用ps制作漂亮的透明泡泡文字方法，教程制作出来文字非常的漂亮，推荐到脚本之家，喜欢的朋友一起来看看吧
今天就跟大家讲讲如何用ps制作漂亮的透明泡泡文字，最终效果如下图：
1、首先打开ps软件，打开需要处理的图片，然后按ctrl+j复制背景素材，生成图层1！
2、选择工具栏的“矩形选框工具”，按shif在图层1中绘制正方形选区，如下图所示：
3、选择菜单栏“滤镜”——“扭曲”——“极坐标”，在弹出的对话框中选择“平面坐标到极坐标”，然后点击”确定“！
4、工具栏中颜色设置为默认颜色，选择图层1，点击图层面板下方的“添加图层蒙版”按钮，选择画笔工具，设置为柔画笔，在如图圆形区域内进行涂抹！
5、选择工具栏”椭圆选框工具“，按住shif+alt，沿这图层1的圆点创建圆形选区，如下图所示：
ps:可以对制作的圆形泡泡进行大小的改变！
6、按shif+ctrl+i反选圆形选区，或是菜单栏“选择”——”反向“，然后按Delete键删除圆形外选中的图像，如下图！
7、shif+ctrl+alt+e盖印所有图层，生成图层2，然后单击工具箱中”文字工具“，设置画笔大小、字体、颜色，在圆形中输入文字（文字自定），效果如下图！
ps:三行文字分三个图层！
8、选中三个文字图层，右击选择”栅格化图层“，按Ctrl+E键合并文字图层，选择菜单栏“滤镜”——”扭曲“——”挤压“，在演出的对话框中输入”-50%“,如下图：
9、因为泡泡文字，所有要适当调整下边缘，让文字跟泡泡更和谐，选择选区工具（多边形套索工具、椭圆/矩形选区都可以），如下图所示将边缘文字选中，按Ctrl+T键变形，两边凸出的文字都是这样处理的，效果如下图：
10、接着对文字大小、位置调整， 然后按住Ctrl键单击文字层形成文字选区，菜单栏”选择“——“羽化”，在弹出的对话框设置下数值，数值由选区大小决定：
11、 选择shif+ctrl+i反选选区，然后按住DEL删除选区，这样泡泡文字效果就完成了！
FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html
具体的制作步骤如下：
新建文档400x400像素，背景黑色，建新层，自定义形状工具画一白色正圆，
添加图层样式。
效果如下。
建新层，画一白色椭圆，图层不透明度10%，效果如右图，
建新层，画一个大的白色正圆，之后减法模式画一个小的正圆，这样我们得到了一个白色圆环。
添加图层颜色。
效果如下。
复制一层，清除图层样式，减法模式画一个椭圆。
添加图层样式。
效果如下。
输入文字，加上阴影，最终效果如下。
FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html
这篇教程教的朋友们用PS制作质感宝石，教程制作的宝石很漂亮，主要运用PS的图层样式来表现质感。制作难度中等。转发过来和的朋友们一起分享。先来看看最终的效果图：
FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html
具体的制作步骤如下：
1、打开下图所示的背景素材。2、选择“椭圆”工具进行绘制。3、双击图层缩览图，设置打开的“拾取实色”对话框。
4、执行“编辑”→“变换”→“变形”命令。5、为“形状 1”添加“内阴影”图层样式效果，6、设置“图案叠加”图层样式。7、新建“图层 1”，选择“矩形选框工具”绘制选区。8、设置渐变色，并填充选区。9、新建“图层2”，设置渐变色并填充选区。10、设置“图层2”的混合模式为“柔光”。11、设置“图层1”的混合模式为“强光”。12、选择“图层 1”图层，执行“图层”→“创建剪贴蒙版”命令。13、为“图层 2”创建剪贴蒙板。14、选择“椭圆”工具进行绘制。15、切换到“路径”调板将路径作为选区载入。16、切换回“图层”调板，新建图层并填充渐变色。17、使用横排文字工具，创建文字。18、为文字添加“外发光”图层样式效果。19、设置“斜面和浮雕”图层样式。20、设置“等高线”。21、设置“描边”图层样式。22、为图像添加阴影。23、参照以上方法制作出其他图像，完成最终效果。FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html
★ 透明质感玻璃花瓶
