设计日历主题UI图标教程

lyul

lyul

2017-11-08 16:36

UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计,​本篇UI教程跟大家分享如何设计翻页日历图标,整体风格由灰白红组成,颜色十分大气,想学UI设计的同学快来学习一下吧。

翻页日历图标制作

    首先先来分析一下,这个日历分为二个部分:底下那个部分、日历的部分,制作这个还是没有问题的,主要是日历这一部分、需要用到多层来表现图标的立体感,还是有难度的。分析完接下来开始做吧。

    

    这是最后的效果图:

QQ图片20171108160539.png

步骤一:

    首先创一个900px*900px背景。把他的名称改为日历图标。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/psjichu/)

     背景图层样式改为下面这样。

步骤二:点开矩形工具、点一下圆角,绘制一个530px*530px圆角的底盘,半径为90px,在这个图层上增加样式。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/psjichu/)

步骤三:接下来还是用的圆角矩形工具、绘制一个384像素乘以384像素的正方形半径为40px圆角矩形,这就是日历。接下来就为它添加样式。

步骤四:日历的图层需要复制两次,点击形状中图层布尔运算,减去最上面的那个部分,重命名为变形图层,并合并形状组件。

步骤五:我们复制变形图层吧, ctrl+t调整中心点垂直翻转一下,调节高度,右键透视调节合适形状,合并两个形状清除之前的图层样式,并从新添加图层样式吧。

步骤六:现在我们来绘制右边的装饰物,制一个14px*56px圆角半径为3px的矩形颜色为#101010,并为它添加图层样式。

步骤七:

选择椭圆工具,绘制一个宽8像素高4像素的一个瘪瘪椭圆,并添加这样的指令:高斯模糊,复制出三个这样的圆形,移动到适当的位置。

步骤八:将右侧装饰变成一个集合,复制这个集合并且粘贴,移动到左变的位置。

步骤九:文字的步骤是这样子做的。字体方正兰亭黑简体 R.大小200点,颜色为#92181a,复制文字,将文字右键栅格化以后,删除不需要的。

相关连接:哪些方法可以包装UI作品

展开更多 50%)
分享

猜你喜欢

设计日历主题UI图标教程

PS基础 UI设计 ps平面设计教程
设计日历主题UI图标教程

勋章图标UI设计教程

UI设计 设计
勋章图标UI设计教程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

图标UI设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
图标UI设计

U.F.O 主题图标设计素材ui设计欣赏

平面设计 标志设计 UI设计 VI设计
U.F.O 主题图标设计素材ui设计欣赏

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Subspace 主题UI设计欣赏

平面设计 标志设计 UI设计 VI设计
Subspace 主题UI设计欣赏

图标UI设计欣赏

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
图标UI设计欣赏

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

王者荣耀S9赛季苏烈怎么出装?

王者荣耀S9赛季苏烈怎么出装?

王者荣耀S9赛季露娜铭文怎么搭配

王者荣耀S9赛季露娜铭文怎么搭配
下拉加载更多内容 ↓