编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

UI设计第37期,Mastergo基础功能介绍与使用 #知识前沿派对

wxchong 2024-08-04 02:51:11 开源技术 139 ℃ 0 评论

基础功能介绍与使用-第37期一。

哈喽大家好!接下来进行整个Wi-Fi的绘制。在这里可以分析出来整个Wi-Fi是用了四个圆进行的设计。这四个圆是等比的放大的同心圆,而在这四个圆的基础上整体切了一个形状出来。接下来就用这种思路去进行设计。

·首先快捷画一个圆,把正圆的大小是偶数,比如调成40乘40的圆,然后进行command+d原位复制,再command+d原位进行复制。

·这个时候选择上面的除了中间几处圆之外的上面这三个圆,然后把它们变成描边。

·接下来给它的描边变成居中,然后要对描边的大小进行调整。这里调成刚才中间圆的一半,也就是20,然后给它的颜色保持统一,这里吸一个色,这样等比的同心圆就做好了。

·而这里可以发现外头这三个都是描边,但里头这个是圆形,所以要把外头这三个描边也变成形状。

·这个时候点击某个描边,按住option+command+O,这个时候可以发现它就变成了形状,回车就可以看到这是形状的样式。同理里头的也变一下,这个也变一下。

·这个时候这四个都变成了形状,可以给它现在做布尔运算,也就是变成联集的效果,而整个形状就会变在一起。

·这个时候再去切形状,这里可以看出来它是用了三角形,所以也在这里用三角形画三角形,可以把它转过来。同理在这里也可以进行快捷的翻转,比如在这里进行垂直翻转,或者使用快捷键shift+v,点击放在这个位置。同理可以调整一下整个三角形的形状进行变化。大概是不到90度,往左一点,然后放在这个位置与中心点进行贴合。

·选择这两个形状,可以发现中间这一部分其实就是Wi-Fi的设计的样式,要把它切出来,这里就选择交集,这样整个Wi-Fi的形状就做好了。

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表