首页 > 范文大全

PS鼠绘水晶质感按钮

时间：2025年01月10日

来源：tom_jarey

编辑：本站小编

收藏本文

下载本文

以下是小编精心整理的PS鼠绘水晶质感按钮，本文共7篇，仅供参考，希望能够帮助到大家。本文原稿由网友“tom_jarey”提供。

篇1：PS鼠绘水晶质感按钮

这篇教程教的朋友们用PS鼠绘水晶质感按钮，教程属于比较基础的鼠绘教程，绘制难度中等。主要介绍的是用PS的渐变和加深减淡工具来表现质感。希望的朋友们喜欢这篇教程。先来看看最终的效果图：

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

具体的制作步骤如下：

1、新建一个800 * 600 像素的文本，选择渐变工具，颜色设置如图1，拉出图2所示的线性渐变作为背景。

图1图2

2、新建一个图层，用椭圆选框工具在画布的中间位置拉出图3所示的正圆选区。选择渐变工具，颜色设置如图4，拉出图5所示的径向渐变。拉好渐变后暂不要取消选区。

图3图4

图5

3、新建一个图层，把选区向下移一个像素后填充深灰色：#424242，填色后再把选区向下移动几个像素，按Ctrl + Alt + D 羽化6个像素如图7，然后按Delete 删除，效果如图8。

图6图7图8

4、同上的方法再制作顶部的高光带，选择的颜色为：#AEAEAE，如图9，10。

图9图10

5、新建一个图层，在原正圆的中心位置再拉出图11所示的正圆选区，选择渐变工具，颜色设置如图12，拉出图13所示的径向渐变。

图11图12图13

6、新建一个图层，按Ctrl + Alt + G 与前一图层编组。再在当前图层下面新建一个图层，用钢笔勾出图14所示的选区，羽化15个像素后填充颜色：#0F0F0F。

图14

7、新建一个图层，用钢笔勾出图15所示的选区，羽化15个像素后填充白色，把图层不透明度改为：20%，效果如图16。

图15图16

8、新建一个图层，用钢笔勾出下图所示的选区，羽化10个像素后填充颜色：#323232，图层不透明度改为：50%，

图17

9、在图层的最上面新建一个图层，用钢笔勾出下图所示的选区，填充白色，图层不透明度改为：10%，确定后把选区保存，加上图层蒙版，用黑色画笔把中间部分擦出来，效果如图19。

图18图19

10、新建一个图层，用钢笔勾出图20所示的选区，填充白色，图层不透明度改为：10%，加上图层蒙版，用黑色画笔把中间部分擦出来，效果如图21。

图20图21

11、调出刚才保存的选区如图22，按Ctrl + Shift + I 把选区反选，用黑色画笔把底部涂上阴影，效果如图23。

图22图23

12、新建一个图层，用白色画笔把顶部涂上白色高光，如图24，25。

图24

图25

13、新建一个图层，用钢笔勾出图26所示的选区，羽化15个像素后填充黑色，图层不透明度改为：60%，效果如图27。

图26图27

14、新建一个图层，用钢笔勾出图28所示的选区，羽化25个像素后填充黑色。

图28

15、新建一个图层，用钢笔勾出图29所示的选区，填充颜色：#474747，效果如图30。

图29图30

16、新建一个图层，用钢笔勾出图31所示的选区，填充白色作为底部高光，其它高光制作方法相同，效果如图32。

图31图32

17、创建亮度/对比度调整图层，参数设置如图33，适当加大对比度，效果如图34。

图33图34

最后调整一下细节，完成最终效果。

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

篇2：PS鼠绘水晶质感按钮教程

这篇教程教的朋友们用PS鼠绘水晶质感按钮，教程难度不大，主要通过图层样式和渐变来表现水晶质感，转发过来和的朋友们一起学习了，先来看看最终的效果图吧：

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

具体的制作步骤如下：

新建文档1280x1024像素，背景白色，建新层填充玄色，添加图层样式

效果如下，

建新层，画一个白色圆角矩形。

添加图层样式。

效果如下。

建新层，画一个小的圆角矩形，颜色#f7bdd6

高斯模糊一下

添加外发光样式

不透明度改为80%，效果如下

