日历图标设计日历主题ui图标教程(日历图标设计日历主题ui图标教程图片)-九游娱乐

日历图标设计日历主题ui图标教程(日历图标设计日历主题ui图标教程图片)

本文主要介绍日历图标设计日历主题ui图标的教程视频(日历图标设计日历主题ui图标的教程)，下面跟着东辰网详细了解一下吧。

本UI教程和大家分享如何设计翻页日历图标。整体风格由灰、白、红三色组成，颜色非常大气。想学UI设计的同学快来学吧。

让让我们来看看效果图:

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

开始步:

首先新建一个900px*900px的画布，命名为日历图标，背景添加图层样式。

第二步:

使用圆角矩形工具，绘制一个半径为530像素*530像素的基座，并添加图层样式。

第三步:

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

第四步:

复制日历层并将复制的层移动到适当的位置。

第五步:

再次复制日历层，使用形状层的布尔运算，减去顶部，命名为变形层，合并形状组件。

第六步:

让复制变形的图层。ctrlt调整中心点垂直翻转，调整高度，右键透视调整合适的形状，合并两个形状清除之前的图层样式，重新添加图层样式。

第七步:

现在让我们s绘制右边的装饰，做一个半径为3px的14px*56px的矩形，给它添加图层样式。

第八步:

选择椭圆工具，画一个宽度为8px*4px的椭圆，添加高斯模糊命令复制其他三个，移动到合适的位置。

第九步:

将右侧装饰分组，并将复制装饰组移动到左侧位置。

第十步:

第十一步:

将文字放在图层下面，右键ctrl进行透视效果，添加图层样式。

第十二步:

现在让我们让我们画最后一条水平线。使用线条工具绘制一条宽度为360px，厚度为3px的线条，添加图层样式，添加高斯模糊效果，完成这个案例。

以上是本UI教程的全部内容，主要是学习使用图层样式制作图标的质感。可以学习灵活运用，用其他纹理制作图标。欢迎大家分享学习心得。