ui设计师常用的色彩标记模式(ui设计图标教程)

本文主要介绍ui设计师常用的色彩标记模式(ui设计图标)，下面跟着东辰网详细了解一下吧。

本教程教你如何设计一个样本主题图标。这个效果主要是通过使用图层样式来实现的。步骤比较详细，有PSD参考文件。不喜欢的学生。;不懂的可以下载参考。如果想学，就跟着教程练。

源文件下载链接::2vlg

新建一个1000*1000的画布，用颜色e82571填充，按Shift键画一个半径为100像素的正方形，点击上面的形状，创建一个形状层。

执行图层样式的斜面浮雕，投影和颜色叠加。参数:

如下，你也可以自己探索不同的价值观:

新建一个空白图层，用上面的方法和椭圆工具创建一个正圆形状的图层。

使用参考线或网格尽可能将圆居中。添加图层样式渐变叠加，参数如下:

效果如下:

制作椭圆图层1的副本，用Ctrl+T调整大小，这里用数字调整，WH更改为87%。

带角度的渐变渐变，注意首尾颜色一致，可以吸收颜色或者调整一些自己喜欢的颜色。

效果如下:

继续复制一个椭圆图层，CtrlT为原来的70%。添加图层样式、斜面浮雕、渐变叠加和投影。

影响

把上面的图层复制一份，做成原来的80%。用钢笔工具，选择合并的形状，并添加一个三角形的椭圆。

然后调整图层样式，只调整斜面浮雕，其余保持不变。

除了背景图层之外，现在还有五个图层:

现在效果如下

复制右边名为Ellipse1Copy2的图层的副本，拖动到上面，CtrlT就变成原来的50%了。右键单击图层。

清除图层样式，添加新的图层样式笔触和渐变叠加:

完成了。

本教程教你如何设计一个样本主题图标。这个效果主要是通过使用图层样式来实现的。步骤比较详细，有PSD参考文件。不喜欢的学生。;不懂的可以下载参考。如果想学，就跟着教程练。

源文件下载链接::2vlg

新建一个1000*1000的画布，用颜色e82571填充，按Shift键画一个半径为100像素的正方形，点击上面的形状，创建一个形状层。

执行图层样式的斜面浮雕，投影和颜色叠加。参数:

如下，你也可以自己探索不同的价值观:

新建一个空白图层，用上面的方法和椭圆工具创建一个正圆形状的图层。

使用参考线或网格尽可能将圆居中。添加图表图层样式渐变叠加，参数如下:

效果如下:

制作椭圆图层1的副本，用Ctrl+T调整大小，这里用数字调整，WH更改为87%。

带角度的渐变渐变，注意首尾颜色一致，可以吸收颜色或者调整一些自己喜欢的颜色。

效果如下:

继续复制一个椭圆图层，CtrlT为原来的70%。添加图层样式、斜面浮雕、渐变叠加和投影。

影响

把上面的图层复制一份，做成原来的80%。用钢笔工具，选择合并的形状，并添加一个三角形的椭圆。

然后调整图层样式，只调整斜面浮雕，其余保持不变。

除了背景图层之外，现在还有五个图层:

现在效果如下

复制右边名为Ellipse1Copy2的图层的副本，拖动到上面，CtrlT就变成原来的50%了。右键单击图层。

清除图层样式，添加新的图层样式笔触和渐变叠加:

完成了。

了解更多ui设计师常用的色彩标记模式(ui设计图标教)相关内容请关注东辰网。