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

写实图标流行时，这几类效果很受欢迎（绳索、金属环、纸边撕裂等），今天这个教程把这些效果全收了，也是以前特别经典的一个日历图标，虽然现在是扁平化时代，不过写实图标这部分，新手最好掌握起来。

（7）为第一页添加日期，今天是30号。将“日期”置于“第一页平页”和“第一页卷页”之间，效果如下：

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

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

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

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

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

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

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

新建一个矩形置于顶层，如下图所示：

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

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

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

*PSjia.COM 倾力出品，转载请注明来自PS家园网（www.psjia.com）

标签(TAG) ps网页设计 UI教程 UI设计教程 UI图标日历设计日历图标