PS鼠绘质感玻璃按钮-盘古文库

PS鼠绘质感玻璃按钮

资料大全

来源：莲生三十二

作者：开心麻花

2025-09-19

PS鼠绘质感玻璃按钮（精选12篇）

PS鼠绘质感玻璃按钮第1篇

这篇教程向网的朋友们介绍用PS鼠绘超酷黑色质感按钮，绘制过程难度一般，主要还是希望大家能够更熟练的掌握和运用PS，我们先来看看最终效果图：

新建一个800*700px的文档，然后填充背景色为黑色

1、画一个正圆充黑色[图层1],外发光、渐变叠加，图层样式如图。

2、复制两个正圆[图层2、图层3]，填充白色，先隐藏上面的白色正圆[图层3]，将起下面的白色正圆[图层2]缩小1-2个象素，调整透明度为8%。

3、显示刚隐藏的正圆[图层3]，用矩形选框工具画个方形，调整角度，羽化20，按delete删除，调整透明度为15%。

4、复制黑色正圆[图层1]填充白色为[图层4]，置为顶层，按ctrl鼠标点该图层，得到选区，将选取缩小1-2个象素，按delete删除，得到一个圆形边框线[图层4]。用橡皮擦修改圆形边框线[图层4]，如图效果。[在这里是为了更直观，才把改图层移动到旁边，实际中圆线[图层4]，是不需要移动位置的。]

5、新建一个[图层5]，画个同心正圆，填充黑色，

6、复制圆形边框线[图层4]，置为顶层，缩小如图。

7、复制[图层5]得到一个同心正圆，填充白色为[图层6]，置为顶层，添加蒙板，利用渐变做出如图，调整透明度，这里为60%。

8、再复制[图层5]得到一个同心正圆，填充白色为[图层7]，按ctrl鼠标点该图层，得到选区，移动选取到适合位置，按delete删除，得到一个月牙[图层7]，用橡皮擦修改月牙[图层7]，如图效果。[在这里是为了更直观，才把改图层移动到旁边，实际中月牙(图层7)是不需要移动位置的。]

9、新建一个[图层8]，画2个小圆，然后虚化，如图，调整模式为柔光。

10、新建一个[图层9]，画一个图形如图。

11、对[图层9]外发光、渐变叠加，图层样式如图。[为了效果先隐藏图层9]

12、再复制[图层9]得到图形，填充白色为[图层10]，按ctrl鼠标点该图层，得到选区，缩小选取1个象素，按delete删除，得到一个外框线[图层10]，用橡皮擦修其外框线[图层10]，如图效果。

13、显示隐藏的图层9。

PS鼠绘质感玻璃按钮第2篇

PS鼠绘质感天气图标

，

PS鼠绘质感开关图标第3篇

用椭圆工具U做另一个正圆比前一个小点，颜色＃0d0d0e然后应用样式。笔刷B大小200px，硬度0%颜色白＃ffffff画个白点混合选项柔光，透明度80%，转换为剪贴蒙版。再新建图层，笔刷一样的颜色黑＃000000在圆的底部画。转换为剪贴蒙版。

再用U画个正圆比上一个只小一些像素颜色＃1a1a1b，用直接选择工具将下顶点上移一些像素。应用图层样式（如图）。导入Grunge texture。设置线性减淡透明度10%。新建图层笔刷一样的用＃ffffff刷形状的下面，混合选项柔光，创建剪贴蒙版。

PS鼠绘逼真质感草莓图标第4篇

FEVTE编注：更多鼠绘教程讨论交流和鼠绘作业提交请进入论坛PS鼠绘交流区：bbs.fevte.com/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=71

首先，对有有绘画基础的，那应该就是先画线稿了。如图1.

但对于新手，这种画，应该如何下手呢，我建议用拆分法

问：如何拆分，怎么拆分呢？

请看图2，我们占时把草莓分成2块吧，一块绿叶，一块麻子脸（我喜欢这么叫它）。

对于新手，我们首先用钢笔工具勾勒出草莓的外形，然后，开始填色。

问：如何绘制草莓的麻子脸？

请看图3，我们看到，草莓长了很多麻子。真的很多。长这么多麻子脸，这丫的竟然还是水果皇后。100多个麻子，画到想死有木有，并且每一个麻子还不一样，

