Sketch形状合并：全面掌握图层组合、布尔运算与高级技巧382

在数字设计领域，Sketch 作为一款专注于 UI/UX 设计的矢量图形工具，其高效性和灵活性备受推崇。对于设计师而言，掌握如何将多个基本形状“结合”成更复杂、更精细的图形，是提升设计效率和创作能力的关键。标题中提到的“Sketch怎么把两个块结合”，看似简单，实则涵盖了 Sketch 中多种强大的形状处理功能，从最基础的图层分组到高级的布尔运算，乃至其在创建可复用组件中的应用。本文将作为您的设计软件专家指南，深入剖析 Sketch 中“结合”形状的各种方法、操作步骤、应用场景及其背后的设计哲学。

首先，我们需要明确“结合”在 Sketch 中可能意味着几种不同的操作。它可以是逻辑上的组织（如分组），也可以是物理上的路径合并（如布尔运算），甚至是通过遮罩或符号创建更复杂的视觉效果。理解这些区别，是高效利用 Sketch 的第一步。

一、最直接的“结合”：布尔运算（Boolean Operations）

布尔运算是 Sketch 中最核心、最强大的形状“结合”功能，它允许您通过数学逻辑来合并、减去、相交或排除多个矢量路径，从而创建出任何复杂的形状。这些操作都是非破坏性的，这意味着您可以随时修改参与运算的原始形状，极大地提高了设计的灵活性和迭代效率。

1. 布尔运算的四种基本类型：

布尔运算位于 Sketch 工具栏的顶部，通常以四个图标表示，其名称和功能如下：

联合 (Union)：将两个或多个形状的路径合并为一个更大的形状。想象您想画一个云朵，可以用多个圆形和矩形通过联合操作组合而成。这是最常见的“结合”方式，它将所有选定形状的面积加在一起，形成一个单一的复合路径。

操作步骤：

选择您想要联合的所有形状（按住 Shift 键点击）。
点击工具栏上的“联合”图标（或通过菜单栏选择 Layer > Combine > Union）。

应用场景：创建自定义图标、合并文字路径、制作复杂的背景图形等。

减去顶层 (Subtract)：用顶层形状从底层形状中减去一块。这就像用一个模具在面团上挖一个洞。例如，要制作一个甜甜圈形状，可以用一个较小的圆形从一个较大的圆形中减去。Sketch 会保留底层形状未被顶层形状覆盖的部分。

操作步骤：

确保您要减去的形状位于您要被减去的形状之上（在图层列表中）。
选择这两个形状。
点击工具栏上的“减去顶层”图标（或通过菜单栏选择 Layer > Combine > Subtract）。

应用场景：创建挖空效果、制作带缺口的形状、设计复杂的文字排版等。

相交 (Intersect)：只保留两个或多个形状重叠的部分。如果您的两个形状像交叉的道路，相交操作将只保留它们重叠的十字路口部分。

操作步骤：

选择您想要相交的所有形状。
点击工具栏上的“相交”图标（或通过菜单栏选择 Layer > Combine > Intersect）。

应用场景：制作复杂的遮罩效果、切割图形、创建特殊纹理等。

排除 (Difference)：保留形状中不重叠的部分，去除所有重叠的部分。这与相交操作相反，它会保留所有形状中独有的部分，而将它们共同重叠的部分移除。

操作步骤：

选择您想要排除的所有形状。
点击工具栏上的“排除”图标（或通过菜单栏选择 Layer > Combine > Difference）。

应用场景：创建镂空效果、制作拼图块状图形、设计不规则边框等。

2. 布尔运算的非破坏性特性：

