首页 > 范文大全

PS鼠绘漂亮超质感的旋钮

时间：2025年01月31日

来源：gd10086

编辑：本站小编

收藏本文

下载本文

这里小编给大家分享一些PS鼠绘漂亮超质感的旋钮，本文共9篇，方便大家学习。本文原稿由网友“gd10086”提供。

篇1：PS鼠绘漂亮超质感的旋钮

这篇教程是向脚本之家的朋友介绍PS鼠绘漂亮超质感的旋钮方法，教程制作出来的旋钮非常地漂亮，难度也不是很大，推荐到脚本之家，喜欢的朋友一起来学习吧

我一直很喜欢用图层样式模仿一些漂亮的东西，今天这个我就觉得很漂亮，虽然不知道这个旋钮是什么，但它没有花里胡哨的特效，干脆内敛。

下面是我临摹的效果，按惯例你会在2楼看到原图~

为了能跟大家有更好的互动，我打算边临摹边发帖，虽然在效率上会慢一点，但可以第一时间看到吧友的回复，如果有疑问的话还能随时解答。

这个是原图~

下面开始我的山寨之旅~

新建一个1000X1000，72分辨率的新画布~

新建一层，填充34%的灰色~

在当前这个层上右键选择“转换为智能对象”，你也可以在“图层”菜单里选择这个命令~

添加杂色~

再高斯模糊一点~

现在看上去跟原图的背景差不多了。这里我插一句，之所以我把这个背景层转成智能对象后再添加滤镜的好处是你万一觉得哪里不合适的话可以很方便的修改，比如你认为杂色不够的话可以直接双击图层下面的杂色栏修改数值，不需要重新来过~

布置两条居中的参考线，以参考线的交叉点为中心画一个直径为723像素的椭圆形状~

在想、圆形的下面用“合并形状”模式添加一个小圆形~

把填充透明度调至0，双击这个层进入图层样式，添加纯黑白的渐变，那些数值我不再重复，点击图片你可以看到大图里的数值~

继续添加内阴影~

外发光，

我添加一些杂色，这样外发光能很柔和的融入到同样带有杂色的背景里，不会太突然~

最后给这个层添加白色的“投影”，数值非常的小，模拟这个凹陷的圆形边缘厚度~

重新画一个直径为468像素的圆形~

从“椭圆1”层里复制小圆形~

粘贴到“椭圆2”，把路径操作模式改为“减去”~

同样把填充透明度调为0，在图层样式里添加黑白渐变。为了这个渐变能更好的模仿原图，你可以左键移动渐变的黑白分布~

投影~

像椭圆1一样，为了表示厚度添加白色的内阴影~

在“椭圆1”层按A点击小圆形，ctrl+j复制一层，移到顶层，ctrl+t把直径改为192像素，顺便把层的名称改为“椭圆3”。在图层样式里取消外发光，把渐变“反向”勾取消，其他不做改变~

继续把“椭圆3”复制一层，在图层上右键清除图层样式，ctrl+t把直径改为173像素~

填充透明度调为0，添加渐变，灰色选择42%~

斜面浮雕~

篇2：PS鼠绘超漂亮立体质感图标

这篇教程教的PS鼠绘超漂亮立体质感图标，教程绘制出来的图标个人挺喜欢的，虽然在扁平化这么火的时候，个人觉得，质感还是最美的，好了，我们先来看看最终的效果图吧：

FEVTE编注：更多PS鼠绘教程交流讨论及PS鼠绘作品提交请进入论坛PS作品交流区，地址：bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

篇3：PS鼠绘超漂亮牡丹花

效果图：

【点小图查看大图】

FEVTE编注：更多PS鼠绘教程交流讨论及PS鼠绘作品提交请进入论坛PS作品交流区，地址：bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

具体的制作步骤如下：

1、新建一个1000 * 800像素的文件，背景填充黑色，新建一个组，用钢笔勾出第一片花瓣的轮廓，转为选区后给组添加图层蒙版，如下图。

【图1】

