PS制作Vista风格质感图标（整理9篇）由网友“宗遇”投稿提供，下面给大家分享PS制作Vista风格质感图标，欢迎阅读!
篇1：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
描边：
最终效果
篇2：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
篇3：PS制作VISTA风格按钮
FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html
具体的制作步骤如下：
1.建立一个600*350像素大小的文件，新建一层，用矩形框选工具画一个长方形并填充玄色
2.再新建一层，画出一个矩形选区，拉一个灰色过渡的渐变，并将这一层的透明度降低到90%。
3.新建一层，再画一个细长的矩形选区，填充浅灰色，将这一层的透明度调到80%。
4.新建图层画分隔线，每个分割线由2部分构成，上部分填充灰色渐变，下部分填充深灰色，合并图层，在复制图层，放到合适位置。
5.新建图层，用椭圆形框选工具画一个选区，对选区羽化（数值大小自己看着满足就可以），填充蓝色
6.用矩形框选工具删除两边多余部分，
7.选一张自己喜欢的图片放在最底层作为背景，新建一层，画一个倒角矩形，填充任意色，不要取消选区
8.隐藏刚才填充任性颜色的图层，选择背景图片图层，对刚才画的选区执行高斯模糊命令，数值自定义
9.显示刚才隐藏的图层，给这个图层添加一个投影的图层样式，回到图层面板将这个图层的填充调到0%（这一点很重要）。
10.打上字，大功告成。
刚才看了下，确实是填充调到O，假如不透明度调到O，就没有阴影了，笔误，谢谢更正。另外背景图可以随便更换，非常方便，可以作为模板保存。
FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html
篇4：ps制作Vista风格强劲光束
最终效果
1.先新建一条绿色的弯曲路径，选择发光滤镜，设置如图：
2.接着，在这个路径上方新建一个白色矩形，选择放射状渐变填充，不要边框，
3.将这个新建的矩形剪切，快捷键是Ctrl X，然后粘贴为刚才做的那条曲线的蒙板，
最终效果
1.先新建一条绿色的弯曲路径，选择发光滤镜，设置如图：
2.接着，在这个路径上方新建一个白色矩形，选择放射状渐变填充，不要边框，
3.将这个新建的矩形剪切，快捷键是Ctrl X，然后粘贴为刚才做的那条曲线的蒙板。
4.将蒙板设置为灰度外观。
5.这时，路径就有了首尾渐隐的效果。我们这时还可以调节手柄来调节渐变的细节。
6. 下面这步是影响最终效果细节的操作。
将现在这个带有蒙板的图层复制一个放在该层上方，将图层混合模式设为“叠加”。再把下面那层的透明度进行适当的调节，我设为了50：
7.得到的结果看起来跟刚才没有太大的区别，别着急，往下看：）
8.我们按照前面的方法做一条蓝色的曲线光束。与之前那条绿的交*。这时我把没有添加叠加图层的图放在旁边对比一下，你就能看出来区别了。有叠加图层的交*部分更“亮”一些，这就是我们需要的细节。
9.按照这个原理，我们可以再添加一些各种各样的的弧线、路径等，得到这样的效果。至此，彩色弧线部分完工！
10.然后我们来制作后面那些像透明纱幕一样的背景。
虽然刚才做好的彩色弧线很漂亮，不过我们现在先把他们隐藏起来专心制作下面的部分：
新建一个路径，白色填充，不要边框，如图：
11.如图，先分成小步：
1.先对这个路径添加内侧阴影滤镜，
2.在滤镜设置里选中“去底色”选项。
3.得到这样的结果。
12.不过边缘太清晰了，我们需要让它更“虚”一点。于是我们把这个路径的边缘设成“羽化”效果，调整羽化大小，我这里设成了10。
13.我们发现这条“纱幕”从上到下都是贯通的比较死板，我们来给它加个渐隐效果。
按照刚才给弧线添加蒙板的方法，我们给这个路径添加一个蒙板。这次蒙板使用上下线性渐变。
对了刚才忘记说明一点这里补充。添加了发光效果的路径，我们给它添加蒙板的时候需要先Ctrl G把它和挂载的滤镜效果进行“组合”，或者干脆把它Ctrl Shift Alt Z进行“平面化”（如果你之后不打算再修改它），否则添加蒙板之后，刚才挂载在弧线上的滤镜效果就会应用于蒙板上了。
其他任何挂载过滤镜的图层我们给它添加蒙板的时候最好都先他它进行组合。不知道这算不算是FW的一个bug呢……
好了，我们先把这个羽化后的路径Ctrl G组合，然后把刚才做的线性渐变填充的路径粘贴为它的蒙板。
14.再新建一个三角形路径，白色填充不要边框，透明度设成30，可自行调整。
15.然后重复刚才的操作，羽化>>>组合>>>新建渐变填充路径>>>粘贴为蒙板
16.用这种方法完成背景的制作。
17.再把刚才的弧线显示出来，不错吧：）
18.再来加个标题。新建一个矩形，这次加上边框。把边框的颜色设置得比填充亮度高一些。
19.设置矩形的图层混合模式为“叠加”。再加上文字，大功告成！
篇5：PS制作水晶风格博士帽图标
本教程详细介绍透明水晶风格博士帽图标的制作方法，制作的效果非常逼真，细节也处理得相当不错。不愧为国外大师的作品。
最终效果
第一步 首先创建一个新文档，背景色选用浅灰色(#d6d6d6)。
第二步 让我们用形状工具（矩形）来制作整个图标的基础。颜色现在来说无所谓，因为我们现在只是用它来做为标准。
第三步 用变形工具（Ctrl T）将我们创建这个形状旋转九十度，然后减小它的高度第四步 现在我们需要设置这个形状的中点，使用Ctrl R打开标尺，按照下图设置你的辅助线。
第五步 现在将刚才的形状复制一层，并将复制后的图形向上移动使复制后得到的形状的下端对齐原来的形状的上端，然后再在复制后的形状的顶端添加辅助线。然后你就可以把复制的形状删除掉。
第六步 现在使用钢笔工具创建菱形的左侧，使用橙色（#FEB624）填充。第七步 现在使用第六步的方法来创建菱形的右半部分，但是现在填充的颜色改为更暗一点的橙色（#E49E11）。
第八步 现在移动蓝色的图层到所有图层的上部。然后移动形状的位置，像我那样。然后使用变形工具将它变得大一点。
第九步 这个形状将是整个帽子的顶部。将它命名为Top part并且使用较为亮的橙色（#FFD931）填充。然后复制一层。第十步 向Top part 的复制图层命名为border，使用（#EB14F00）填充，现在移动Top part图层到border图层的上面。
第十一步 选中border图层，现在按一下“向下键”，将使这个形状向下移动一个像素。接下来按住“Alt键”的同时按“向下键”四次，这步操作将会复制border图层四次。
第十二步 现在合并所有的border图层，现在你可以关闭辅助线了，因为我们已经不需要它们了。到“视图〉显示〉参考线”，设置它们不显示。第十三步 帽子的形状画完了，现在我们需要让它看起来更漂亮一点，
我们从最上面开始。选择Top part图层，然后在所有的图层上面创建一个新图层。为前景选择橙色。在图层浮动栏里面选择Top part，按住Ctrl点击，形成选区。在刚创建的图层上使用渐变工具做一个垂直填充。
第十四步 现在我们来制作边缘的高光反射。我们使用钢笔工具来完成它，具体你可以看下面的示意图，然后将图层的透明度改为30%。
第十五步 接下来我们要修改菱形的右半部分，首先使用十三步的方法形成菱形右半部分的选区，创建一个新图层，使用渐变工具做一个从左到右的渐变填充（#E37A05）。第十六步 菱形的左侧我们将使用一个不同的方法，边缘使用高光反射。同样30%的透明度，具体参看示意图。
第十七步 现在我们需要给左半部分添加一些光照。同样创建新图层，Ctrl点击，渐变填充，将图层的叠加效果给魏叠加。第十八步 接下来让我们制作顶端的阴影。这个阴影会表现在椎形体的上面。创建一个新图层，并将图层移动到border的下面，命名为shadow1。使用钢笔工具做一个形状类似我那样。设置透明度为30%。
第十九步 在Top part的中央做一个橙色（EC54400）的圆。然后使用变形工具适当的减小它，并减小它的高度。
第二十步 现在使用钢笔工具制作一个形状类似于示意图中的形状。第二十一步 制作一个小的蓝色的圆在刚才我们制作的形状的下端。
第二十二步 这将是我们的最后一件事情了。这里我们将用到画笔工具和钢笔工具。让我们在蓝色的小圆圈图层下面创建一个新图层。使用钢笔工具在图层上面画一条垂直的路径。
第二十三步 使用下面的画笔设计和颜色（#EE4C05）。第二十四步 选择路径右击选择描边路径。
第二十五步 重复上一步，但是每一次我们创建一个新的描边，并使它们在不同的图层。同样，要使用不同的颜色第二十六步 现在你可以合并所有的图层，给它命名为mot。现在我们剩下的工作就是给它添加投影了。
第二十七步 剩下的事情包括：更多的高光，使它更加闪耀，制作一个反射，给它加一个投影，加一个地板。回头浏览一下前面的步骤，我所有用的的仅仅是画笔工具，钢笔工具和渐变填充。
篇6：PS绘制质感快递图标
这篇PS绘制质感快递图标教程也是我昨天学习的时候看到的，今天有时间连同这个一起给的朋友们推荐过来了，希望对的朋友们有用吧，喜欢的朋友们记得给我好评了，先来看看最终的效果图吧：
FEVTE编注：更多PS照片处理教程学习和PS制作的文字效果作品交流请进入论坛PS照片处理区：bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
篇7：PS绘制质感电子邮件图标
FEVTE编注：更多鼠绘教程讨论交流和鼠绘作业提交请进入论坛PS鼠绘交流区：bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=90
具体的绘制步骤如下：
新建文档1280x1024像素，背景白色，建新层填充黑色，添加图层样式。
效果如下。
建新层，画一正圆选区填充黑色。
添加图层样式。
效果如下。
建新层，画一个小的正圆选区，填充黑色。
添加图层样式。
建新层，画一个小的正圆选区，填充任意颜色(我填充的是蓝色)。
添加图层样式。
效果如下。
建新层，用钢笔画出下图所示路径，转为选区填充白色，图层模式叠加，不透明度18%，
建新层，用白色柔角笔刷点一下，适当高斯模糊，作为高光，然后输入字母@。
建新层，用钢笔工具画一个黑色箭头。
添加图层样式。
效果如下。
建新层，用钢笔画下图所示选区，填充#3fb6e9。
建新层，用钢笔画出下图所示选区，填充黑色。
添加图层样式。
效果如下。
建新层，用钢笔做出下图所示选区，填充#0061ac。
建新层，用白色柔角笔刷点一下，适当高斯模糊，作为另一个高光(下图黑框)，建新层，用钢笔做下图选区，分别填充相应的颜色。
建新层，用钢笔做出下图所示选区，填充白色。
添加图层样式。
最后添加一个阴影，最终效果如下。
FEVTE编注：更多鼠绘教程讨论交流和鼠绘作业提交请进入论坛PS鼠绘交流区：bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=90
篇8：PS绘制质感苹果图标
FEVTE编注：更多鼠绘教程讨论交流和鼠绘作业提交请进入论坛PS鼠绘交流区：bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=90
具体的绘制步骤如下：
新建文档1280x1024像素，建新层填充黑色，添加图层样式。
效果如下。
建新层，用钢笔勾出苹果外形，填充黑色。
添加图层样式。
效果如下。
建新层，用钢笔勾出白色高光区域。
添加蒙版，用黑色柔角笔刷涂抹，效果如下。
为了让大家看清楚，暂时将高光层隐藏，建新层，用钢笔画出下图所示形状，填充白色，
不透明度改为25%，显示高光层。
建新层，用钢笔画出下图所示形状，填充白色。
添加蒙版，用30%左右透明度的黑色笔刷涂抹，效果如下。
同样的方法。
建新层，用钢笔勾出叶子形状，填充黑色。
图层样式和苹果身体的一样，效果如下。
同样方法做出叶子的高光区域。
最后添加一个阴影，效果如下。
改变渐变叠加的颜色，其它效果。
FEVTE编注：更多鼠绘教程讨论交流和鼠绘作业提交请进入论坛PS鼠绘交流区：bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=90
篇9：PS制作质感按钮
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鼠绘玻璃桌
【PS制作Vista风格质感图标（整理9篇）】相关文章：
Excel会计应学鲜为人知的技巧2023-07-03
PS绘制立体质感箭头图标2022-11-27
美图秀秀打造神秘哥特式LOMO照片2023-02-14
PS打造漂亮质感立体字2023-12-07
PS打造塑料质感立体文字效果2023-10-28
关于桌面的图标都变成lnk文件如何解决2022-07-19
什么情况下使用table 什么情况下使用css(经验)2022-08-21
PS制作蛋糕质感文字效果2023-07-15
PS打造超强质感的古铜肤色教程2022-05-06
PS绘制简洁时尚紫色高光图标2022-10-17