还不能复制张贴。当然，愿意偷懒的童鞋，可以复制张贴。麻子的绘制过程如图4。为了亲，我特意做成大图，让亲们看的更清楚。依旧是钢笔工具。你问我钢笔

在哪里，猛击键盘“P”。然后填色，加内阴影。麻子坑的色值：ba1508。因为光照效果的不同，不可能每个都是这个数值。至于内阴影，1像素左右就够了。你说，

我的为什么那么大，废话，我是放大图，

麻子的色值：f1a017。然后，你可以加上投影，加上斜面浮雕，这些不重要。跟麻子坑一样，不可能每个都这样。然后，

就是100多个麻子的绘制过程，此处省略1万字。。。。无比悲催的过程。

神马，你说我没教你画那个脸。这个这个，这个画笔一笔一笔刷的。你说我该肿么告诉你，等我有空整个视频吧。我已经把麻子移开了。你也应该看的懂了。

主要还是阴影与高光以及反光的练习。

问：如何绘制草莓的绿叶？

请看图5，绘制过程跟画麻子一样。钢笔上色，注意阴影与高光，以及反光，投影。绿叶的画法很多，下期苹果，将为你介绍令一种画法。敬请期待。

问：新一是不是用数位板画的？

不是，直接用鼠标画的，数位板摆在旁边看着我画。o(∩_∩)o

FEVTE编注：更多鼠绘教程讨论交流和鼠绘作业提交请进入论坛PS鼠绘交流区：bbs.fevte.com/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=71

注：如本网的文章涉及版权等问题，请作者与我联系，我将在第一时间删除。谢谢！

Note: If my site reproduced of copyright issues, please contact me on, I will delete the first time. Thank you!

PS鼠绘一个漂亮的网页按钮第5篇

1、打开Photoshop，然后新建一个文档250*150，并填充背影：#252a38。

图1

2、在工具箱上选择椭圆图标并设置如图：

图2

新建一个图层，然后填充一个颜色。

图3

3、在调色板上设置如下：

图4

使用渐变，渐变如下：

图5

4、双击图层，打开图层样式，给图层添加阴影。

图6

再添加一个描边，但是这样描边和平常不太一样，是用渐变抽边，设置如图所示。

图7

图8

5、在工具箱上选择加深和减淡工具，设置如图：

图9

然后在图所标识的地方，涂沫如下，

图10

效果如下：

图11

6、选择椭圆选区，作出效果如下。

图12

7、添加渐变，设置如图：

图13

从上而下线性渐变

图14

按ctrl+D取消选区，并更改图层的不透明度：40%，混合模式为：opacity。

图15

8、现在使用文字工具，添加文字并设置图层样式。

图16

图17

效果如下：

图18

9、添加下面的文字，效果如下：

图19

10、在这个网站下载图标。然后导入photoshop，按ctrl+U，设置如下，最后更改混合模式：overlay。

图20

图21

你也可以做像这样的导航菜单：

PS鼠绘质感逼真的可乐罐子第6篇

具体的绘制步骤入下：

步骤1

在Photoshop里新建一个800*800px的画布

步骤2

创建一个垂直参考线和一个水平参考线。视图新建参考线，选择水平和应用50%的位置。做同样的垂直参考线。

步骤3

使用一个图片供参考(虽然我没有完全按照真实的形式)。

步骤4

用钢笔工具(P)，开始画只是一半的红色形状。

步骤5

Alt+左键，复制，然后按ctrl + T，水平翻转。

步骤6

现在用钢笔工具合并两个图层，或者栅格化图层，ctrl+E向下合并，现在是一个整体的易拉罐圆图形。

步骤7

选择不同的颜色，重复的顶部和底部部分的步骤。确保形状层顶部和底部的红色形状图层，也就是如图的顶边和底边。(或者用圆角矩形工具和钢笔工具画出来。)

步骤8

复制红色形状图层，光标位置之间的两个红色形状图层，在两个图层之间，按住Alt +左键并单击创建剪切蒙版。如下图：

步骤9

我们来到了有趣的部分! 我们要让易拉罐看起来很逼真。选择命名为 Main shape的图层，打开混合选项面板(右键单击层混合选项)，渐变叠加，设置如下:

