当前位置：首页 > 范文大全 > 实用文>PS鼠绘一枚酷炫质感的方形机械图标

PS鼠绘一枚酷炫质感的方形机械图标

2022-11-06 08:42:30 收藏本文下载本文

“出走的圆子”通过精心收集，向本站投稿了8篇PS鼠绘一枚酷炫质感的方形机械图标，以下是小编整理后的PS鼠绘一枚酷炫质感的方形机械图标，欢迎阅读分享，希望对您有所帮助。

PS鼠绘一枚酷炫质感的方形机械图标

篇1：PS鼠绘一枚酷炫质感的方形机械图标

这篇教程是向脚本之家的朋友介绍PS鼠绘一枚酷炫质感的方形机械图标方法，教程绘制出来的图标非常地漂亮，质感很强，难度一般，推荐到脚本之家，喜欢的朋友可以跟着教程一起来学习

这篇教程教脚本之家的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;

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

最后复制六个图层，并排放在底部且居中排列;

Step 09

制作内部框残旧金属纹理部分，一样是采用素材图片嵌入和笔刷绘制;

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

01采用素材图片 Rust_4.JPG，混合模式：强光，不透明度15%;

02 使用笔刷，颜色# 181818，混合模式：叠加，不透明度40%;

03使用笔刷，颜色# 3f311d，混合模式：叠加，不透明度50%;

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

根据自己喜爱跟感觉调试破旧金属纹理，完成其他图标，

篇2：PS鼠绘质感警示灯图标

这篇教程教的朋友们用PS鼠绘质感警示灯图标，教程属于比较简单的鼠绘教程，绘制难度中等。图形结构并不复杂。转发过来和的朋友们一起学习。先来看看最终的效果图：

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

具体的制作步骤如下：

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

篇3：PS鼠绘质感立体图标

预览：

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

具体的绘制步骤如下：

第1步：

新建一个PSD文件，尺寸为800×600px，使用椭圆工具，按住Shift键绘制出一个正圆形，颜色设置为##0099FF。

按住Alt+Shift键向下拖动圆形，我们会在垂直方向上复制出另一个圆作为小鸟的身体。执行Ctrl+T对下面的圆形进行变换，将其调整为下图的形状。

选择直接选择工具，对下面的圆形进行调节，使头部与身体完整地结合起来。

按Ctrl+E将身体与头部形状进行合并(CS6新增功能)。

第2步：

同样利用椭圆工具绘制两个椭圆形作为小鸟眼睛的轮廓。

然后利用钢笔工具绘制小鸟的头发。可以先绘制一个，然后复制后对其简单变形即可。

用椭圆工具在眼睛中绘制两个正圆，颜色填充为#5d3a14。

第3步：

接下来绘制小鸟尾巴的羽毛部分：选择圆角矩形工具，将半径设为30px，绘制一个圆角矩形，

然后用直接选择工具选取上方的三个锚点，执行Ctrl+T，将大小调整为原来的60%，即可形成羽毛的形状。

将羽毛形状复制三份，调整好角度与位置，创建出尾巴的形状。

Ctrl+E将几个羽毛形状进行合并，然后Ctrl+T将其压扁一些。

第4步：

在眼睛下方用椭圆工具绘制嘴部，颜色填充为#fcbd00。

利用直接选择工具调整锚点将嘴巴绘制出悲伤的表情。

第5步：

接下来利用圆角矩形工具创建几个形状，排列成爪子的形状。然后复制出另外一只爪子。

第6步：

利用钢笔工具绘制出一个卷曲的树干。之后可以使用直接选择工具将树干调整圆滑一些，当然前提是你对钢笔工具与路径要有基本的了解。(这里有个技巧：在使用钢笔工具的“形状”模式时，往往会有大片的颜色遮盖住下方的图像，我们可以先将图层的不透明度调整为0，绘制完后再调回来即可。)

利用路径选择工具选取刚才创建的路径，按住Alt键将其复制一份，然后再用钢笔工具将两端开放的路径闭合。用直接选择工具调整较粗的树干部分。

加上图层样式效果：

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

篇4：PS鼠绘质感篮球图标

在看大家分享的教程学些快一个月了，感觉收获蛮大的，今天看到两篇好教程，也给的朋友们推荐过来啦，PS鼠绘质感篮球图标教程是第一篇，适合UI设计的朋友们学习图标绘制思路，好了，一起来看看最终的效果图吧：

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.新建文件。大小400*300，做球形渐变。

2.用圆角矩形工具画一个251*237的圆角矩形，这一边我用了一个图层合成的，下面有图层截图，做出有一些擦拭过的感觉就可以了

3.这一步用钢笔工具画出来一个平台，我的大体思路就是先勾出大体形状，整个平台分三部分，上面.下面.中间高光，

对上下两个部分添加木纹图案，做一些渐变叠加和投影效果，最后我给它们整体做了一个高光，用橡皮擦感觉修整了下。

