通用检查器

右侧的检查器能让你对正在编辑的图层——有时是正在使用的工具——进行参数调整。当你选中一个图层时，你会发现检查器被划分为几个区域。

所有的图层样式编辑都在最顶端：图层所在位置，透明度，混合模式以及几个特殊选项——比如矩形内角半径的调整功能。

样式属性

每一种样式属性都有他们独自的区域，你可以勾选左上方的小方框展开他们，并显示出具体的选项。如果你点击颜色按钮，你会发现检查器滑倒一边，出现新的专门的颜色检查器，你只需要单击顶端的“后退”按钮便会回到主检查器。当你选中了其他图层，同样会自动回到主检查器。

额外选项

有些Sketch中的默认图形，会有几个有趣的额外选项。常见的便是星型和圆角矩形，当你选中他们时，检查器就会出现几个额外选项。星型的半径和角的数量以及圆角矩形的圆角半径都是可以调整的。

需要注意的是，当你改变这种图形的半径或者添加新的角时，你会失去之前对这个图形所做的所有编辑。

文本检查器

当你选中了一段文本，你会发现检查器这时变成了专门的字体检查器，你可以在这选择字体样式和大小等等。在字体列表中，每一种字体都默认设置了预览模式，如果你不喜欢，可以在偏好设置中关闭。

你也可以在这更改字间距和行距。在没有对整个文本对象设置通用填充的情况下，你也可以单独更改文本子区间的颜色。其他的文本设置功能——比如改变文本大小写——你可以在菜单栏的 格式 (Format) 中找到。

文本样式

字体检查器的最下面是一个文本样式的列表，默认下这里会是空白的，一旦你在这添加新的文本样式，当前的文本图层便会显示出新的文本样式。如果稍后，你添加了新的文本图层，并选择同一文本样式，也会得到同样的文字效果。

文本路径

Sketch支持文本渲染路径，比如右边这样：

我们只需要两个东西来实现这个效果：一个矢量图形和一个文本图层。当你进入顶端的 编辑菜单 (Edit) > 文本路径 (Text on Path)，Sketch会帮你把文本图层贴合的放在它下一层的矢量图形上面。值得注意的是，两者的顺序必须是矢量图形在文本图层的下面，才能得到这样的效果。

放置文本图层时你只需将文本横向拖至矢量图形，这点很难用文字表述，但你可以在创作中非常直观的看到他们如何实现。

文本也都可以被转换成矢量图形，你可以执行 编辑（Edit）> 将文本转换为轮廓 (Covert Text to Outlines) 的命令来实现。一旦转换，所有针对于矢量图性的工具现在也都可以在这个文本上使用了。

直接选择

默认下，你需要先双击选中组，再单击选中组里的图层。但是如果你按住 ⌘ 键 (command键)，你便可以进入组，直接选择想要的图层。

如果你只想将编组工具用于组织图层列表，而不想每次都先双击，你可以勾选编组检查器中的 直接选择 (Click-through when selecting) 选项。你也可以在通用偏好设置中这样定义新建的编组。

添加图层

添加图层最简单的方式便是直接从工具栏选择一个标准图形。比如选中矩形工具，光标会变成一个右上角有个小矩形的十字图案。这时你只需在画布上单击并拖动鼠标来添加你想要的形状。松开鼠标，随即完成这个矩形，你可以紧接着绘制另一个新的矩形。当你按住 shift 键来绘制时，则会画出一个正方形。

当你觉得已经完成了你想要的矩形时，只需单击画布上任一点（无需拖动鼠标）来退出矩形工具，或者在工具栏的矩形图标上单击取消。

图层重叠

为了更方便的选中被压在另一个图层下方的图层，你可以同时按住 alt 和 command 键单击，这是会出现一个小小的下拉菜单，里面列出了光标下面的所有图层。

你可以立即拖动移动一个之前并没有选中的图层，但是如果你想移动一个压在另一图层下的图层，则可以按住 A 键，保留现在的选取，而不会重新选择其他图层。

限制蒙版

如果你不想接下来所有的图层都被蒙版剪切，那么你可以将蒙版和想要被剪切的图层单独编组，一次来限制蒙版的使用情景。一旦蒙版被编组，其他一切在组外的图层就都不会被蒙版剪切了。

