UI轻质感图标怎么做 Sketch制作轻质感图标的方法

金珍妮            来源:优草派

在我们的UI设计中,经常会看到是一些轻质感的图标设计。这种轻质感、具有透明度的图标让人整个视觉感受都很清爽舒适。今天小编就为大家带来,如何在我们的熟悉的sketch软件中实现UI设计轻质感图标的具体步骤和方法,赶快和小编一起来学习看看吧!

UI轻质感图标怎么做 Sketch制作轻质感图标的方法

1.首先画一个矩形180px*130px,然后我们添加一个圆角角度20px。

2.然后我们把我们的矩形颜色改为#2c93ea,变成一种蓝色调的底色。

3.然后我们再添加一个小矩形,尺寸是44px*32px,距离左间距为18px,距离上间距为24px,圆角度设置为12,色值为#EFBA31。

4.下一步,我们画一个小矩形,尺寸为32px*12px,全圆角,色值为#D0E2FC,左下间距为18px,然后复制3个排一列。

5.画一个紫色的矩形放在蓝色的矩形后面,尺寸是168px*120px,圆角度为20,颜色改为#9D59ED。

6.在紫色矩形上面画一个小横条,尺寸是168px*16px,色值为#813AD5。

7.复制一个,蓝色和紫色的矩形,选中这两个矩形,然后选择布尔运算里面的交集。

8.将上一个步骤的交集挪过来放在紫色和蓝色矩形交集的地方,再将它置于蓝色矩形下面,再复制一个交集备用。

9.选中另外一个交集和紫色矩形,点击减去顶层,给紫色和蓝色矩形添加一个投影,就完成啦。

以上就是小编为大家整理的,关于我们如何制作轻质感图标的方法,赶快学习收藏起来吧!

【原创声明】凡注明“来源:优草派”的文章,系本站原创,任何单位或个人未经本站书面授权不得转载、链接、转贴或以其他方式复制发表。否则,本站将依法追究其法律责任。
TOP 10
  • 周排行
  • 月排行