Sketch的展平形状和分离功能使用方法

Sketch是当前Mac上最强大和知名的移动APP和网站设计工具，尤其是在移动应用设计方面，Sketch的优点在于使用简单，学习曲线低，并且功能更加强大易用，支持自动切图，并且具有移动设计模板，能够大大节省设计师的时间和工作量，非常适合进行网站设计、移动应用设计、图标设计等。

展平形状（Flatten）和分离（Break Apart）是Sketch中比较底层的功能，在进行矢量编辑时可能会用得到，所以值得花费一些时间进行了解。为了说清楚这两个功能，我们必须先了解一下点和路径的概念。

1、点和路径
在Sketch中，所有的形状都由通过路径连接的矢量点组成，这些矢量点构成了形状的轮廓。例如，一个矩形，它就是由矩形路径连接的矢量点组成，我们可以在任意位置插入矢量点，也可以通过改变矢量点之间的路径来修改和优化图层。
2、子路径
当多个形状通过布尔运算等方式合并成新的形状时，新形状将包括任意数量的子路径，新形状的外观取决于子路径的组合方式。以我们早前在《Sketch布尔运算（Boolean Operations）功能讲解》一文中的新形状“心形”为例，两个○和一个□通过布尔运算union（合并）之后，它变成了新形状“心形”的子路径。我们可以在Sketch图层列表中看得比较清楚。
3、展平形状（Flatten）
下面正式进入正题，首先是展平形状（Flatten），执行该操作时，Sketch会尝试把形状内的多个路径表示为一条路径，用直白的话说就是把所有的子路径合并成一个新的路径。具体操作步骤是：选中新形状，然后在菜单栏中依次选择Layer＞Combine＞Flatten，然后我们在图层列表就会发现新形状变成了单一路径的图层。

值得注意的是，部分形状是无法展平成一条路径的，当执行Flatten操作时，Sketch会用弹框提示的方式发出警告。警告是大意是：这些图层不能被展平，因为结果形状需要包含一个以上的路径。

4、分离（Break Apart）
分离（Break Apart）的效果和展平形状（Flatten）相反，当执行该操作时，Sketch会进行路径分离并将它们变为完全独立的图层。具体操作步骤是：选中新形状，然后在菜单栏中依次选择Layer＞Combine＞Break Apart，然后我们在图层列表就会发现新形状分离成独立的图层。