Sketch怎么设计保存图标? Sketch画保存图标图形的技巧

Sketch画图比较常用,有些图形看着挺复杂,都是由简单的图形组合转化而成,想要画一个保存图标,该怎么绘制呢?下面我们就来看看详细的教程。

首先打开Sketch工具。

Sketch怎么设计保存图标? Sketch画保存图标图形的技巧

新建一个画布,在上面画一个 40 x 40的正方形。

Sketch怎么设计保存图标? Sketch画保存图标图形的技巧

鼠标双击、或键盘回车,又或点击顶部工具栏的Edit工具,进入编辑状态,此时图形没有变化,只是会出现锚点。

Sketch怎么设计保存图标? Sketch画保存图标图形的技巧

在上面和右面分别增加两个锚点。

Sketch怎么设计保存图标? Sketch画保存图标图形的技巧

接下来选中右上角的锚点。

Sketch怎么设计保存图标? Sketch画保存图标图形的技巧

将这个右上角的锚点删除,图形开始发生了变化。

Sketch怎么设计保存图标? Sketch画保存图标图形的技巧

然后画两个矩形分别为:20x8,20x18.

Sketch怎么设计保存图标? Sketch画保存图标图形的技巧

接着画一个 10x2的矩形。到此为主,一个保存的图标绘制完成。

Sketch怎么设计保存图标? Sketch画保存图标图形的技巧

为了让图形更加圆润好看,可以将边角的圆角值更改一下,适当做一点调整。

Sketch怎么设计保存图标? Sketch画保存图标图形的技巧

对于外面的不规则形状,我们除了用刚才讲到的添加删除锚点的方式,还可以用布尔运算的方式。下面来简单说一说思路,画两个图形,一个正方形,一个三角形,并将三角形旋转角度。

Sketch怎么设计保存图标? Sketch画保存图标图形的技巧

将这两个图形进行布尔运算(减去顶层/Subtract)。(详情点击:Sketch布尔运算的技巧)。布尔运算之后的图形与前面增加删除锚点得到的图形一样。后面的步骤就不多说了。

Sketch怎么设计保存图标? Sketch画保存图标图形的技巧

注意事项:

一个图形,有多种操作方法,当然,还有其它的方法,仅供参考。

以上就是Sketch画保存图标图形的技巧,希望大家喜欢,请继续关注。