优草派 > 视觉设计

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.选中另外一个交集和紫色矩形,点击减去顶层,给紫色和蓝色矩形添加一个投影,就完成啦。

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

  • 微信好友

  • 朋友圈

  • 新浪微博

  • QQ空间

  • 复制链接

取消
5天短视频训练营
新手入门剪辑课程,零基础也能学
分享变现渠道,助你兼职赚钱
限时特惠:0元
立即抢
新手剪辑课程 (精心挑选,简单易学)
第一课
新手如何学剪辑视频? 开始学习
第二课
短视频剪辑培训班速成是真的吗? 开始学习
第三课
不需要付费的视频剪辑软件有哪些? 开始学习
第四课
手机剪辑app哪个好? 开始学习
第五课
如何做短视频剪辑赚钱? 开始学习
第六课
视频剪辑接单网站APP有哪些? 开始学习
第七课
哪里可以学短视频运营? 开始学习
第八课
做短视频运营需要会什么? 开始学习
【原创声明】凡注明“来源:优草派”的文章,系本站原创,任何单位或个人未经本站书面授权不得转载、链接、转贴或以其他方式复制发表。否则,本站将依法追究其法律责任。

客服热线:0731-85127885

湘ICP备19005950号-1  

工商营业执照信息

违法和不良信息举报

举报电话:0731-85127885 举报邮箱:tousu@csai.cn

优草派  版权所有 © 2024