实用Sketch小技巧07——布尔运算

越来越多的人开始用Sketch进行UI设计，Sketch作为一款非常容易上手的软件，很多人完全可以依靠自学便能熟练掌握这款软件，但是大部分人都只是掌握Sketch的基本实用方法，对于一些实用的小技巧，了解的并不是特别多。

从今天开始，我将向大家介绍Sketch的一系列实用小技巧，这些小技巧能帮助大家更好的使用Sketch，提升工作效率。

这是该系列教程的第四篇——钢笔工具的运用。

本教程的第一篇：http://www.jianshu.com/p/109aac030ded

本教程的第二篇：http://www.jianshu.com/p/80b606f87f53

本教程的第三篇：http://www.jianshu.com/p/410f2ef8b424

本教程的第四篇：http://www.jianshu.com/p/7acc514dc2e3

本教程的第五篇：http://www.jianshu.com/p/84235319ca6a

本教程的第六篇：http://www.jianshu.com/p/c59ae25c770d

在进行图标绘制时，不得不提到的一个知识点就是布尔运算，通过对基本形状做布尔运算，可以绘制出千万种不同的图形。

布尔运算包括Union（合并）、Subtract（减去顶层）、Intersect（区域相交）和Difference（排除重叠）四种，在Sketch的工具栏中，提供了四种布尔运算工具，如下图所示。

为了能更好的理解四种运算的效果，现绘制两个不同颜色的正方形，如下图所示，其中红色正方形在蓝色正方形的下方，两者面积有1/4的重叠。并且为了更加能说明效果，两个正方形均给了10px的描边。选中两个形状图层，对其做布尔运算。

Union（合并），快捷键为option + command + U，效果如下图所示。可以看到两个图层合并为一个图层，且描边变成一个描边，颜色与下方图层颜色相同。

Subtract（减去顶层），快捷键为option+command+S，效果如下图所示。两个图层虽然也合并为一个图层，但是上方图层已经被减去，且下方图层中被上方图层覆盖的区域也被减去。

Intersect（区域相交），快捷键为option+command+I，效果如下图所示。两个图层经过运算只剩下相交区域，且颜色取决于下方图层颜色。

Difference（排除重叠），快捷键为option+command+X，效果如下图所示。可以看到两个图层中重叠的部分已经被减去，且颜色变成下方图层颜色，描边相互封闭。

同时大家可以注意到，在图层列表中，进行了布尔运算的图层虽然合并为一个图层，但是在图层左侧会有小箭头，单击箭头可以展开，并分别对原始图层进行调整，包括位置、大小的调整。且在原始图层顶部图层的右侧有布尔运算的标记，单击如下图所示，可以快速对运算规则进行切换。若选择None，则取消布尔运算，原图层恢复成普通图层。

总之，通过对普通图层进行布尔运算一定可以达到大家想要的效果，布尔运算支持多个图层间的运算，而不仅限于两个图层间。大家在平时中看到各种图标，可以试着去分析，看是由哪些基本形状组成。

另外需要注意的是，图层顺序不同，相同图层执行相同运算也会得出不一样的效果，大家在平时工作中若遇到执行布尔运算跟想象不同的时候，可以试着看图层之间的顺序是否出现了错误。