Sketch 基础 4- 利用布尔运算制作微信图标

本教程介绍了在Sketch中如何利用布尔运算制作一个微信icon。更多优质教程请加微信公众号“一稿过”!

/// 开场白 ...

上一篇我们学习了关于按钮的各种知识,本次我们来学习一下如何使用Sketch布尔运算制作微信图标。

在Sketch里面,这几种布尔运算都显示在工具栏里,你会很容易找到他们,如下图,工具栏上右上角的四个蓝色符号就是布尔运算的四种形式:

超级产品经理

布尔运算是作图软件中很常见的一种功能,在Sketch里分为四种:

超级产品经理

  1. 合并形状: 两个矢量元素合并成为一个整体,相当于加起来的总和。

  2. 减去顶层形状: 上面的图层矢量区域会从下面的矢量区域减去。

  3. 与形状区域相交:两个矢量元素相交的时候,只会留下中间交集的部分。

  4. 排除重叠形状: 这个会把重叠的部分去掉,只会保留重叠之外的区域。

操作起立也十分简单,选中两种以上的图形元素点击布尔运算按钮即可。

好,我们了解了基础知识后开始学习如何制作一个微信图标。

/// 现在开始 ...

1.首先建立一个椭圆形,快捷键字母“O”。关闭属性面板中的宽高比,之后设定Width:125,Heigh:105。

超级产品经理

2.双击椭圆形图形,在其左下角添加三个锚点。

超级产品经理

3.将中间锚点向下拉出,修正形状如下图。

超级产品经理

4.再次建立一个椭圆形,快捷键字母“O”。关闭属性面板中的宽高比,之后设定Width:17,Heigh:15。

超级产品经理

5.调整两个椭圆形眼睛的位置如下图。

超级产品经理

6.重点来了,开始使用布尔运算:选中两个眼睛及绿色的身体,然后点击Subtract按钮。得到如下图形。

超级产品经理

7.将现有图形复制一份,快捷键:鼠标左键+alt 拖动。并点击属性面板中Flip 的镜像工具。将新图形镜像。

8.将复制好的图形更改一下颜色(白色),然后与原图形(绿色)重叠。并将其缩小至80%。我们开始制作重合部分。

9.再次利用布尔运算,将绿色图形裁切。依然使用Subtract,得到如下图形。

10.调整细节及颜色,最终得到如下图形。

...End...

关键字:设计, sketch, 布尔运算

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部