在无法编组的情况下，你还可以通过以下方式限制蒙版：

・选中一个你想从剪切蒙版中解救出来的图层

・进入 编辑 菜单，选择 忽略底层蒙版 (Edit > "Ignore Underlying Mask")

这一层图层和它以上的所有图层就都不会被蒙版剪切了。当你调整图层顺序的时候则需要格外注意，个别图层可能会意外的被蒙版剪切。

图形蒙版

如果上面这一系列操作听起来很麻烦，我们也有更好的办法：在画布上同时选中一个图形和一张图片，选择 编辑 菜单中的 用所选图形做为蒙版 (Edit > "Mask with Selected Shape")， 就可以直接将这个图形作为选中图片的蒙版了。Sketch会自动为他们编组，并把其中的图形图层变成蒙版。

ALPHA 蒙版

默认情况下，一个蒙版会显示出所在区域的图片，隐藏其他的地方。另一种使用蒙版的方式是通过 ALPHA 蒙版建立渐变区域，来具体选择图片的各部分是否可见。

使用这个方法你可以先选中蒙版，选择 编辑 (Edit) > 蒙版模式 (Mask Mode) > ALPHA 蒙版 (ALPHA Mask) 来实现。

填充

Sketch当中，所有的图形都可以用纯色，渐变色或者图案来填充。

同时你也可以选择图案填充，在预设中选择图案，或者你也可以自己添加一张图片，通过平铺 (Tile) 或者扩展 (Fill) 的方式来填充。

・平铺 (Tile) :图像被不断重复直至铺满整个区域

・扩展 (Fill) :图像被放大直至占满整个区域

你可以按下第一个填充按钮右边的 + 按钮来添加第二个填充。每一个图层都可以最多使用四种填充，他们会从左至右一次叠加显示。每一个填充都可以选择自己的混合模式，你也可以调整他们之间的透明度。

需要注意的是，如果一个图层有多种填充， 并且最右边的一种填充是纯色或者没有任何透明度的渐变色的话，那你就看不到底下的其他填充了。

但是你可以通过拖拽不同填充将他们进行重新排列。

模糊

Sketch为你提供了三种不同的模糊方式，你可以在模糊工具的区域中进行选择：

・高斯模糊（Gaussian Blur）：能让你的图层均匀的模糊

・动态模糊 (Motion Blur)：仅向一个方向模糊，造成一种运动的错觉

・缩放模糊 (Zoom Blur) ：从一个特定的点向外模糊

需要注意的是，模糊是一种非常消耗资源的渲染效果，图层越大，模糊就需要占用更多的内存空间和处理器能力。

虚线

矢量图层会有几个额外的边框选项：虚线，更改结束点或合并点的图形。想创作虚线，你可以先找到检查器中的边框区域 (Border)，单击右上角的三角形图标，这时边框面板会自动扩展出现几个新的选项，其中最下面就有四个设置虚线的输入框。

举个例子，一个4-2的虚线图形会画出一个长4个像素的线条，留出长2个像素的间隔，接着再画4个像素长的线条并一只重复。一个5-4-3-2的虚线图形则会画出一个长5个像素的线条，留出长4个像素的间隔，接着再画3个像素长的线条，留出一个长2个像素的间隔，并重头再来一遍。

杂色

当你在调整涂层填充模式的时候，你会发现在选项面板 (Option)，有一个“杂色” (Noise)滑块,滑动它，便可以增加图层的杂色密度。

Sketch当中的渐变模式可能和你预期中的不太一样，因为你可以直接在画布当中更改渐变滑块，而不是很麻烦的在检查器中更改。

想要给图形设置渐变填充，你可以直接选中图形，单击填充按钮，色彩工具就会显示在检查器中。想了解色彩工具的使用方式，请先阅读色彩工具章节。在色彩面板的底部，你也可以在纯色填充，渐变填充和图案填充当中进行选择。

单击渐变，在弹出的的突出按钮中，你可以选择线性渐变，径向渐变或是环形渐变。你也可以直接选择颜色对调 (Flip)，画布的图案会随即更新过来。原本纯色的填充也会被一个渐变色取代，同时还有两个至多个点连成的渐变线覆盖在图层上。渐变线上的每一个点都是一个色彩滑块，滑块之间的颜色则会被绘制成平滑的色彩过渡。

