sketch 新手入门(中文版)-3 形状

图形是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透明度敏感而非颜色。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,723评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,485评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,998评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,323评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,355评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,079评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,389评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,019评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,519评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,971评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,100评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,738评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,293评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,289评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,517评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,547评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,834评论 2 345

推荐阅读更多精彩内容