精通Sketch：正方形与半圆的绘制、编辑与布尔运算全攻略27

```html

Sketch作为一款广受欢迎的矢量设计工具，以其直观的用户界面和强大的功能，成为UI/UX设计师和图形创作者的得力助手。在日常设计工作中，我们经常需要精确地绘制各种基础图形，例如正方形和半圆。虽然它们看起来简单，但要做到完美无瑕且方便后续编辑，则需要掌握一些技巧。本文将作为您的设计软件专家，详细讲解如何在Sketch中绘制完美的正方形、半圆，以及如何利用布尔运算和路径编辑将它们组合成更复杂的图形。

一、绘制完美的正方形：基础与精确

正方形是几何图形中最基础也是最常用的形状之一。在Sketch中绘制正方形有多种方法，确保其尺寸精确是关键。

1.1 使用矩形工具绘制

这是最直接的方法：

选择工具栏中的“矩形工具”（快捷键：R）。
在画布上按住Shift键拖动鼠标。Shift键将约束矩形的宽高比例为1:1，从而绘制出一个正方形。
松开鼠标即可完成绘制。

1.2 通过属性面板精确设置

如果您需要特定尺寸的正方形，或者想精确调整现有矩形为正方形，可以使用右侧的“属性面板”：

选择您绘制的矩形。
在属性面板的“W”（宽度）和“H”（高度）输入框中，输入相同的数值（例如：200px）。
如果您想等比例缩放已有的正方形，可以点击W和H输入框之间的“锁”图标，然后改变任一数值，另一个数值会自动同步更新。

小贴士： Sketch在绘制和移动形状时会显示智能参考线（Smart Guides），帮助您对齐图形。结合Shift键，您可以轻松地将正方形与其他元素对齐。

二、绘制完美的半圆：巧妙的路径编辑与布尔运算

半圆并非Sketch工具栏中的直接选项，它的绘制需要一点技巧。我们将介绍两种主要方法：通过布尔运算和直接编辑路径。

2.1 方法一：使用布尔运算（Subtract）

布尔运算是Sketch中处理复杂图形的强大功能。通过“减去顶层”（Subtract）操作，我们可以从一个圆形中切出半圆。

绘制一个圆形：

选择“椭圆工具”（快捷键：O）。
按住Shift键在画布上拖动，绘制一个完美的圆形。
在属性面板中，确保其W和H值相等，例如：200px x 200px。

绘制一个矩形作为切割工具：

选择“矩形工具”（快捷键：R）。
绘制一个宽度等于圆形直径，高度大于或等于圆形半径的矩形。例如，如果圆形直径是200px，矩形可以绘制成200px宽，100px高。
或者，简单地绘制一个覆盖圆形一半的矩形。

对齐矩形与圆形：

将矩形精确地放置在圆形的上方或下方，使其覆盖圆形的一半。Sketch的智能参考线会帮助您居中对齐。
您也可以选中两个图层，然后在顶栏的对齐选项中选择“水平居中对齐”和“顶部对齐”或“底部对齐”，以确保矩形完全覆盖圆形的一半。

执行“减去顶层”操作：

选中圆形和矩形这两个图层（确保矩形在圆形之上，即在图层列表中位于圆形上方）。
点击工具栏或属性面板顶部的“布尔运算”图标（通常是一个重叠的方块和圆形的图标），选择“减去顶层”（Subtract）操作。

结果：矩形部分将被从圆形中减去，留下一个完美的半圆。

2.2 方法二：直接编辑圆形路径（更精确且灵活）

这种方法直接操作圆形的锚点，通常在需要更精细控制时使用，而且生成的半圆路径更加简洁。

绘制一个圆形：

使用“椭圆工具”（快捷键：O），按住Shift键绘制一个完美的圆形。

进入路径编辑模式：

选中圆形图层。
双击圆形，或点击工具栏中的“编辑”（Edit）按钮，进入路径编辑模式。
此时，您会看到圆形的四个锚点（通常在上下左右四个极点）。

删除不需要的锚点：

如果您想要一个上半圆，选中圆形的底部锚点及与其相连的两个控制手柄（拖动选择或按住Shift点击）。
按下Delete键。

闭合路径：

删除锚点后，路径会变成开放状态。您需要将其闭合以形成一个完整的半圆形状。
在路径编辑模式下，点击工具栏中的“连接线段”（Join）或“闭合路径”（Close Path）图标（通常是一个带有断开或连接点的路径图标）。或者，选中开放路径的两个端点，然后点击“连接”（Connect）按钮。
更简单的做法是，直接在两个开放的端点之间使用“钢笔工具”（P）连接，或者Sketch会自动提示您闭合路径。

结果：您将得到一个由一个弧线和一条直线组成的完美半圆。这种方法生成的路径点更少，编辑起来也更方便。

小贴士：在路径编辑模式下，您可以拖动锚点的控制手柄来调整弧线的弯曲程度。对于半圆，通常保持其默认状态即可。

三、正方形与半圆的组合应用：探索更复杂的图形

掌握了正方形和半圆的绘制后，您可以利用Sketch的布尔运算功能，将它们组合成各种富有创意和实用性的图形。

3.1 布尔运算复习

Sketch提供了四种主要的布尔运算，它们是组合和切割图形的利器：

联合（Union）：将多个形状合并成一个单一的形状，其外部轮廓是所有形状的合并。
减去顶层（Subtract）：从底部形状中减去顶部形状。
交集（Intersect）：只保留所有选中形状重叠的部分。
差集（Difference）：保留所有选中形状不重叠的部分。

3.2 组合示例

3.2.1 绘制一个“D”字形或有圆弧边的矩形

绘制矩形：画一个任意大小的矩形。
绘制圆形/半圆：在矩形的一侧，画一个圆形。
对齐：将圆形对齐到矩形的一侧，使其与矩形的边缘相切。如果需要“D”字形，圆形应该只覆盖矩形的一半。
联合操作：选中矩形和圆形（或半圆），执行“联合”（Union）布尔运算。这样，您就得到了一个一侧是直边，另一侧是完美圆弧的图形。