ui教程设计不锈钢质感的icon图标有哪些(不锈钢logo设计)

本文主要介绍ui教程设计不锈钢质感(不锈钢logo设)的图标图标有哪些？，下面跟着东辰网详细了解一下吧。

教程介绍了如何使用PhotoShop制作一个逼真的方形不锈钢按钮，主要是利用图层样式和形状，配合路径完成最终效果。教程步骤很多，练习需要耐心。有兴趣的朋友可以借鉴一下，写完记得交作业。复制的成果:

接下来，让我们让我们开始一次小屋之旅。为了创建一个新文档，我使用了2000*1500像素的大小，并将背景色设置为#101010。

新建一个图层，设置前景色为白色，使用圆形软边笔刷，设置大小为1500像素，在画布上点击一点，设置图层不透明度为60%。

接下来，让我们让圆形图案成为背景。我在这里用无缝模式做了它。创建一个新的40*40像素的透明背景文件。用椭圆工具画一个20*20像素的圆，水平垂直居中。

以下截图为方便查看，放大1200%。

复制一个椭圆层，执行过滤器其他位移和，并将水平和垂直位移设置为文档大小的一半。

现在我们的效果应该是这样的。

接下来，我们将自定义图案预设。点击编辑自定义模式和

好的，现在回到我们的图标文件，在刚才的白色笔刷层上新建一层，执行编辑填充并选择我们刚刚定义的模式。

为此图案图层设置图层样式。

设置图层样式后，我们完成了背景的创建，效果如下:

接下来，让我们让我们开始图标部分的操作。使用圆角矩形工具和减法模式绘制以下轮廓形状。

向此框架添加图层样式。

接下来，使用圆角矩形工具绘制红色内框，如下所示。

给它添加一个图层样式。

接下来，让我们s做纹理效果。网上有很多关于质感的估算，我也尝试过。创建一个新层，填充#333333，执行滤波器噪声添加噪声和，设置数值为13%，高斯分布，勾选单色。

执行滤镜滤镜库笔刷笔画阴影线，设置笔画长度为38，锐化程度为3，强度为1。

旋转这个纹理层45度，创建一个剪辑蒙版。

复制一个内框图层，放在顶层，填充设置为0，添加图层样式模拟内阴影效果。

用圆角矩形工具绘制顶部的方框。

给它添加一个图层样式。

接下来，我们给金属框架添加一个拉丝效果。创建一个新层，填充#272727，执行滤波器噪声添加噪声和，设置数值为20，高斯分布，勾选单色。

表演滤镜模糊动态模糊，将角度设置为0度，距离设置为200像素。

选择具有顶部框架和外部框架的选区，并为拉丝纹理添加图层蒙版。版本，改变刷纹理层的混合模式为线性衰落(添)和不透明度设置为35%。

画图效果不明显。复制一个绘图图层，图层混合模式改为柔光，不透明度25%。

把我们的标志，设置填充为0，并添加一个图层样式。

在这里，同学们只要放一个自己喜欢的图案/文字，比如设置一个LOGO什么的，哈哈哈。

好了，LOGO加好了。最后，让让我们把左右两边的两条直线相加。设置前景色为#1f1f1f，画一个矩形。

给这个矩形添加一个图层样式。

复制一个矩形图层，清除图层模式，再次添加图层样式。

现在效果如下，直接从右行复制左行即可。

你我们完成了！

作业演示的一部分:

教程介绍了如何使用PhotoShop制作一个逼真的方形不锈钢按钮，主要是利用图层样式和形状，配合路径完成最终效果。教程步骤很多，练习需要耐心。有兴趣的朋友可以借鉴一下，写完记得交作业。复制的成果:

接下来，让我们让我们开始一次小屋之旅。为了创建一个新文档，我使用了2000*1500像素的大小，并将背景色设置为#101010。

新建一个图层，设置前景色为白色，使用圆形软边笔刷，设置大小为1500像素，在画布上点击一点，设置图层不透明度为60%。

接下来，让我们让圆形图案成为背景。我在这里用无缝模式做了它。创建一个新的40*40像素的透明背景文件。用椭圆工具画一个20*20像素的圆，水平垂直居中。

以下截图为方便查看，放大1200%。

复制一个椭圆层，执行过滤器其他位移和，并将水平和垂直位移设置为文档大小的一半。

现在我们的效果应该是这样的。

接下来，我们将自定义图案预设。点击编辑自定义模式和

好的，现在回到我们的图标文件，在刚才的白色笔刷层上新建一层，执行编辑填充并选择我们刚刚定义的模式。

为此图案图层设置图层样式。

设置图层样式后，我们完成了背景的创建，效果如下:

接下来，让我们让我们开始图标部分的操作。使用圆角矩形工具和减法模式绘制以下轮廓形状。

向此框架添加图层样式。

接下来，使用圆角矩形工具绘制红色内框，如下所示。

给它添加一个图层样式。

接下来，让我们s做纹理效果。网上有很多关于质感的估算，我也尝试过。创建一个新层，填充#333333，执行滤波器噪声添加噪声和，设置数值为13%，高斯分布，勾选单色。

执行滤镜滤镜库笔刷笔画阴影线，并设置笔画长度38，锐化程度3，强度1。

旋转这个纹理层45度，创建一个剪辑蒙版。

复制一个内框图层，放在顶层，填充设置为0，添加图层样式模拟内阴影效果。

用圆角矩形工具绘制顶部的方框。

给它添加一个图层样式。

接下来，我们给金属框架添加一个拉丝效果。创建一个新层，填充#272727，执行滤波器噪声添加噪声和，设置数值为20，高斯分布，勾选单色。

表演滤镜模糊动态模糊，将角度设置为0度，距离设置为200像素。

选择具有顶部框架和外部框架的选区，为笔刷纹理添加图层蒙版，并将笔刷纹理图层的混合模式更改为线性衰落(添)和不透明度为35%。

画图效果不明显。复制一个绘图图层，图层混合模式改为柔光，不透明度25%。

把我们的标志，设置填充为0，并添加一个图层样式。

在这里，同学们只要放一个自己喜欢的图案/文字，比如设置一个LOGO什么的，哈哈哈。

好了，LOGO加好了。最后，让让我们把左右两边的两条直线相加。设置前景色为#1f1f1f，画一个矩形。

给这个矩形添加一个图层样式。

复制一个矩形图层，清除图层模式，再次添加图层样式。

现在效果如下，直接从右行复制左行即可。

你我们完成了！

作业演示的一部分:

了解更多ui教程设计不锈钢质感(不锈钢logo设)的图标图标有哪些？相关内容请关注东辰网。