PS制作质感图标教程
“youfunhou”通过精心收集，向本站投稿了8篇PS制作质感图标教程，下面是小编精心整理后的PS制作质感图标教程，仅供参考，大家一起来看看吧。
篇1：PS制作质感图标教程
FEVTE编注：更多优秀PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
最终效果：
具体的制作步骤如下：
步骤1：建立文档
新建一个570像素x470像素的文档，背景色为：#333236，
对背景色使用滤镜(Filter)-杂色(Noise)-添加杂色(Add Noise)
接下来，我们使用笔刷工具(Brush Tool)在背景中央画上一抹白色柔光。
将该图层模式改为柔光(Soft pght)，不透明度调至50%。
步骤2：建立基本形状
基本形状如下图所示。首先建立一个大小为80像素 x 120像素，颜色为#3b5997的圆角矩形，圆角半径为5像素。然后使用直线选择工具(Direct Selection Tool)和钢笔工具(Pen Tool)对其进行修饰：先将顶部拉直，并在底部中央添加一个锚点(anchor point)，然后用直线选择工具向下拖拽，效果就出来了。在之前的教程中也提到过如何适当地美化形状。
为该形状图层应用样式：
描边：采用渐变色描边，渐变颜色为 #7796cb, #7b97c6, #324579，其它参数详见下图。
渐变叠加(参数详见下图)
最终效果：
步骤3：添加图案
新建一个5像素 x 5像素的文档，背景一定要设成透明。
使用缩放工具(Zoom Tool)放大整个画布，或使用快捷键，按住Ctrl++亦可。放大之后，使用铅笔工具(Pencil Tool)勾勒出下图所示的图案。
将本文档保存成图案：编辑(Edit)-定义样式(Define Pattern)，并为其命名。然后将该图案应用到基本形状上去。
图案叠加(参数见下图)
步骤4：添加高光
为基本形状添加一些高光看起来更有质感。首先，在形状图层上新建一个高光图层，并按照下图的指示将其与基本形状图层链接。
使用减淡工具(Soft Brush Tool)在形状的底部进行涂抹，之后将图层模式设为柔光，不透明度调至80%。
新建另一图层，使用渐变工具(Gradient Tool)-对称渐变(Reflected Gradient)，颜色为 #fff ，将其应用在靠近基本形状的顶部的位置。然后将图层模式设为：柔光(Soft pght)，不透明度修改为50%，
再新建一个图层，制作阴影效果。对该图层运用对称渐变( Reflected Gradient)，颜色为#000，将其运用到基本形状的顶部位置。将该图层模式修改为正片叠底(Multiply)，不透明度设为50%。
步骤5：添加缝线效果
缝线效果在PS CS6中很容易实现(直接应用Dash Stroke)。PS CS6对图形工具进行了升级，额外增加了描边和形状的选择项。如果你尚未使用PS CS6，不用着急，你依然能够跟上我们。不过，用PS CS6处理起来更方便。下面是新版的形状工具新增的选择面板。
填充选项面板
描边选项面板
为了制作出缝线效果，首先创建一个形状，做法跟前面的基本形状一样，只不过将宽度调整为70像素。
点击更多选项(More Options)调整描边，将Dash值设为5，Gap值设为6。.接着将描边的颜色改为#a4b1cf。完毕之后，去掉填充的颜色，这样我们的缝线效果就诞生了。
在CS5以下的版本，你可以手动用直线工具(pne Tool)搞定，每行5像素，间隔6像素。
接下来，我们要删除顶部多余的缝线，栅格化(Rasterize)图层，最后擦去顶部的缝线即可。
投影效果(参数见下图)
步骤6：添加图标
将图标素材放置于外形的中央。
描边效果(参数见下图)
渐变叠加颜色： #dddddd,#fff(其余参数见下图)
投影效果(参数见下图)
用文字工具( Text Tool)写上文字。
复制文本图层，颜色修改为 #2b406a，然后用键盘上的方向键上移至合适的位置。
步骤7：添加投影
复制基本形状图层，并用 #000000颜色填充。并将复制之后的基本形状图层置于原始形状图层下方。现在对复制之后的图层运用滤镜(Filter)-模糊(Blur)-高斯模糊(Gaussian Blur)。(具体参数见下图)
将图层和不需要的部分模糊，参加下图所示：
使用线性渐变( pnear Gradient)添加下图的阴影效果，颜色为 #000000。
用直线工具(pne Tool)画出一条颜色为#515055，1像素的细线，将其放图中的阴影之上。
最后，将阴影和细线两边模糊一下，就算大功告成了
总结
通过本教程的学习，各位同学需要掌握和强化的技巧包括：钢笔工具勾勒图案的技巧，高光的使用(增加质感)以及渐变工具等的使用。希望本教程能对大家有帮助。
FEVTE编注：更多优秀PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
篇2：PS制作Vista风格质感图标
Vista系统横空出世，对于他的众多FANS来说是个记纪念的时刻，下面我们就制作一款Vista风格质感图标，制作过程中大量用到图层样式，看似简单的东西做出来真不容易！
最终效果
1）新建一个 256 × 256 像素的透明背景图像文档，将第一个图层名称重命名为“背景”。
2）使用白色 #ffffff 填充背景。
3）新建一个图层，重命名该图层为“圆”。
4）选择椭圆选框工具，同时按下Shift键，绘制一个 222 × 222 像素的正圆。保存选区为“正圆选区”。
译者补充说明：
一、绘制222×222像素正圆的简易方法：选择椭圆工具后，再在选项栏上，将样式改为“固定大小”，并同时指定宽度和高度为222像素。
二、保存选区的方法：选择菜单“选择 - 存储选区”。
5）使用任意的颜色填充选区。笔者使用了 #880303 。
6）选择暗红色作为前景，浅一些的红色做为背景。笔者使用了 #880303 及 #b51919 。选择渐变工具（径向渐变风格）并从选区的左上角拖拽到右下角。
7）新建一个图层并重命名该图层为“反射”。
8）加载“正圆选区”并选择椭圆选框工具，同时按下 Alt 键，然后从右下角到中间绘制一条曲线。释放鼠标按钮，你将得到像这样的一个选区：
9） 选择“反射”图层并使用白色 #ffffff 填充选区。设置图层不透明度为15%。
10） 新建一个图层并重命名该图层为“边框”。
11） 选择椭圆选框工具同时按住 Shift 键，绘制一个 242 × 242 像素的正圆。将该圆环绕着第一个圆。
译者补充说明：选择椭圆工具后，再在选项栏上，将样式改为“固定大小”，并同时指定宽度和高度为 242 像素，开启标尺，并拉出辅助线，确定画面的中心点，绘制椭圆时，按住 Alt 键，即可以起始点为原心绘制正圆，
12） 使用灰色 #b6b6bc 填充选区。13） 加载“正圆选区”。
14）按Del 键就可以得到一个环绕正圆的边框。
15）右击“边框”图层并选择混合选项，应用这些设置：
投影：
内发光
斜面和浮雕：
渐变叠加：
渐变叠加使用3种颜色：#b3b3b9 #ffffff #b3b3b9
描边：
16）完成后我们将得到这样的效果：
17）制作一个“X”标志，笔者使用一种称之为“Army”的300号字体输入一个加号“＋”。然后旋转 45°。务必移动“＋”图层到“反射”图层之下。
18） 右击“＋”图层并选择混合选项，应用这些设置：
投影：
斜面和浮雕
渐变叠加
渐变叠加使用3种颜色：#ffffff #bbbbbb #ffffff
描边：
最终效果
篇3：PS制作金属质感按钮教程
FEVTE编注：更多PS教程交流讨论及PS作品提交请进入论坛PS作品交流区，地址：bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
具体的制作步骤如下：1、画圆用角度渐变作出明暗变化
2、制作拉丝纹随便在渐变图层上新建一个图层画方型并填灰色滤镜-杂点-添加杂点选中下层的圆形选区,滤镜-模糊-径向模糊然后直接用这个选区做剪切蒙版,就做好啦～也可以根据整个图再调节下曲线，让纹理更明显一点
3、将拉丝纹的图层正片叠底，80不透明度，覆盖在渐变层上，
PS制作金属质感按钮教程
，
或者，导出拉丝纹的图层以贴图形式加在渐变层上，这样以后也可以用。4、再覆盖上明暗的图层强化渐变效果
FEVTE编注：更多PS教程交流讨论及PS作品提交请进入论坛PS作品交流区，地址：bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
篇4：PS制作水晶质感按钮教程
第一步:
把底图层填充成灰色 再创建一个新图层 在新图层上用矩形选框工具画出一个长方形(大小自己看着来) 用兰色填充(兰色值为#22aff7) . 在这里顺便把选区储存起来 因为后面要用到. 最后给一个5px的下拉阴影 如下图:
第二步:
新建一图层 起名”深色” 用深兰色填充(颜色值为#0141af) 如下图:
第三步:
用橡皮擦工具(模式:画笔 直径:200px 硬度:0 不透明:100% 流量:80% ) 在”深色”层点几下 如下图:
第四步:
复制一个”深色”层 应用这个层的混合选项里的内阴影 具体数值如下图:
第五步:
用椭圆选框工具画出如下图这个样子:
新建一个层起名为”白色” 选区反选(Ctrl+Shift+i)后 填充白色 如下图:
栽入咱们最早保存的那个选区 执行反选(Ctrl+Shift+i) 然后Delete多余白色 结果如下图:
第六步:
对这个”白色”层应用高斯模糊 (滤镜—模糊—高斯模糊) 模糊值为:3px 如下图:
第七步:
调整”白色”层的透明度 如下图:
OK ! 关键步奏都讲完了 剩下的就是根据自己的需要加上字啊 阴影什么的 大家就自己看着来吧…
篇5：PS制作金属质感文字教程
本教程中会使用到以下素材。
・ Concrete Bunker Texture
・ Argel Font
・ Palace Balls Picture
具体的制作步骤如下：
第1步
新建文件：设定宽和高为700像素，分辨率72dpi，名称：Angel text
第2步
素材Concrete Bunker texture填充画布。
第3步
合并背景图层与素材Concrete Bunker texture所在图层。
篇6：PS制作金属质感文字教程
图像>调整>色相/饱和度 参数设置如下：
第5步
滤镜>锐化>锐化
滤镜>杂色>添加杂色 ，参数设置如下：
在背景层上创建新图层1，填充颜色#252829，图层混合模式-“颜色”
合并图层1和背景层（Ctrl+E）
第6步
输入文字“Angel”，字体：“Argel Font”，字号：310pt，字距：0
选择字母“A”，将字距调整为40，参数设置如下：
第7步
使用“移动工具”，选择文字和背景图层，
对齐方式：“水平居中对齐”“垂直居中对齐”
第8步
接下来将逐步对文字图层添加图层样式，经过下列设置将会初步呈现出富有光泽的金属质感。
选择文字图层，添加图层样式，参数设置如下图：
发光颜色色值：#18110a
高光颜色：#fde8d6
阴影颜色：#ffffff
5个节点的参数从左向右依次分别为：
节点输入输出边角100无2300无350100勾选4700无51000无叠加颜色：#fee3be
色标从左到右的参数设置依次为
色标位置（%）色值110# 3c1e19225# ab9389345# ffffff455# b79489570# b09989680# b09d8c785# b09f8c890# b0958c色标从左到右的参数设置依次为
色标位置（%）色值16# 491901230# 6b2b07344# a05f2c450# c07f48555# cca079662# b09d8c769# 9a7954873# fff8e7976# a67e571081# ffead51187# 8e664712100# 55341d第9步
复制图片“Palace Balls”，黏贴在文字图层上方，重命名为“Reflection01.”，
选择“移动工具”，同时选择背景图层以及“Reflection01.”，对齐方式：左对齐、底对齐
第10步
选择“Reflection01″图层-自由变换-保持长宽比-垂直/水平缩放比70%
参考点水平位置：1099.2 px
参考点垂直位置：-7.8 px
第11步
选择”Reflection01″图层-图层样式-渐变叠加
参数设置如下：
色标从左到右的参数设置依次为
第12步
选择“Reflection01″图层，滤镜-锐化-锐化，重复三次
第13步
选择”Reflection01″图层，滤镜-杂色-减少杂色，参数设置如下图：
第14步
复制“Reflection01″图层，重命名为”Reflection02″，设置图层混合模式及不透明度，参数如下：
第15步
为了能够得到更加完美的反射效果，选择“Reflection02″图层，选择”自由变换“
水平缩放比例：-90%
垂直缩放比例：90%
参考点水平位置：513 px
参考点垂直位置：108 px
第16步
选择图层”Reflection01″和“Reflection02″，图层-创建剪贴蒙版
为了反射效果能够与文字完美结合，链接图层”Reflection01″和“Reflection02″以及文字图层-”链接图层"
最终效果图
FEVTE编注：更多PS文字效果教程学习和PS制作的文字效果作品交流请进入论坛PS鼠绘交流区：bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
篇7：PS教程:制作质感3D文字特效
本文分做两个部分，一个是制作抽象的艺术白雾背景，另外就是制作水晶的文字字体，主要使用的还是PS图层样式，做法比较简单，
本文分做两个部分，一个是制作抽象的艺术白雾背景，另外就是制作水晶的文字字体，主要使用的还是PS图层样式，做法比较简单，里面用到的纹理与字体可在最后的原文地址中寻找下载。
先看下效果吧 ：）
第1步：找一个喜欢的纹理； 从这里下载 >>Material.rar
第2步：新建文件（ctrl+N）；文件大小为880 x 540 px，背景为透明。
第3步：选择矩形工具（U）,设置如图：
选择图层样式：填充为0% >>内发光 >>外发光 >>描边
第4步：找一张自己喜欢的纹理；从这里下载 >>Material.rar
第5步：选择图层样式 >>颜色叠加 >>渐变叠加 >>图案叠加
第6步：选择文本工具（T）输入文字，选择自己喜欢的字体，用我这个从这里下载 >>Material.rar
第7步：选着图层样式设置如图：
篇8：Coreldraw简单制作质感的图标
主要介绍用Coreldraw来制作一个水晶效果的图标，此类图片可以广泛的运用在设计的效果图装饰上，而且制作方法也比较简单，下面让我们一起来试试这种方法，先看看效果图吧.
1.我以打造一个质感椭圆形为例，先做好准备工作，通过复制 修剪得到以下图
2.填充，(剪切得到得部分填充白色，以作为高光，)
3.用交互式工具中的透明工具，拉出质感，这样就大功告成
还可以多搞几个重叠，调一下透明度，也会呈现出漂亮的效果
我用了这种效果做了款彩纸，我觉得起到了一定的点缀的作用
在此感谢各位昵友的支持，教程做得不好，现丑了，
【PS制作质感图标教程】相关文章：
1.PS制作梅花教程
文档为doc格式