2、在组里新建一个图层，选择渐变工具，颜色设置如图2，拉出图3所示的线性渐变作为花瓣底色。

【图2】

【图3】

3、新建一个图层，把前景色设置为淡粉色：#FBEAEE(后面花瓣的高光颜色都是用这种颜色)，用钢笔勾出下图所示的选区，羽化5个像素后填充前景色，确定后把图层不透明度改为：20%，效果如下图。

【图4】

4、新建一个图层，用透明度角度的柔边画笔把右侧部分涂上淡淡的高光。

【图5】

5、新建一个图层，用钢笔勾出图6所示的路径，转为选区后羽化3个像素，然后填充前景色，效果如图7。

【图6】

【图7】

6、新建图层，同上的方法多制作几条高光，效果如下图。

【图8】

7、新建图层，高光中间位置再用画笔涂亮一点，效果如下图。

【图9】

8、新建图层，同上的方法再制作中间的几条高光，效果如下图。

【图10】

9、新建图层，来制作范围较大的高光。用钢笔勾出图11所示的选区，羽化3个像素后填充前景色，取消选区后再用钢笔勾出图12所示的选区，羽化5个像素后按Delete删除，过程如图11 - 14。

【图11】

【图12】

【图13】

【图14】

10、新建图层，用钢笔勾出边缘部分的暗部选区，填充黄褐色：#CC711E，效果如下图，

【图15】

11、新建图层，用钢笔勾出暗部边缘的高光，转为选区后羽化4个像素，填充橙黄色：#FFC65D，确定后按Ctrl + Alt + G 创建剪贴蒙版，效果如下图。

【图16】

12、创建图案填充图层，选择默认自定的图案如图17，然后把缩放改为：60%，确定后把图层混合模式改为“柔光”，不透明度改为：50%，效果如图19。

【图17】

【图18】

【图19】

13、新建组，同上的方法制作其它的花瓣，过程如图20 - 23。

【图20】

【图21】

【图22】

【图23】

14、在下图花瓣的底部新建一个组。

【图24】

15、在组里新建一个图层，用套索勾出中间部分的选区，羽化20个像素后填充粉红色#E86568，如下图。

【图25】

16、新建一个图层，用钢笔勾出花蕊部分的选区，如下图，填充任意颜色。

【图26】

17、然后给花蕊部分添加图层样式，选择投影、斜面和浮雕、渐变叠加，参数及效果如下图。

【图27】

【图28】

【图29】

【图30】

【图31】

18、新建图层，添加一些小装饰，效果如下图。

【图32】

19、在图层的最上面创建亮度/对比度调整图层，适当增加对比度，参数及效果如下图。

【图33】

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

FEVTE编注：更多PS鼠绘教程交流讨论及PS鼠绘作品提交请进入论坛PS作品交流区，地址：bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

篇4：PS鼠绘漂亮质感木质书架

FEVTE编注：更多PS鼠绘教程交流讨论及PS鼠绘作品提交请进入论坛PS作品交流区，地址：bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

目前，很多小说阅读类APPS界面设计都采用了木质书架，这种方式无疑是一个完美的方式。今天，我们将指导您在Photoshop中创建一个木质书架。在本教程中，你会学到如何创造木材纹理等许多的方便、快捷的技术。所以，废话不多说，让我们开始吧！第1步在Photoshop中创建一个新的文档，一个600px的宽度和800px高度。第2步首先，我们将制作木质纹理。创建一个新层，选择“图层”>“新建图层”。使用油漆桶工具填充它可与任何颜色。设置前景和＃dc8a24的背景颜色＃ab540f。现在去“滤镜”>“渲染”>“纤维”。使用以下参数设置。第3步现在，请按Ctrl +“T”激活“自由变换”工具。把宽度设置为50%，并向左移动到边缘。复制纹理层，然后垂直翻转。要做到这一点，请单击“复制的图层，转到”编辑“>”变换“>”垂直翻转。“ 选择这两个纹理层，层上单击右键，然后选择”合并“图层的选项。标记这个新的合并层”木材纹理。“第4步接下来，添加杂色的纹理，去”滤镜“>”杂色“>”添加杂色“使用下面的值。

