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

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

本篇UI教程跟大家分享如何设计翻页日历图标,整体风格由灰白红组成,颜色十分大气,想学UI设计的同学快来学习一下吧。

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

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

一篇日历UI图标设计教程,教程不算太难,重点是图层样式的运用,过程也算详细,新手赶紧get!有跟着一起做出来的同学记得交作业。 最终效果图: 首先,新建一个文档,我的是1024*1024。 在背景层上拉一个径向渐变,

广告位
UI教程,设计日历主题图标(2)插图

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

双击圆角矩形添加图层样式~,数值如下 还有内阴影,颜色叠加、 颜色数值如图所示: 新建一层,D键把前景背景改为默认,填充白色,执行滤镜-杂色-添加杂色。 滤镜-模糊-动感模糊,数值如下,接着在两个图层之间按Alt

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

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

选择滤镜-模糊-高斯模糊。 往上移动一段距离,然后把填充透明度和图层透明度调整下。 复制文字图层,Ctrl+shift+] 把图层移动到顶层。 右键图层,选择栅格化选区,然后用矩形选框工具删除下面部分。 Ctrl+d取消选择

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

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

复制整个组到右边,调整好位置,如图: Ctrl+J复制右边日历下方的白色层,把图层移动到顶部,Ctrl+t调整好大小及位置,然后再Ctrl+t右键选择透视,选中左上角的点按住shift键向左拖动,效果如图 双击图层添加图层样

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

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

双击图层样式添加投影 新建一层文字层,打上数字,颜色为黑色,调整好位置和大��Alt+v+e弹出水平线对话框,拉出一条水平为50%,一条垂直为50%的水平线,以便我们调整位置。 复制下方的圆角矩形到最顶层,Ctrl+t调

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

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

内阴影。 内发光 渐变叠加 外发光 现在的效果如图所示: 新建一个圆角矩形,填充白色,调整好参数和位置:

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

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

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

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

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

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

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

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

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

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部