Sketch UI设计工具癖Sketch

Sketch展平形状(Flatten)和分离(Break Apa

2018-07-30  本文已影响45人  夜雨y

展平形状(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,然后我们在图层列表就会发现新形状分离成独立的图层。


Sketch51最新官方正式版下载地址:【网盘下载】【官方下载

推荐阅读:

最新版:Sketch51正式版更新解读:更多箭头端点样式选择

AxureRP9:【译文】Axure RP 9新功能预告:简化移动端设计的工作流程

近期热文:怎么三言两语把“世界杯”这款产品介绍清楚?

上一篇 下一篇

猜你喜欢

热点阅读