第5步现在，使用”滤镜“>”液化“。使用向前变形工具，设置如下图所示，并将其应用在不同的地方在纹理随机。第6步调整纹理图层的大小，使用自由变换工具（CTRL +”T“），以及使用的值的宽度为560px和760px的高度。第7步接下来，我们将制作书架边缘。首先，选择矩形工具画一个矩形，如下图所示。拉标尺线来确定其左右的像素。第8步接下来，内侧的标尺线对齐矩形。现在，矩形的宽度略有增加。现在，按Ctrl +鼠标左键点击图层缩略图，得到该层选区，选择”木质纹理图层“按Ctrl +”C“复制粘贴Ctrl + ”V“到一个新的图层，，

标签此层为”左边框内。“第9步双击”内的左边框“图层，打开图层样式窗口，并使用以下设置颜色叠加。

第10步接下来，阴影部分。按Ctrl + ”模糊“”高斯模糊“。这里使用的值为2px，向外拖动以使其可见。第11步选择”左边框“层，阴影跟该层新建为一个组，复制组，水平翻转。将它放置内的右侧指南的创建相反的货架。第12步绘制一个矩形，如下图所示。现在，按Ctrl + 。现在，点击木质纹理，按Ctrl +”C“复制，然后按Ctrl +”V“粘贴选定的纹理到一个新的层。在那之后，进入”编辑“>”变换“>”旋转90?。将它放置在底部的纹理，如下图所示。标签这层“货架前。”然后，隐藏或删除的矩形。第13步应用以下设置渐变叠加“货架前”层。第14步复制“货架前”该层，将其标示为“货架顶部，”把该层放置在原图层的顶部，进入“编辑”>“变换”>“扭曲”。使用此工具带来的角落里面作为如下所示。第15步该层，应用下面的图层样式设置。第16步使阴影“货架顶部”层中的相同的方式，如在步骤10中解释。

把刚刚做的图层归为一个组，并标示为“书架底部。”第17步现在，在书架中间绘制一个矩形，如下图所示。拖动参考线，形成水平的货架，如下图所示。第18步重复的“书架底部”层和位置，如下图所示。创建阴影部分，绘制一个矩形和应用7px的高斯模糊滤镜。第19步现在，使用“多边形套索”工具，选择一个三角形区域上的阴影层。之后，进入“编辑”>“清除”。右侧也用同样的方式设置，阴影层的不透明度降低到50％。第20步同样的，为该层归类分组“中间书架”，“复制，在每个水平线上面放置改组。如下图所示，。第21步创建顶部边框，从刚刚的中间组里面选择实用的图层复制，移动到标尺线的上方。第22步我们的木质书架已经完成，接下来我们将为整个书架创建阴影部分。具体方法不再提示。把刚刚下载的书籍封面放入书架，同样阴影部分是必须的。有光源的地方必有阴影。

FEVTE编注：更多PS鼠绘教程交流讨论及PS鼠绘作品提交请进入论坛PS作品交流区，地址：bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

篇5：PS鼠绘超漂亮的芒果

效果

FEVTE编注：更多PS鼠绘教程交流讨论及PS鼠绘作品提交请进入论坛PS作品交流区，地址：bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

具体的绘制步骤如下：

1、新建一个800 * 600像素的文件，背景选择白色。确定后新建一个组，用钢笔工具把芒果的轮廓勾出来，转为选区后给组添加图层蒙版，如下图。

【图1】

2、在组里新建一个图层，填充橙黄色：#FFCD19作为底色，如下图。

【图2】

3、由左侧开始制作，用钢笔勾出左侧顶部的绿色区域，羽化15个像素后填充绿色：#ADCE12，局部需要用加深工具稍微加深一点，效果如下图。

【图3】

4、新建一个图层，用画笔工具把下图选区位置涂上一点黄绿色，增强颜色过渡。

【图4】

