Sketch中轻松创建圆角矩形：完整指南及技巧279

Sketch是一款强大的矢量图形编辑软件，深受设计师喜爱。在设计过程中，圆角矩形是极其常用的元素，它能为界面带来更柔和、更友好的视觉效果。然而，对于Sketch新手来说，如何高效地将矩形转换成圆角矩形可能并非易事。本文将详细讲解Sketch中创建圆角矩形的三种主要方法，并分享一些技巧，帮助你快速掌握这项技能，提升设计效率。

方法一：使用“圆角矩形”工具直接创建

这是最直接、最简单的方法。Sketch自带“圆角矩形”工具，可以一步到位创建具有圆角的矩形。无需先创建普通矩形再修改，节省了操作步骤。

1. 打开Sketch并选择“矩形”工具 (快捷键：R)。 在工具栏中，你会看到多个形状工具，选择“矩形”工具。注意，它和“圆角矩形”工具通常是在同一个工具分组下，需要点击并选择子菜单。

2. 选择“圆角矩形”工具。 在“矩形”工具下拉菜单中，找到并选择“圆角矩形”工具。有些版本可能直接显示“圆角矩形”工具图标。

3. 在画布上绘制圆角矩形。 点击并拖动鼠标，在画布上绘制一个圆角矩形。你会发现，在绘制过程中，圆角的半径会实时显示在Sketch的属性面板中（Inspector面板）。你可以实时调整半径大小，或者在绘制完成后再修改。

4. 调整圆角半径。 在绘制完成或选中圆角矩形后，在Inspector面板中找到“CornerRadius”属性，输入你想要的圆角半径数值，即可精确控制圆角的大小。你可以使用像素值(px)或百分比(%)来设置圆角半径，百分比指的是矩形边长的一定比例。

方法二：使用“矩形”工具创建后修改圆角

如果你已经创建了一个普通矩形，或者需要修改现有矩形的圆角，可以使用这种方法。它更灵活，适用于需要对已存在矩形进行调整的情况。

1. 创建或选中一个矩形。 使用“矩形”工具创建矩形，或者选择一个已存在的矩形。

2. 在Inspector面板中找到“CornerRadius”属性。 与方法一类似，在Inspector面板中找到“CornerRadius”属性，输入你想要的圆角半径值。

3. 调整圆角半径。 输入数值后，矩形的圆角会实时更新。你可以通过输入精确数值或使用滑块来调整圆角半径。

方法三：使用“形状”工具组合及布尔运算创建更复杂的圆角形状

对于更复杂的圆角形状，例如带切角的圆角矩形或不规则形状，你可以使用“形状”工具（例如椭圆、矩形等）结合布尔运算来创建。

1. 创建所需的形状。 使用“形状”工具创建多个形状，例如四个圆形和一个矩形，组成一个圆角矩形的轮廓。

2. 使用布尔运算。 选择所有形状，然后在Sketch的菜单栏中找到“Layer”>“Boolean Operations”，选择“Union”（合并）操作，将多个形状合并成一个完整的圆角形状。

3. 调整和完善。 合并后，你可以进一步调整形状的细节，例如圆角半径、大小和位置。

技巧与建议：

• 使用快捷键：熟练掌握快捷键可以大大提高效率，例如“R”用于选择矩形工具，“Cmd/Ctrl + C”复制，“Cmd/Ctrl + V”粘贴等。

• 精确控制： 使用数值输入来精确控制圆角半径，避免使用鼠标拖动带来的误差。

• 复制和粘贴： 创建一个理想的圆角矩形后，可以使用复制和粘贴功能快速创建多个相同的圆角矩形，并根据需要调整大小和位置。

• 利用图层样式：你可以创建图层样式，并将其应用于多个形状，以便快速一致地应用圆角和其他样式。

• 探索插件： Sketch拥有丰富的插件生态系统，一些插件可以提供更高级的圆角创建和调整功能，例如自动生成不同圆角半径的形状等。

通过掌握以上三种方法和技巧，你将能够在Sketch中轻松创建各种圆角矩形，并提升你的设计效率。熟能生巧，多练习是掌握这些技能的关键。记住，Sketch是一个强大的工具，熟练掌握它能让你在设计工作中如虎添翼。

2025-08-10

上一篇：Sketch吸管工具尺寸调整及高效使用技巧

下一篇：Sketch中显示和使用锚点：完整指南