Sketch 的布尔运算是其强大之处之一。完成布尔运算后，在图层列表中，您会看到一个名为“Combined Shape”（组合形状）的新图层。展开这个图层，您会发现所有参与运算的原始形状仍然存在，并且可以单独选中和编辑它们的位置、大小和属性。这意味着您可以随时调整布尔运算的结果，而无需撤销重做或重新开始。如果您想将组合形状转换为一个单一的路径，可以选择该组合形状，然后点击工具栏上的“Flatten”（平面化）按钮（或通过 Layer > Flatten Selection），但这会失去非破坏性编辑的能力。

二、逻辑上的“结合”：图层分组（Grouping Layers）

除了物理上的路径合并，Sketch 中还有一种更常见的“结合”方式，那就是将多个图层组织成一个组。分组不会改变形状本身的路径，而是将它们视为一个整体进行管理，方便移动、缩放、复制和应用样式。

1. 如何进行图层分组：

操作步骤：

选择您想要分组的所有图层（按住 Shift 键点击或拖拽选取框）。
执行以下任一操作：

点击工具栏上的“Group”（分组）图标。
使用快捷键 Command + G。
右键点击选中的图层，选择“Group Layers”。
通过菜单栏选择 Layer > Group Selection。

2. 分组的应用场景：

组织管理：将属于同一UI组件（如按钮、导航栏、卡片）的所有元素（文本、图标、背景形状）分组，使图层列表更整洁，方便查找和管理。

整体操作：一次性移动、缩放、旋转或复制整个组件，而无需单独选择每个元素。

样式应用：可以将共享的背景填充或边框样式应用到整个组，虽然组内的元素仍然有自己的样式，但组可以作为统一的容器。

响应式设计：结合 Sketch 的 Smart Layout（智能布局）功能，分组是创建响应式组件的基础。当组内元素或组的大小改变时，其内部元素的间距和位置会自动调整。

取消分组：选择一个组，然后点击工具栏上的“Ungroup”（取消分组）图标，或使用快捷键 Shift + Command + G。

三、视觉上的“结合”：遮罩（Masking）

虽然遮罩并非直接将两个形状的路径合并，但它能创造出一种“结合”的视觉效果，即用一个形状来剪裁另一个或一组形状的可见区域。这在创建图像裁剪、异形边框或复杂图形时非常有用。

1. 遮罩的工作原理：

在 Sketch 中，作为遮罩的形状必须位于被遮罩的形状之上。遮罩形状决定了下方图层哪些部分可见。只有位于遮罩形状内部的部分才会被显示出来，外部的部分则被隐藏。

2. 如何创建遮罩：

操作步骤：

将作为遮罩的形状放置在您想要被遮罩的图层（可以是单个形状、图像、文本或一组图层）之上。
选择作为遮罩的形状和所有您想要被遮罩的图层。
执行以下任一操作：

点击工具栏上的“Mask”（遮罩）图标。
使用快捷键 Control + Command + M。
右键点击选中的图层，选择“Use as Mask”。
通过菜单栏选择 Layer > Use as Mask。

3. 遮罩的应用场景：

图片裁剪：将任意形状用作图片的裁剪框，而非传统的矩形。

异形边框：为文本或形状创建独特的背景或边框效果。

复杂图案：将复杂的图案或纹理剪裁成特定形状。

解除遮罩：选择遮罩组，然后点击工具栏上的“Mask”图标，或再次使用快捷键 Control + Command + M。

四、高级“结合”：符号（Symbols）与智能布局（Smart Layout）

在 Sketch 中，将各种形状、文本、图片等元素通过分组和布尔运算“结合”成一个可复用的组件，然后将其创建为符号（Symbol），是实现设计系统和保持设计一致性的高级“结合”方式。

1. 符号的创建与应用：

当您创建一个组件（通常是多个形状和文本的分组）后，可以将其转换为符号。

选择您想要创建为符号的组或图层。
点击工具栏上的“Create Symbol”（创建符号）图标。

创建符号后，您可以在设计的任何地方插入该符号的实例。当您修改原始符号（Master Symbol）时，所有实例都会自动更新，极大地提高了设计效率和维护便利性。