养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Sketch如何绘制网络信号图标

时间:2024-09-25 08:34:02

大多数的图标都是由简单的图形组合转化而成,如果说腩柽鬣盛用钢笔勾画倒也可以,但容易出现不对称不协调等小问题。我们来讲一讲网络信号图标是怎么拆解转化的。

工具/原料

Sketch工具

方法/步骤

1、首先打开Sketch工具。

Sketch如何绘制网络信号图标

2、新建一个画布,在画布上分别画直径为20,40,60,80,100这样的5个同心圆。

Sketch如何绘制网络信号图标

3、为了方便去理解接下来的步骤,将40,60的圆,80和100的圆单独拆出来,但实际上它们还是在原来的位置。

Sketch如何绘制网络信号图标

4、对这两个拆出来的图形,分别进行布尔运算(减去顶层/S掼鸿乡羰ubtract)。如果不理解怎么操作布尔运算,可以参照下方链接。

Sketch如何绘制网络信号图标

5、如果放置到原来的位置,会变成如图所示的兔脒巛钒图形,其实就是将40和60的圆加上80和100的圆分别做一个布尔运算。截图带上图层关系,更加直观地去理解。

Sketch如何绘制网络信号图标

6、将这三个分开的图形进行布尔运算(联集/Union),图形没变化,但图层有所变化。

Sketch如何绘制网络信号图标

7、接着画一个矩形,过圆的中心位置,不要求这个矩形的具体宽高值,只需要大于外半圆的宽高即可。

Sketch如何绘制网络信号图标

8、将矩形与前面的合成图形进行布尔运算(减去顶层/Subtract),得到如图所示的图形。

Sketch如何绘制网络信号图标

9、再画一个矩形,依然过图形的中心位置。

Sketch如何绘制网络信号图标

10、再次将这个矩形与前面的复合图形进行布尔运算(减去顶层/Subtract)。

Sketch如何绘制网络信号图标

11、基本图形已完成,旋转角度45度。

Sketch如何绘制网络信号图标

12、更改填充颜色,去掉描边颜色,得到最终的信号图标。

Sketch如何绘制网络信号图标

© 一点知识