(#ca1112、#e7807e、#db3c36 、#d42113、#d72114 、#e88a89 、#e96c69 、#ed261c)

步骤10

用钢笔工具(P)，创建一个新的黑色的形状，然后放置如下(图层放在Main shape图层之上)：

步骤11

右键单击黑色形状图层，将它转换为智能对象，然后执行滤镜模糊高斯模糊并输入值为14。最后，使新形状层剪切蒙版，就像你在步骤8。填充更改为70%。

步骤12

用钢笔工具画出如下的图形。

步骤13

将它转换为智能对象，高斯模糊2，填充改为40%。建立剪切蒙版，设置混合模式为叠加。

步骤14

创建一个新的形状，如下图，并命名为：水平div1。

步骤15

将它转换为智能对象并设置它与在前面的步骤一样的剪切蒙版。设置混合模式为柔光，高斯模糊值为4。

步骤16

Cmd / Ctrl +易拉罐主图，出现选区，选择它的形状，然后创建一个新层，用软边画笔24px，画一条直线在同一地方，

如下图：

步骤17

将该图层设置为柔光。添加一个图层蒙版，选择黑色作为前景颜色和画笔大小60 px。在图层蒙版中擦去一部分，如下图名字这一层的水平div2。

步骤18

与上面步骤相同，Ctrl+易拉罐主图，选出易拉罐的选区，创建一个新层，选择 #eeb946 作为你的前景颜色，选择一个软边画笔，大小为100 px，画直线从顶部到底部。

步骤19

设置混合模式为柔光，不透明度到70%。然后添加一个图层蒙版，选择黑色作为你的前景颜色，画笔大小更改为65 px，流量30%。开始画右边一个淡黄色，为了使它可见略低于左侧，但没有完全消除它。如下图：

步骤20

用钢笔工具画一个如下图形：

步骤21

将它转换为智能对象，高斯模糊值为15。设置混合模式为叠加。

步骤22

创建新的形状图层，黑色，并放置如下图的位置。这一层命名“中间阴影”。

步骤23

把最新的形状层智能对象，设置混合模式为柔光叠加，高斯模糊值10。按下Ctrl / Cmd + J复制图，图层的不透明度设置为40%

步骤24

创建两个新形状图层，将它们像下图。可命名为Brim1，Brim2。

步骤25

每个形状转换为智能对象，设置混合模式为柔光叠加，高斯模糊值10。

步骤26

用钢笔工具画一个如下图的形状。

步骤27

形状转换为智能对象，设置混合模式为叠加，高斯模糊值为7。

步骤28

现在让我们集中注意做的前部分红色形状。定位两层负责顶部的水平黑暗线(我们叫他们“水平div1和”水平div2)。用黑色作为前景颜色，选择图层蒙版，用软倒圆边刷大小45 px和流量为30%，删除光经过的地方。

步骤29

创建一个新层，选择一个软边缘圆刷48像素大小和流量100%。画一个圆圈在顶部(略高于线)。设置混合模式为叠加，复制图层。

步骤30

边缘还是有点亮，让我们调整一下。选择两边的黑色边Brim1，Brim2，图层样式以下设置:

内阴影：

步骤31

同时让我们把中间的黑色阴影降低一点。这次，Cmd / Ctrl +易拉罐图形。创建一个新层，选择软软圆边笔刷，大小48 px和流量为30%。在底部画一条直线，图层混合模式为柔光。

PS鼠绘立体质感杀虫剂图标第7篇

PS鼠绘立体质感杀虫剂图标

PS鼠绘质感玻璃按钮第8篇

PS按钮制作基础教程之制作黑色质感按钮

。效果图看上去非常简单，不过还是有很多细节需要用心去处理，如果按钮的高光及倒影部分。教程只是一个提示，学会了就可以作者其它类似的效果。

最终效果

1、新建一个120 * 50的文档，背景填充颜色：#838383，选择圆角矩形工具，半径设置为10像素。然后拖曳出一个大小适当的圆角矩形，位置偏上，因为最后将添加投影。圆角矩形的颜色为：#111111。

2、双击形状图层或者通过右键菜单进入图层样式选项，参数设置如下图。

大致效果图。

3、新建一个图层，选择铅笔工具，设置铅笔大小为2像素，前景颜色设置为：#eee1cd，如下图所示画一条高光线。

双击或右键此图层进入图层样式选项，参数及效果如下图。

4、依然选中铅笔图层，点击图层下面的蒙蔽按钮，添加图层蒙版，然后选择渐变工具，颜色设置及渐变方式如下图，由中间向左拉出透明渐变，效果如下图，

5、选择钢笔工具，绘制下图所示的梯形，执行：滤镜 >模糊 >高斯模糊，此时被询问“是否栅格化图层”。选择“是”，然后输入数值：0.6。

6、按住Ctrl 的同时单击形状1，此时出现形状1的选区，按Ctrl + Shift + I 反选选区，然后按Delete 删除形状2图层的多余部分，效果如下图。用复制 + 水平翻转得到另一半的圆形，效果如下图。

7、在最顶部新建一个图层，按Ctrl + 单击形状1得到选区，然后选择菜单：编辑 >描边，参数设置如下图。

PS鼠绘质感玻璃按钮第9篇

PS按钮制作基础教程之制作灰色圆形质感按钮

。另外按钮以水质质感为主，需要用图层样式控制好光感。

最终效果

1、新建一个大小适当的文档，背景填充灰色。

2、新建图层，选择“椭圆”工具进行绘制。

3、为“形状 1”添加图层样式“投影”效果。

4、更改“形状 1”的填充为“0%”。

5、新建图层，使用“椭圆”工具进行绘制，

6、为“形状 2”添加图层样式效果。

7、复制“形状 2”，重新设置其图层样式。

8、更改“形状 2 副本”的填充为“0%”。

PS打造质感超强水晶游戏按钮第10篇

这篇教程教脚本之家的PS鼠绘学习者们使用PS打造质感超强水晶游戏按钮，教程制作出来的按钮挺漂亮的，比较适合运用到游戏网页设计的界面当中，推荐一下，喜欢的朋友给个好评吧!先来看看最终的效果图吧：

具体的制作步骤如下：

一、首先我们来制作背景，新建1200600的画布，然后新建图层，打开油漆桶工具，填充#101010，之后再执行滤镜-杂色-添加杂色，数量为1%，最后给这个图层新建图层组，命名为背景

二、打开圆角矩形工具，设置半径为2px，新建图层并绘制一个长方形，复制这个长方形三层并把他们的填充都改为零，分别命名为边缘、内部、质感效果，首先隐藏其他两个图层，先对边缘图层进行图层样式的设置

接下来设置内部图层样式

接下来设置质感图层样式，将此层的不透明度改为25%

此时的效果

目前整体来说缺少了些纹理，少了些高光，打开一张纹理底纹素材并将它放到内部图层的上方，按住Ctrl然后点击内部图层出现蚂蚁选区，然后再点击纹理图层创建图层蒙板，图层模式改为叠加，不透明度45%

为了使我们的效果更加具有质感，因此在创建一个高光图层，使用柔角白色画笔在按钮的上方涂上几笔，然后图层模式改为叠加，不透明度为85%

PS鼠绘质感玻璃按钮第11篇

这篇教程是向脚本之家的朋友介绍PS鼠绘超强金属质感的枪械app图标方法，教程制作出来的图标非常的出彩，这篇PS鼠绘超强金属质感枪械图标除了造型的处理之外更加独到的是对质感的处理，真的很牛B，

PS鼠绘超强金属质感的枪械app图标

，

我非常喜欢这篇教程中的质感表现手法。推荐过来和脚本之家的朋友们一起分享一起学习了，我们先来看看最终的效果图吧：

PS鼠绘质感玻璃按钮第12篇

这篇教程教脚本之家的PS鼠绘学习者们使用PS鼠绘一枚酷炫质感的方形机械图标，教程绘制出来的图标挺漂亮的，绘制的难度一般，推荐一下和脚本之家的朋友们一起分享学习了，我们先来看看最终的效果图吧：

Step 01

点击【文件】【新建】(快捷键Ctrl+N)新建一个新的图像，命名好并把宽度设置为800px，高度为600px，分辨率为72dpi，然后点击确定，记得顺手保存文件(快捷键Ctrl+S)，

Step 02

选择【圆角矩形工具】(快捷键U，可按Shift+U切换)，在画布点击【创建圆角矩形】弹出层，设置宽度为180px，高度为180px，半径20px，并勾选【从中心】，然后点击确定;

Step 03

重命名图层为di，右键设置图层样式：

【斜面和浮雕】：样式：内斜面、方式：平滑、深度100%、方向：上、大小3、软化1、阴影角度90°、勾选【使用全局光】、高度30°、高光模式颜色#dedede、阴影模式颜色#262626、

【渐变叠加】：线性渐变，色值从上到下为 #333333 #c6c6c6，角度为90°;

复制di图层重命名为di_bian，选择右键清除图层样式，填充颜色改为# 616161;按住Ctrl键点击图层载入选区，向上移动两像素，再反向选区(快捷键Shift+Ctrl+I)，再点击【图层】窗口的【添加图层蒙版】;

Step 04

制作残旧金属纹理部分，这一步采用的是素材图片嵌入和笔刷绘制，可在网上搜索关键字：残旧、颓废、喷溅、金属等字眼下载相关素材，ps：本教程所用到的图片跟笔刷连同图标源文件psd均有提供(见附件下载或者网盘链接)，笔刷如何载入请自行百度，谢谢!

金属纹理主要是不断通过设置图层的混合模式和不透明度的参数值叠加调试而成的，本教程调试后的参数如下：

01 采用素材图片 Rust_5.JPG，混合模式：正片叠底，不透明度70%;

02 使用笔刷，颜色#8c8c8c，不透明度30%;

03 采用素材图片纹理.png，混合模式：变暗，不透明度30%;

这一步可自由发挥，自己觉得金属图片哪块可以作为纹理即用就可，参数也可自己调试叠加，以实际效果为主;

Step 05

制作金属破损处，选择【钢笔工具】(快捷键P，可按Shift+P切换)，绘制几个不规则多边形，形状自由发挥自定，配置金属纹理背景，颜色深点即可，此处举例：填充颜色#777777，设置图层样式：

【内阴影】：正片叠底，填充颜色#464646，角度90°，距离1px，阻塞0，大小1px;

再复制图层载入选区，填充颜色为#FFFFFF，向上移动一像素，反向选区(快捷键Shift+Ctrl+I)，再点击【图层】窗口的【添加图层蒙版】。其他破损处也是使用这种操作方法;

Step 06

复制图层di重命名为nei_di，点击【编辑】【自由变换路径】(快捷键Ctrl+T)，缩小90%(记得点击【保持长宽比】)，右键清除图层样式，选择【混合选项】设置：

【渐变叠加】：线性渐变，色值从上到下为 #4b4b4b #98988d，角度为90°;

【投影】：正片叠底，颜色#20，角度90°，距离5px，扩展0，大小8px;

Step 07

绘制备份图标，选择【椭圆工具】(快捷键U，可按Shift+U切换)，在画布上按住Shift键画一个正圆，再选择【椭圆工具】，并选择路径【减去顶层形状】，画一个圆环，选择【钢笔工具】(快捷键P，可按Shift+P切换)，并选择路径【合并形状】，在圆环右边处画一个三角形，最后再选【钢笔工具】，并选择路径【减去顶层形状】，画一个缺口，完成备份图标，重命名为backup，填充颜色#202020，设置图层样式：

【描边】：大小3px，外部，线性渐变，色值从上到下为 #787878 #484848，角度为90°;

【内阴影】：正片叠底，颜色#474747，角度90°，距离3px，阻塞0，大小3px;

再复制图层backup重命名为backup_bian，载入选区，向上移动一像素，反向选区(快捷键Shift+Ctrl+I)，再点击【图层】窗口的【添加图层蒙版】，设置图层样式：

【渐变叠加】：线性渐变，色值从上到下为 #282828 #aeaeae，角度为90°;

Step 08

绘制螺丝孔：选择【椭圆工具】，在画布上按住Shift键画一个小正圆，大小自定适合即可，设置图层样式：

【描边】：大小2px，外部，线性渐变，色值从上到下为 #929292 #3b3b3b，角度为90°;

【渐变叠加】：线性渐变，色值从上到下为 #353535 #0c0c0c，角度为90°;

复制图层(快捷键Ctrl+J或者选择【移动工具】按住alt键拖动)，复制四个小圆分别放在四个角;

绘制插槽：选择【矩形工具】(快捷键U，可按Shift+U切换)，画一个长方形，大小自定适合即可，设置图层样式：

【描边】：大小1px，内部，颜色#606060;

【内阴影】：正片叠底，颜色#2c1d02，角度90°，距离1px，阻塞0，大小5px;