图形是sketch文档中最常见和普通的类型,你可以添加和编辑预设的图形,或者使用定点工具创建新的图形。
一.添加图形
#如何添加预设的图形
要添加一个图形,点击添加按钮,选择你需要的图形类型,或者使用快捷键。
R:矩形
O:椭圆
U:圆角矩形
L:直线
点击并拉伸,可以在创建的画布或者艺术板上添加形状,选择shift键可以使得图像有相同的长和宽。按住option可以让图形按照中心点拉升而不是左上角(改变基点为中心)按住空格键可以改变图形的位置(当你在不正确的位置上开始创建的时候特别有效)
#如何用铅笔工具添加形状
按住快捷键P或者从选择框中选择pencil,就可以拖拉铅笔画出你想要的形状,当绘制完成后,sketch会自动帮助圆滑你绘制的图像。
#如何添加一个svg图形
可以简单的复制粘贴一段svg代码到画布的任意位置即可。
二.编辑图形
#如何在检视器中编辑图形
当你选择一个图形的时候,你可以在检视器中看到它的一些属性。
#如何设置圆角
选择圆角矩形,接着在检视器面板调整圆角率。
可以在圆角和平滑角之间进行选择,从而更改图层角点的绘制方式。平滑的角具有曲率连续性,允许您创建“squircles”,即Apple在其界面中使用的形状。
提示:在矢量编辑模式下,可以选择单个角点来调整单个角点的半径。
#如何翻转图形
你可以水平或者竖直翻转图形,这些按钮会高亮出来,当你使用他们的时候,同时也可以取消翻转,除非当你选择拼合他们。
#如何旋转图形
这儿有一些旋转图形的方案。
你可以在右侧检视器中输入数值,可以是正值也可以是负值,相对应的就是顺时针旋转和负时针旋转。
你也可以选择图形,在上方工具条中选择旋转按钮。然后点击再旋转图形。
要改变旋转的基点,只需要选择图形中间的十字针,移动即可。
另外,你也可以按住快捷键command,再拖移控制器。另外,如果再按住shift键的时候,会以15deg/次来旋转。
你可以保存这些操作,并将图形旋转角度变化为0deg,通过图层拼合的方式。(图层->结合->拼合 )
#如何在矢量编辑模式下编辑图形
若要在矢量编辑模式下编辑形状,请双击该形状,或选择该形状并按回车键。
当您进入矢量编辑模式时,您将看到由路径连接在一起的圆形点。单击任意圆形点并拖动它们以更改图层的形状。
若要插入新的控制点,只需要在所需要的位置点击即可在右侧检视口也可以改变控制点的模式。
形状上不同点之间的路径可以是直线或曲线,具体取决于连接它们的点的类型。双击连接直线路径的点,将其更改为曲线路径。
更改点以创建曲线路径时,可以使用显示的两个控制柄控制点来编辑曲线本身。
拼合形状(图层->结合->拼合)将在曲线的每一端创建点。
#如何使用转换工具编辑形状
若要使用“变换”工具,请选择一个或多个形状,然后“图层>变换>变换”。
或者,您可以使用键盘快捷键⌘+⇧+T。您也可以通过“视图>自定义工具栏…”将“转换工具”添加到工具栏中。
“变换”工具会将点添加到形状的每个角,以及每个角之间的点。单击某个点并拖动它以变换和扭曲形状。
如果你选择了两个点的话,可以一起控制他们。当你选择一个点的时候,往往两个点会相反方向移动,但是如果你按住command键,就可以单独控制一个按钮行动。
#如何使用剪刀工具来编辑形状
可以使用剪刀工具从形状中剪切路径。为此,请选择要编辑的形状,通过“图层>路径>剪刀”启用该工具(也可以通过“视图>自定义工具栏…”将其添加到工具栏中),然后单击构成形状的任何路径以将其删除。当修建完成的时候,点击图形外的区域取消选择,或者摁下enter或者esc键。
#如何使用图形环绕工具来编辑图形
旋转副本采用单个形状,并围绕单个点旋转副本。若要使用它,请选择一个形状,然后“图层>路径>旋转副本”(也可以通过“视图>自定义工具栏…”将其按钮添加到工具栏中)。从中,选择要创建的副本数,然后单击“确定”。
使用显示的句柄来精确设置副本的放置方式。完成后,按Esc或Enter键。
三.布尔运算
在Sketch中,提供四个布尔操作可用于组合和创建复杂形状。选择两个或多个形状,然后单击工具栏中的“布尔操作”按钮。
·1 联集:创建的形状是多个形状区域的总和。
·2 减去顶层:将从形状下面的形状中删除该形状的区域。
·3 交集:从选定形状重叠的区域创建形状。
·4 差集:从原始形状不重叠的区域创建形状。它与交集相反。
布尔操作从上到下应用。所以,如果你要在一个较大的圆内画一个较小的圆并应用减法运算,你会创建一个甜甜圈形状。
#形状结合
将布尔运算应用于两个或多个形状时,sketch将在新的组合形状组中将原始形状组合在一起。
对于组合形状,布尔操作是非破坏性的,是可逆的。(除非拼合了图像)因此您可以随时编辑原始形状并更改结果。甚至可以使用新的布尔运算将两个或多个组合形状组合在一起。
#如何在图层列表中编辑形状结合
可以展开形状结合,就像层列表中的普通组一样。执行此操作时,您将看到形状结合的所有不同形状以及应用于它们的不同布尔运算。
通过单击形状旁边的布尔操作图标,可以更改应用于该层的布尔操作。
快捷方式:将需要联结的两个形状在左侧列表中堆叠在一起,就可快速创建形状结合。
若要隐藏组合形状中的任何原始形状,请在“层”列表中单击它们,然后选择“隐藏层”(或使用⌘+⇧+H)。这将更改组合形状在画布中的显示方式。
也可以通过将一个形状层拖到另一个形状层的顶部,在“层”列表中创建组合形状。默认情况下,这将应用联合布尔操作。
四.图层蒙版
有几种不同的方法可以在草图中创建遮罩,但它们都遵循相同的规则:草图将使用层列表中最低的形状作为遮罩。
#如何创建一个遮罩
遮罩仅显示属于其形状的层或多个层的部分。有几种方法可以创建它们。
选择画布上的形状,然后选择“层>遮罩>用作遮罩”。或者,可以控制单击形状并选择“遮罩”。
创建遮罩时,Sketch会将图标添加到“层”列表中其上方的任何层,以显示它们正受到遮罩的影响。如果在遮罩上方拖动另一层,它也会受到影响。
如果要将对象放置在遮罩层之上,但不希望它们包含在遮罩中,请选择该对象,然后选择“层>遮罩>忽略基础遮罩”。
您还可以对遮罩层和遮罩本身进行分组,以便不影响该组之外的任何内容。
如果同时选择多个层,则可以通过选择“层>遮罩>使用选定形状遮罩”一次遮罩所有层。这将使用所选内容中图层列表底部的形状作为遮罩,并自动将它们全部分组。
当选择了多个层时,控制单击所选内容并选择“遮罩”与“带选定形状的遮罩”具有相同的效果。
在遮罩组中选择一个层,然后选择“层>遮罩>忽略底层遮罩”将使其保持在组中,但会阻止其受遮罩的影响。
#如何创建一个半透明遮罩图层
sketch的Alpha遮罩可以隐藏任何不在其形状范围内的内容,还可以控制其遮罩的任何层的不透明度。
要创建Alpha蒙版,请创建一个与normal类似的大纲蒙版,然后选择它并选择“层>蒙版>蒙版模式>Alpha蒙版”。
在右侧的检视口中确保它有一个透明度梯度填充。值得注意的是,sketch对alpha透明度敏感而非颜色。