5、新建一个图层，用钢笔勾出顶部的高光选区，羽化20个像素后填充淡黄色：#FFE74B，不透明度改为：60%，效果如下图。

【图5】

6、新建一个图层，用钢笔勾出底部的暗部选区，羽化50个像素后填充橙黄色：#FEB313，如下图。

【图6】

7、新建一个图层，用钢笔勾出比上一步稍小的选区，羽化35个像素后填充橙红色：#EC8712，如下图。

【图7】

8、新建一个图层，用钢笔勾出最底部的暗部选区，羽化15个像素后填充黄褐色：#643B00，取消选区后添加图层蒙版，用黑色画笔把边缘过渡部分涂自然，效果如下图。

【图8】

9、新建一个图层，用钢笔勾出右上角部分的暗部选区，羽化15个像素后填充稍淡的黄褐色：#D58E00，如下图，

【图9】

10、新建一个图层，用钢笔勾出右侧暗部选区，羽化10个像素后填充黄褐色：#894F05，如下图。

【图10】

11、新建一个图层，用钢笔勾出右上部边缘暗部选区，羽化15个像素后填充橙红色：#E88311，如下图。

【图11】

12、新建一个图层，用钢笔勾出右上部的反光选区，羽化4个像素后填充橙黄色：#F9C215，取消选区后添加图层蒙版，用黑色画笔把边缘过渡涂自然，如下图。

【图12】

13、新建一个图层，用钢笔勾出顶部的暗部选区，羽化10个像素后填充橙黄色：#FFC917，如下图。

【图13】

14、现在再来制作中间的高光区域。新建一个图层，用钢笔勾出下图所示的选区，羽化12个像素后填充黄色：#FFEB87，如下图。

【图14】

15、新建一个图层，用钢笔勾出稍微的选区，羽化6个像素后填充白色。

【图15】

16、把当前高光图层复制一层加强高光亮度，效果如下图。

【图16】

17、同上的方法给左下角部分加上反光。

【图17】

18、边缘部分根据需要添加一些高光及暗部。

【图18】

19、同上的方法给右侧尾部添加一些暗部细节，如图19,20。

【图19】

【图20】

20、再添加倒影及柄部，效果如下图。

【图21】

最后增加一点对比度，微调一下细节，完成最终效果。

【图22】

FEVTE编注：更多PS鼠绘教程交流讨论及PS鼠绘作品提交请进入论坛PS作品交流区，地址：bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

篇6：PS鼠绘超漂亮的铁丝网

FEVTE编注：更多PS鼠绘教程交流讨论及PS鼠绘作品提交请进入论坛PS作品交流区，地址：bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

新建这是废话了

新建图层画个勾用啥工具都无所谓我用的是钢笔画

3 （要是牛逼的同学可以忽略第2步）复制图层1 执行水平翻转垂直翻转和图层1重叠形成下图4 添加图层样式内阴影光泽效果不知道的同学再图层栏里找FX使用默认设置在复制一层执行垂直翻转

再用橡皮擦擦出铁丝缠绕在一起的效果如图5 合并图层垂直翻转水平翻转把重叠的地方用橡皮擦过度下

6 复制图层下移用橡皮擦过渡7 合并复制图层做出下图效果8 合并复制图层橡皮擦过渡如此类推最终效果

FEVTE编注：更多PS鼠绘教程交流讨论及PS鼠绘作品提交请进入论坛PS作品交流区，地址：bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

篇7：PS鼠绘超强质感球体

这篇PS鼠绘超强质感球体教程绘制出来的球真的非常酷，质感非常强，作者介绍的方法还挺独特，挺有意思的。推荐过来和网的PS鼠绘学习者们一起学习了，喜欢这篇教程的朋友就给我好评啦！

效果图：

FEVTE编注：更多PS鼠绘教程交流讨论及PS鼠绘作品提交请进入论坛PS作品交流区，地址：bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

篇8：PS鼠绘超强质感木框