想要改变色彩滑块的颜色，你可以先单击选中它，这时你会在右边的拾色器里看见你所选滑块的颜色。只要选择一个新的色彩值，你就能在画布上看到相应的改变。

在渐变线中间单击，你就会看见一个新的色彩滑块被添加。你可以移动这些色彩模块来调整渐变过程的平滑度，你也可以移动渐变线的起点和终点来改变渐变的方向。

如果你想移除色彩滑块，直接在画布上选中它，再按下键盘上的 delete 键，或是 backspace 键即可。

径向渐变

如果你选中了径向渐变，那么渐变线上的第一个点便会是径向渐变的中心，末端的点则会决定渐变的范围。在渐变色的外圈上，你会发现另一的点，你可以拖拽它使渐变范围在正圆和椭圆当中变化。

环形渐变

环形渐变会在图层上以中心点顺时针渐变。你可以在其中任意加减色彩滑块，方法和线性渐变一样，在渐变线上移动或者拖拽色彩滑块即可。

边框渐变

Sketch里，我们同样可以对描边进行渐变渲染，使用方法和填充渐变类似，只需点击边框面板里的色彩按钮，再重复以上的操作就好。

Sketch里，每个图层都可以同时使用至多4种填充，所以你可以非常方便的将一个半透明填充添加到另一个纯色填充之上。只需要单击第一个色彩填充旁边的 + 按钮即可。你也可以拖拽不同的填充来调整他们之间的顺序，也可以将其中一种填充拖出面板来删除它。

如果你想改变每一层填充的色彩属性，你可以点击色彩按钮，在色彩面板中改变颜色，或者在纯色填充，渐变填充和图案填充之间切换。你也可以取消勾选每一个色彩按钮上面的小方框，以禁用某一种填充。

当你在创作多层填充的图层时，单击最后一层填充的色彩按钮，你就会在色彩面板中发现几个新选项，你可以在这里为有连接关系的填充选择不同的混合模式，也可以单独调整每一种填充的透明度。

如果你读完了前面关于色彩和渐变的章节，那你其实已经见过预设很多次了。色彩填充，渐变填充和图案填充都支持预设，你可以轻易地添加和移除。以上的每一种填充模式中，Sketch都自带了一系列的预设，不过如果你不喜欢他们的话，你也可以将这些预设全部移除。

色彩预设

我们的色彩预设则是一个特例。如你所知，Sketch有自带的拾色器，所以我们也会管理我们的预设。如果你在标准的 Mac OS 拾色器中有一系列的预设，Sketch会在每次运行的时候导入这些预设。如果你想拜托这些预设，在 OS X 拾色器中移除掉就好。

链接样式可以让多个图层的样式始终保持一致。当你有多个图层共享同一种样式的时候，举个例子——改变一个图层的边框，那么其他图层的边框也都有相同的变化。

你可以点击检查器右上方的 链接 (Link) 按钮来激活链接样式。你会看见检查器稍稍下滑，露出一行预设。点击 + 按钮就可以添加链接，然后选中另一个图层，再点击你刚刚创建的新链接，这一图层就会立即改变。这个时候你对这两个图层中任一个做修改，另一个都会做出相应的改变。

如果你想移除预设，只需右击它，并选择弹出的 移除 (Remove) 按钮。

解除链接

举个例子，如果有三个图层同时共享一种样式，而你想解除其中一个图层的链接（但依然保持另外两个图层相互链接），这个时候你可以先选中想解除链接的图层，然后点击预设栏中的第一个图标，即可解除链接。这个图层看起来并不会有任何变化，但当你改变这个图层的样式时，另外两个图层都不会再随之改变了。

矢量工具

我们从矢量工具开始介绍。虽然对于大部分的创作，我都不建议大家使用矢量工具，但是大家对现有矢量图形中点的编辑方式，几乎就和用矢量工具绘制新的矢量一样。

单击工具栏中的矢量工具图标，然后在画布上任意单击来添加第一个点，再点击其他地方添加第二个。这时你会看到一条直线将两个点相连接，你可以按住鼠标，往其他方向拖拽来绘制出曲线。

