新增:智能动画 — 为您的原型添加动画效果。 了解更多

跳过导航

填充

上次更新于 2023 年 4 月 18 日
阅读时间:3 分钟

Mac 应用支持五种不同的填充类型

  • 纯色填充 椭圆
  • 线性渐变 线性渐变
  • 径向渐变 径向渐变
  • 角度渐变 角度渐变
  • 图像填充 图像填充

默认情况下,所有新图层都具有单一的纯色填充。

添加新的填充

填充

观看课程

要添加新的填充,请点击“填充”面板中的 创建。您可以向单个图层添加任意数量的填充,它们将彼此叠加。对于您创建的每个填充,您将拥有以下选项

An annotated image showing the different fill options and controls
  1. 启用/禁用复选框
  2. 颜色/预览井。单击此按钮以显示 颜色弹出窗口,您可以在其中选择不同的颜色或更改填充类型。
  3. 色板 色板.单击图标并浏览文档和库中的所有 颜色变量
  4. 混合模式 混合.单击图标并选择混合模式 - 或将鼠标悬停在各种选项上以预览它们在画布上的显示效果。如果您选择除“正常”以外的任何内容,则图标将更改为系统的强调色(如果您未指定,则为橙色)。
  5. 填充选项。如果您使用的是纯色填充,您将在此处看到该颜色的十六进制值,以便于复制和粘贴。如果您使用的是渐变或图像填充,您将看到在此处更改其类型的选项。注意:当您在拾色器中更改颜色的十六进制值时,它将保留您之前为此颜色设置的任何 Alpha 值。
  6. 不透明度。除了混合模式之外,您还可以更改填充的不透明度以组合和显示两种或多种填充类型。

您可以将带有 Alpha 值的十六进制代码粘贴到十六进制字段中,这将应用正确的不透明度。例如,#FF000080 将变为十六进制值为 #FF0000 且不透明度为 50% 的颜色。最后两个字符是不透明度值。请注意,不透明度值是 16 进制的,这就是为什么 80 变为 50% 而不是 80% 的原因。

不透明度和混合模式

观看课程

提示:F 切换任何所选图层的所有填充的可见性。

添加图像填充

单击填充选项上的颜色井,然后单击弹出窗口右侧的图像填充按钮 图像填充。通过单击图像预览上的“选择图像…”选择您自己的图像,或从弹出窗口底部的预设中选择一个。您还可以单击数据图标 数据集 从数据源中选择一个。

然后,您可以从四种不同的填充类型中进行选择

  • 填充调整图像的大小以适应图层的宽度。
  • 适配调整图像的大小以适应图层的高度。
  • 拉伸通过拉伸图像以适应图层的高度和宽度比例。
  • 平铺使图像保持其原始大小,并可以选择调整此大小,并将其平铺以适应图层。

您还可以单击图像预览上方的时钟图标 小钟表 以查看文档中常用的图像,或从底部的全局预设中选择基本图案或噪点填充。

提示:您可以使用检查器中填充的上下文菜单上的“粘贴图像作为填充”选项,将 Sketch 外部的图像直接粘贴到填充中。从 Finder(或任何其他应用程序)复制您要使用的图像作为填充,选择要在 Sketch 中用作填充的图层,然后 Control-单击检查器中的填充面板以显示“粘贴图像作为填充”选项。“粘贴图像作为填充”上下文菜单选项仅在剪贴板上存在兼容的图像时才启用。

更改重叠路径的填充设置

将填充应用于形状后,单击填充部分标题附近的设置图标。在这里,您可以根据 缠绕规则 选择使用非零或奇偶规则填充形状。