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

2023-12-16 17:32:09 来源/作者: / 己有:2人学习过

(7)为第一页添加日期,今天是30号。将“日期”置于“第一页平页”和“第一页卷页”之间,效果如下:

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

(8)第一页制作完之后,制作撕掉页。首先使用钢笔工具勾出撕掉页轮廓,然后填充路径,并为其添加“投影”效果。(最好画两条不一样的撕掉页,这样比较真实。)如下图所示:

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

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

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

到此,【①日历的卷页】部分制作完成,大概是这个样子的:

UI教程,设计一个日历主题的UI图标
4、日历的夹子和金属环:

(1)日历的夹子(就是红色那个部分):首先新建一个稍稍大一丢丢(几个像素就好啦)的圆角矩形置于最上层。就像这样的。

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

新建一个矩形置于顶层,如下图所示:

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

选择圆角矩形(日历红色夹子)按住shift加选白色矩形,使用“直接选择工具”鼠标右键单击,在菜单栏中选择“减去顶层形状”得到入下效果:

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

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