点的两端所连接的两个不同的小点被称作锚点，锚点的位置决定了这条曲线具体的弧度。这一切便代表了绘制矢量图形的全部。当然，你可以随时更改你刚才的操作。

当你绘制玩这个矢量，你可以选中第一个点来结束这个适量路径，或者你也可以通过按 Return 键 / Escape 键，或者在工具栏中取消选择矢量工具的图标来结束。

编辑一个矢量

我们接下来的讨论适用于绘制新的图形，或者编辑已有的矢量图层以及圆形或者矩形这样的标准图形。你也可以直接双击一个已有的矢量图形来编辑它。

矢量图形上的任一点都可以单击来选中（这一点会在画布中突出显示），你可以拖拽这一点来移动，或者按下 backspace 键/delete 键来删除这一点。同时，如果你双击某一点，则会在那里添加或移除锚点，将一条直线变成曲线，反之则将一条曲线变成直线。

锚点模式

在画布顶端的小工具栏里，有一些针对所选矢量点的附加设置：

・直线角 (Straight)：当你刚刚点击画布的时候，会添加一个直角，也就是说没有任何锚点，你所得到的便是一条直线。

・镜像 (Mirrored)：锚点会镜像对应。两个锚点将会与主点距离相同并且正好相互对立。当主点并非直角时，镜像便是默认的点模式。

・不对称 (Asymmetric)：两个锚点到主点之间的距离是独立的，但他们依然相互对应。

・断开连接 (Disconnected)：锚点之间完全独立，互不影响。

・圆角 (Rounded)：锚点将会以特定的内角半径渲染成圆角，非常适用于将一个矩形的一两个角变成圆角。

高级编辑

绘制矢量图形时，你可以按住 shift 键再画之后的点，Sketch会自动帮你对齐到前一点的45度角方向，这在你绘制直线时会非常方便。如果你是在两点之间添加新的锚点时按住 shift 键，你便会得到两点间的锚点。

如果你按住 command 键，单击两点间的线条，Sketch则会帮你在线条的正中间添加锚点。

多选区

Sketch中有一个不太显而易见的功能便是，你可以同时选中多个点，并一起移动他们，你只需按住 shift 键，再以此选中需要编辑的点。你会看见被选中的点会有深灰色的外圈，没被选中的则没有。

另一个多重选择的方法则是，按住 shift 键，拖动鼠标从空白处画出一个矩形选区。如果你在松开鼠标时依然按着 shift 键，那么除了矩形选区内的，你还可以继续选择单独的点；如果在松开鼠标时你没有按着 shift 键，则仅会选中矩形选区内的点。

图层列表

当你有一个含有多个子路径的图形时，你可以来看看左侧的图层列表。正如编组列表一样，图层列表的左边也有一个下拉箭头，单击它你便会看见这个图形的子路径列表。值得注意的是，每一个子路径的布尔运算你都可以在右边的按钮中单独修改。一个子路径可以被设置成减去顶层形状，它上面的一个子路径则可以和它再相合并。

图层列表的顺序是从下至上的，布尔运算的工作原理也是一样，即你所选的布尔运算将这一层和下一层的图形相组合，他们的结果再与另一层相组合。

这是Sketch当中一个特别的工具。它并没有出现在默认的工具栏里，但你可以通过右击工具栏并选中定制工具栏 (Customize)来将旋转复制添加到工具栏上。你也可以在菜单栏中进入 编辑 > 路径 > 复制旋转 (Edit > Paths > Rotate Copies).

这个工具能复制选中的图形，并按照一个特定的中心点旋转。例如绘制一朵花，你可以先画出一片花瓣，然后复制12片花瓣并旋转，即可得到一朵花的图案。

你可以选中一个图层，激活复制旋转工具，输入你想要的复制数量，接着调整中心点的位置，最后单击图形外的画布即可退出复制旋转工具。

所有的复制图形都会被视为原图形的子路径，如果你想让他们成为完全独立的图层，你只需从菜单栏进入 编辑 > 路径 > 分离 (Edit >　Paths > Split)即可。