建新层，同样方法作出下图所示的白色高光，不透明度80%左右

建新层，画一个小的白色圆角矩形

添加图层样式

效果如下

合并除背景外所有层，复制一个挪到底部，ctrl+T垂直翻转，高斯模糊一下，然后添加玄色文字，效果如下

复制几个，改变颜色，其它效果

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

篇3：PS鼠绘质感玻璃按钮

这篇教程教的朋友们用PS鼠绘质感玻璃按钮，教程绘制的按钮质感很强，关于PS体现质感有兴趣的可以看看这篇教程plan.fevte.com/ps/new/new-21302.html

先看看这篇教程制作的效果：

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

具体制作步骤如下：

1、首先，我们会建立一个漂亮的蓝色玻璃球，然后做一完美的金属边框。这个图会非常的好看，尽管看上去没有那么好看，是因为图片是GIF的格式。

好了，让我们开始吧。首先创建一个文件，（你可以任意设置大小）我用的是800x600像素，背景透明。将前景色设置成#373737，背景色#181818，然后使用“滤镜>渲染>云彩”命令。

2、运行“滤镜>像素化>马赛克”，用以下设置。

3、“滤镜>锐化>锐化”，重复这个步骤2—3次，直到效果如下面这张图。

4、创建一个新图层，在背景层上。用渐变工具（径向渐变）在画面上拖拉（基本是这个意思）。

5、将图层属性设置成“变亮”

6、前景色#0090ff，用圆形工具在画布中间画一个大圆。

7、将圆的图层属性添加成如下：基本上都能看懂吧。。强调一下浮雕的属性吧：枕状浮雕/雕刻清晰

9、用长方形工具建立四个长方形，像窗子一样。确定这些长方体在一个图层，大小一致，间距一样，

10、滤镜>扭曲>球面化

11、重复上述动作3次。

12、ctrl+T调整大小，图层透明度10%

13、现在我们要让我们的球看起来更像一个玻璃。建立一个圆形选择区。

14、选取填充成白色，添加蒙版，前景色和背景色设置成黑色和白色，用线性渐变工具拖拉，从球的底部拖拉。现在这球的下半部分渐变消失与球体融合。图层透明度设置成10%

15、重复这个步骤，将选择区域变大一点，往下移动一点。图层透明度15%

16、复制第一个白色圆形图层，垂直翻转放到球体底部去。确保图层在球体图层上面。

17、球体完成了！现在我们制作外部的金属圈。用椭圆工具建立一个大的白色的圆，要比玻璃球大哦。

19、将大球的图层放到玻璃球图层的下面。添加图层属性。浮雕/内斜面/雕刻柔和

20、效果如下

21、按住ctrl键单击图层（这位同仁教程可真细致啊），你可以得到一个选区，在金属边框上面建立一个

新图层，执行“编辑/描边”。

22、之所以做这一步是因为，这样不会有边界锯齿。最后添加螺丝、刻字等细节就可以了。

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

篇4：PS鼠绘水晶质感图标

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

具体的绘制步骤如下：

新建文档1280x1024像素，建新层，填充白色，添加图层样式

效果如下。由于渐变颜色很暗，画面基本没有变化

建新层，画一个白色圆角矩形。

添加图层样式

效果如下。

建新层，调出圆角矩形选区，编辑>描边

为描边层添加样式

效果如下

建新层，调出圆角矩形选区，选择>修改>扩展3像素，填充白色

做如下正圆选区，删除

图层模式改为叠加，不透明度50%

输入玄色文字Ps，尺寸200点，添加图层样式

效果如下

下面制作图标的倒影，将所有图标层合并(除了文字层)，ctrl+T垂直翻转，挪到下图位置

添加蒙版，黑白直线渐变，图层不透明度50%

终极效果如下

按照上面的方法做出其它图标，更改颜色即可，如下

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

篇5：PS鼠绘超酷黑色质感按钮

这篇教程向网的朋友们介绍用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。

篇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/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=71

本教程原作者是gloom_sunday，这里感谢您的经验分享，

PS鼠绘水晶质感标志教程

，

将本文的Word文档下载到电脑，方便收藏和打印

推荐度：

点击下载文档