优艾设计网

UI教程,设计一个日历主题的UI图标

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:脱缰的野猪
写实图标流行时,这几类效果很受欢迎(绳索、金属环、纸边撕裂等),今天这个教程把这些效果全收了,也是以前特别经典的一个日历图标,虽然现在是扁平化时代,不过写实图标这部分,新手最好掌握起来。把这个练完,绝

观察”第二页“上有”第一页“的投影,所以,复制一层”中间页“向上移动并为其添加渐变叠加,同事向下做剪切蒙版。如下图所示:

UI教程,设计一个日历主题的UI图标

UI教程,设计一个日历主题的UI图标

(渐变叠加是逐渐变亮的,控制好角度就可以啦!)

(6)第二页制作完成后,开始制作第一页。我将第一页分为两个部分制作。如下图所示:

UI教程,设计一个日历主题的UI图标

首先制作位于下方的”第一页平页“。向上复制”第二页“,关闭”渐变叠加效果“,并作向下作为剪切蒙版。采用”直接选择“工具点选出”第一页平页“的路径,选择”钢笔——添加锚点工具“为”第一页平页“添加锚点。如下图所示:

UI教程,设计一个日历主题的UI图标

UI教程,设计一个日历主题的UI图标

添加锚点后,使用”直接选择工具,选中下图四处锚点,并删除,得到效果如下图所示:

UI教程,设计一个日历主题的UI图标

UI教程,设计一个日历主题的UI图标

(第一页平页制作完成)

接下来制作“第一页卷页”部分。

使用钢笔工具,描出卷页形状,并填充路径。并添加图层样式。如下图所示。

UI教程,设计一个日历主题的UI图标

UI教程,设计一个日历主题的UI图标

得到的效果是这样的:

UI教程,设计一个日历主题的UI图标

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消