描边宽度工具让你任意改变图形边框的宽度。选中一个矢量，在检查器中设定边框，然后在菜单栏中进入 编辑 > 路径 > 描边宽度工具 (Edit > Paths > Stroke width tool)。现在再点击画布上的图形边框，添加一个宽度锚点，你可以拖拽这个锚点使描边变宽或变窄。

你同样可以将描边宽度工具添加到工具栏中，右击工具栏并选中定制工具栏就好。

添加画板

想要添加画板，你需要先选中工具栏里的画板工具，然后单击画布，拖拽出一个矩形区域，即成为一个画板。你可以在检查器中为这个画板命名，或者你也可以重复以上操作来创建另一个新画板。在工具栏中，我们也有一些预设的画板供你选择，当你选中任一个，Sketch会自动帮你整齐排列多个画板。

值得注意的是，当你在检查器中切换不同画板时，标尺的提示区域也会跳转到你所选的画板位置。

Sketch里的这几个工具能帮你把图层准确的放在理想的位置，是沿着网格还是沿着一条直线，又或者是在另两个图层正中间。

参考线

自动参考线在Sketch的默认设置中是被打开的，你可以同时按住 control 键和 L 键来关闭它。当你在调节一个图层的大小或者移动一个图层的位置时，Sketch会自动帮你把这个图层与其他图层对齐。如果Sketch将某一图层自动与另一图层对齐，你会看见一条红线，两个图层便依据这条红线对齐。

距离和尺寸

当你按住键盘上的 option 键，Sketch会帮你显示出你已选中的图层和你的鼠标现在所悬浮的图层之间的距离，一个简单的图例便能说明。

同样的，如果你在调节一个图层的大小，Sketch也会帮你显示出具有相同长度或宽度的图形的数据。

标尺

Sketch当中的标尺在默认设置中是被隐藏起来的。就像我们说的，Sketch里的画布是无限的，所以标尺也并不是固定的。你可以任意拖动标尺来设置自己的起始点。

你可以在标尺上任一处双击鼠标，便可以添加手动参考线，只要标尺是被显示的，这些手动参考线也会一直被显示。想移动标尺，你需要在标尺里按住鼠标拖拽。想要移动手动参考线，你需要在标尺中选中参考线再拖拽。想要移除手动参考线，则需要把参考线拖出标尺之外，噗的一声便会消失。

强制像素预览

有时你会发现你无法退出像素模式，这是因为有些图层效果（模糊和色彩校正）必需在像素基础上工作。这就意味着，想要展现这些效果，你必须先栅格化图形然后再添加滤镜，也就是说，虽然矢量预览不再适用，但我们可以强制显示像素预览。

当你无法退出像素模式时，Sketch会弹出对话框告诉你具体是哪一个图层在阻止你，如果你正在创作一个非常大的文件，这将会帮你节省不少时间。

RETINA

在检查器里有一个方框可以勾选 “@2x” ，当你选中它，Sketch会同时帮你导出一个两倍分辨率的图片，并在文件名里加上 “@2x” 的后缀。之所以这么做，是因为 Apple 约定了所有应用当中的 Retina 高清图片都需要加上这样的后缀，Sketch帮你大大的简化了这一步骤。

仅导出特定图层

在默认情况下，每一个切片都会导出其选区内的所有图层，但你也可以打开 仅导出以下图层(Only export the following),这时你会看到一个图层列表，勾选你想要的图层，之后就只会导出你所选中的了。比方说，你正在设计一个网页，你想导出其中的一个按钮，如果这个按钮里有透明像素的话，你肯定不想连按钮后面的背景图图片也一起导出，那么这时我们上面所说的方法就能帮你只导出特定的图层。

修剪

每一个切片中都还包含一个 修剪 选项。选中它之后，每一个被导出的切片中的透明外围都会被剪去。

举个例子，你在文件中定义了一个 30 x 40 px 的切片选区，里面只包含了一个 15 x 15 px 的圆形，与其修改切片选区的大小来贴合这个圆形，不如打开 修剪 选项，Sketch就会自动帮你减去 30 x 40 px 选区内的所有透明部分，最后只留下 15 x 15 px的图像。

这个方法同样适用于多个所选图层合并导出的情况。（使用上述一样的操作即可）