ui图标风格有哪些(ui图标素材)-东辰网

ui图标风格有哪些(ui图标素材)

本文主要介绍ui图标(ui图标材)有哪些风格？，下面跟着东辰网详细了解一下吧。

教程很详细，主要分几个部分完成，分别是设计底纹，然后通过图层样式制作金属按钮，最后添加图案。

最终效果:

下面是教程的详细步骤。让让我们一起学习。

像往常一样，让我们先分析一下。这里，我们主要分为两部分:底座和图标。其他问题不大，主要是底框部分，需要多层来表现图标的立体感。《骚年》之后分析，我们成功了一半。会离成功很远吗？哦耶！！！

开始步:

首先新建一个800px*800px的画布，命名为textureicon，在背景中添加图层样式。

第二步:

使用圆角矩形工具，绘制一个圆角半径为90px的450px*540px的基座，并为其添加图层样式。

第三步:

高力网格的底座一下子就出来了，有木有！！！接下来继续使用圆角矩形工具，画一个390px*390px圆角半径为90px的形状，命名为Base2，给它添加图层样式。

第四步:

向base2添加金属拉丝效果，用#9f9f9f填充新图层，添加杂色以执行动态模糊命令，并创建剪辑蒙版以调整不透明度。

第五步:

复制线稿，旋转ctrlt90度，依次创建剪贴蒙版。

第六步:

现在我们画内框的位置，用半径90px画两个大小为450px，半径为390px的圆角矩形，合并形状选择路径选择工具，选择内框减去顶部形状，添加图层样式。

第七步:

让s给内框添加拉丝效果，复制内框图层，清除图层样式。获取选区的其他操作同上，调整不透明度。

第八步:

现在继续绘制顶部渐变，选择圆角矩形工具绘制一个半径为390px，圆角为90px的形状，然后复制并命名为顶部渐变。

第九步:

将顶部渐变复制下移15px，合并两个形状，选择路径选择工具，选择内框减去顶部形状，复制底部渐变叠加图层样式，移动颜色代码位置，添加投影图层样式。

第十步:

现在让我们s绘制最后一个图标，用自定义形状工具绘制一个172px的形状，旋转45度，最后添加图层样式完成案例。

教程到此结束。你可以用这种方法制作其他金属纹理的图案。有兴趣的同学可以试试。欢迎投稿，分享经验。