4.绘制板刷和粉笔，这一步这个图层效果我截图在下面，你们看着自己调调吧，其实很简单，先说板刷下面用三个矩形就创造出来底座了，上面我做了两层，有的滤镜纤维的效果添加了点杂色，粉笔就是两个圆角矩形，做渐变叠加让它有球面感，在给他们整天做投影。

5.最后文字部分做了一下滤镜纹理化修饰，整天就完成了。

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

篇6：PS鼠绘玻璃质感图标

教程将向朋友们介绍用PS来绘制一个橙色的玻璃质感图标，教程的制作过程介绍的很详细，绘制完成的图标效果也很漂亮，其中还有一些作者的制作思路，希望对朋友们的PS学习有所帮助！

一个图标跟画一幅油画差不多，也是经历起稿，形状，大色块，细节这几步来做的，只不过做图标没油画那么有艺术气息罢了，这个教程只当做参考之用，并不是什么标准，我们还是得在不停的实践中找到属于自己的技巧，形成自己的风格。

最终效果

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

下面是具体的制作步骤：

1、新建一个256 * 256像素的文档，如下图。

2、先把图标主要轮廓形状画出来。新建一个组，然后选择圆角矩形工具，半径设置为100，画出一个两头圆的形状。

3、选择椭圆工具，画出两个椭圆，将小椭圆向上移一点，让它看起来有透视感。然后按住Ctrl 点小椭圆的图层，得到小椭圆的图层选区。

4、选择矩形选框工具，在属性栏选择“添加到选区”，然后拉出下图所示的选区。5、新建一个组，选中，然后点击蒙版，得到一个带有蒙版的组，把白色长条圆角图层拖进去，就得到一个半圆角。我们等下就要在这个组里制作这个透明玻璃罩。蒙版组这个方法挺方便不用一个ietuc一个图层去蒙版。6、用圆角矩形工具再画一个相同的形状，不过要大一点，不要超过黑色椭圆的宽度，加点颜色好区分各个图层。

7、栅格化黄色这个圆角图层，然后把多余的用选区工具删除，

因为用椭圆工具画出来是矢量，没法直接删减，只有栅格化变成位图再删减。8、复制白色圆角图层，然后双击其中一个，填充为0%，然后给它添加“内发光”数值，不透明度为：20%，大小20。9、双击另外一个圆角图层，也是设置填充0%，这个内发光就要厚一些，不透明度80%，大小为10。10、新建一个组，用白色圆角作为选区来蒙版组，在这个组里添加透明玻璃罩的细节，先画一个反光，透明度为20%。11、画一个白色椭圆，栅格化，然后点快速蒙版模式，画一个渐变。退出蒙版模式，按Delete 得到一个透明渐变高光。12、用钢笔工具随意画些圆弧形状，用到制作一些反光细节。13、画完后执行：滤镜 >模糊 >高斯模糊，数值自己测试，这里是2.5，得到一个小光点。

14、按同样的方法，画多几个反光点。15、用钢笔工具画一个高光，填充7%。16、在顶部画一个椭圆，用来制作玻璃罩的高光部分。17、执行：滤镜 >模糊 >高斯模糊，数值为15，得到高光部分。18、现在来制作下半部分，因为要做金属感，所以给他添加一个浅灰色。19、画细节，同样新建一个蒙版组，在组里用钢笔工具画阴影部分。20、高斯模糊一下，数值为9.5。21、用钢笔工具画出高光及反光部分，然后高斯模糊。22、现在画个装饰物，新建组，用圆角矩形工具画一个矩形，这个半径数值就要小点，随个人喜好要圆点还是方点，然后选择大圆角图层的选区，如下图。23、给组加上蒙版。24、复制一层，缩小95%，然后添加蓝色渐变，点回黑色那层，添加一个大小为1的描边。25、按照之前添加细节的方法给蓝色这层添加光影细节。26、现在来制作里面的光效。选择小椭圆的选区。27、新建一个组，添加蒙版。在组里面画一个椭圆添加一个深橙色，适当高斯模糊。28、再画一个小的椭圆，添加黄色并高斯模糊，效果如下图。29、现在来制作罩的液体，选择玻璃罩的选区。30、也是新建组然后添加蒙版，在里面用钢笔画出液体的性质。

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

篇7：PS鼠绘质感天气图标

这篇教程和我推荐的上一篇教程一起都是有MR_JY发布，

PS鼠绘质感天气图标

，

篇8：PS鼠绘质感开关图标

Create a new file. Set Width to 1000 and Height to 1000 and the resolution to 72 PPI.创建一个宽高1000px，72PPI的文件

二，应用背景图案

Make a new Group and name it Background. Now go to this linkVertical cloth Patternand download this pattern and load it. Using Rectangle Tool (U) draw a rectangle shape a little bigger than the canvas, and apply the pattern as a style. to the shape layer.建新组命名Background，下载Vertical cloth Pattern（素材包里有），用矩形工具画个矩形，将下载的图案应用到矩形中。

【PS鼠绘一枚酷炫质感的方形机械图标】相关文章：