UI教程,设计一个日历主题的UI图标(10)插图

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

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

UI教程,设计一个日历主题的UI图标(2)插图

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

观察第二页上有第一页的投影,所以,复制一层中间页向上移动并为其添加渐变叠加,同事向下做剪切蒙版。如下图所示: (渐变叠加是逐渐变亮的,控制好角度就可以啦!) (6)第二页制作完成后,开始制作第一页。我将

广告位
UI教程,设计一个日历主题的UI图标(9)插图

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

到这,绳子的纹理也完成啦。我们回去给绳子添加图案叠加,看一下效果。 现在看一下效果,大概是这样: 6、地板背景 找一张地板图喽,我找的是这张。 把它放在背景图层上面,就可以啦! 我们来看看: 就是这样。 差

UI教程,设计一个日历主题的UI图标(8)插图

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

下面,调整一下笔刷设置,快捷键为F5,需要调整的地方如下: (一定要调整间距!可以根据自己的喜好,感觉是怎么缝的就怎么调。) (一定要选择方向,不选择就惨喽,制作的时候可以试一下不勾选反向的效果,更容易

UI教程,设计一个日历主题的UI图标(7)插图

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

(2)绳子的制作: Ctrl+点击底座图层缩略图,就是点这个: 会出现这样的效果(就是把底座选中了): 然后,选择修改收缩,就像这样: 选择适当的数值: 由图层面板转入路径面板,像这样: 单击从选区生成工作路径

UI教程,设计一个日历主题的UI图标(6)插图

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

5、底座的制作: (1)新建一个大的圆角矩形(圆角大小自己调整一下)放在最下面。就像这样: 然后为其添加图层样式,让它立体一点(和制作夹子的时候差不多)。如下图所示: 接下来找一张你喜欢的皮子比如这样的:

UI教程,设计一个日历主题的UI图标(5)插图

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

(3)金属环的制作: 新建一个圆角矩形。(很圆很圆。)就像下面这样。 然后为了模拟金属效果,我们为它添加图层样式。(这个地方最烦了,尝试了很多次,你在制作的时候也要多去尝试,并没有统一的做法,也没有统一

UI教程,设计一个日历主题的UI图标(4)插图

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

夹子的形状制作完毕,接下来为其添加效果。为了使其更立体,需要添加斜面和浮雕内阴影投影然后添加一个颜色叠加变成红色。(数值可以自己尝试调节哦,每个效果都试试以后做其他的东西也会轻车熟路。)如下图所示:

UI教程,设计一个日历主题的UI图标(3)插图

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

(7)为第一页添加日期,今天是30号。将日期置于第一页平页和第一页卷页之间,效果如下: (8)第一页制作完之后,制作撕掉页。首先使用钢笔工具勾出撕掉页轮廓,然后填充路径,并为其添加投影效果。(最好画两条不

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

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

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

正在加载中...

已加载全部内容

已经没有更多文章了