的PS鼠绘学习者们，大家好，这篇教程教大家使用PS鼠绘超强质感木框，教程主要介绍的内容就是PS体现木质的方法和过程，难度中等，但是挺有用的。推荐一下，希望的朋友们喜欢。我们先来看看最终的效果图吧：

FEVTE编注：更多PS照片处理教程学习和PS制作的文字效果作品交流请进入论坛PS照片处理区：bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

快速制做了个木质图标外框样式，方法很简单撒~milaky在这说下制作的步骤。~^^~~喜欢的话就一起来做吧~

第一步：建立一个900*700px的文件，绘制一个825*700矢量矩形，点击图层栏底部工具的”创建新的填充或图层调整“图标，将图黑色渐变。第二步：给底部叠加图案。把下面这张凹凸纹理图案导入Ps,点击编辑---定义图案，就能在图层样式里使用了。看以下图设置。最后将图层命名为”背景\"。

纹理图案第三步：图标底部绘制一个512*512px,圆角为60px的矢量圆角矩形，然后改变其属性和做图层样式，

改变属性为渐变矢量：

渐变设置：图层样式设置：

第四步:制作木材质建立一个600*600px方形图层，填充黑色；滤镜>杂色>添加杂色；滤镜>模糊>动感模糊；Ctrl+B色彩平衡设置；Ctrl+L色阶设置。

第五步:材质应用在图标上点击木质图层鼠标右键>创建剪贴蒙版第六步:制作内凹槽描边绘制一个476*476px，圆角58px的矢量圆角矩形；图层样式>描边。第七步：制作凹槽真实效果绘制一个476*476px，圆角58px的矢量圆角矩形；和所有图居中对齐，图层样式>内阴影>外发光>内发光>描边>阴影。

第七步：最终效果图完成啦~简单吧！

FEVTE编注：更多PS照片处理教程学习和PS制作的文字效果作品交流请进入论坛PS照片处理区：bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

篇9：PS鼠绘一个超简洁的白色音乐控制旋钮

这篇教程是向脚本之家的朋友介绍PS鼠绘一个超简洁的白色音乐控制旋钮方法介绍，教程绘制出来的旋钮非常地不错，难度不是很大，推荐到脚本之家，喜欢的朋友一起来学习吧

这篇教程教脚本之家的PS鼠绘爱好者们，和UI设计学习者们使用PS鼠绘一个超简洁的白色音乐控制旋钮，教程真的很不错，绘制出来的效果很漂亮，推荐过来，一起来看看吧！

下面先来看看最终的效果图：

具体的鼠绘步骤如下：

1、新建文件

2、选择背景颜色

3、alt+delete键填充前景色，

4、椭圆工具新建一个正圆（椭圆1图层）。

4.1、双击椭圆1图层调节图层样式——颜色叠加、描边，参数如图。

4.2、得到椭圆1的效果。

5、再新建椭圆2，大小如图。

5.1、双击图层调节图层样式：颜色叠加、描边、投影。

6、得到效果，再新建椭圆3.

6.1双击椭圆3图层调节图层样式：颜色叠加、投影。

6.2、椭圆3图层填充调为0.

6.3、椭圆3效果，

7、新建椭圆4图层大小如图。

7.1、双击图层调节图层样式：斜面和浮雕、颜色叠加、外发光、投影。

7.2、效果。

7.3、ctrl+J复制椭圆3图层得到椭圆4，调节如图

8、用矩形工具新建矩形。

8.1、双击矩形图层调节图层样式：颜色叠加、投影。

8.2、效果如图

8.3、ctrl+T复制出4个矩形图层，分别调整好位置如图

9、新建小椭圆位置如图。

9.1、双击图层调节图层样式：颜色叠加

9.2、效果如图

9.3、新建几个小椭圆位置如图。

10、选择大椭圆所对应的小圆图层调整图层样式。

10.1、效果图

11、打上文字然后调节图层样式。

最终效果

教程结束，以上就是PS鼠绘一个超简洁的白色音乐控制旋钮方法介绍，大家学会了吗？方法很不错，喜欢的朋友一起来学习吧！

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

推荐度：

点击下载文档