sketch新手入门(中文版)-4 矢量编辑

一.绘制一个新图形

要使用矢量工具绘制新的形状层,请从工具栏中选择“插入>矢量”(Insert>Vector)(或按快捷键V键)。单击画布上的任意位置以创建第一个点,再次单击以创建第二个点。形状中所有点之间的线称为路径。两点之间的路径部分称为线段。您可以创建任意多个点来绘制所需的形状。再次单击第一个点以关闭路径。

如果在创建点时单击并拖动,将创建镜像点和弯曲路径(或贝塞尔曲线),可以使用显示为连接到该点的控制柄来控制该路径。

Tip: 按住shift键与上一点成45°角放置一个点。

二.编辑一个已经存在的形状

要输入草图的矢量编辑模式并编辑现有的形状,双击形状层(或选择它并按Enter)。您还可以选择多个形状并同时编辑它们。

三.选择点

在矢量编辑模式下,可以单击任意点来选择它。如果要选择矢量控制点的话,可以使用tab键,选择下一个点,如果要选择前一个点,可以用tab+shift键。

按住shift并单击每个点,可以选择形状中的多个点。如果要取消已选择的点,同样摁住shift键。

shift多选

也可以从闭合形状的外部单击并拖动以选择其中的点。拖动时按SHIFT可取消选择任何选定点或向选择添加新点。

对于打开的形状,需要按X键或启用检查器中X和Y点旁边的选择按钮,以便通过拖动选择多个点。

您还可以通过单击和拖动跨不同形状选择多个点,只要您选择了所有点并处于矢量编辑模式。

Tip: 按住 command + A 可以一次性选择所有点。

四.移动点

选择点时,可以在其上拖动、使用键盘上的箭头键或在检查器中更改其X和Y值来编辑形状。就像移动层一样,你可以保持移动,使它们沿着一个轴移动。

也可以使用右侧检视口上方的“分布”和“对齐”工具平均分布或对齐多个点。

五.改变点的类型

选择点时,可以通过在检查器中从四种不同的点类型中进行选择来更改它们之间的类型。

点的类型

1.“直线”: 默认的类型,它为您提供了一条没有任何控制柄控制点的直线路径。如果要在直线点上创建圆角,请拖动“半径”滑块。可以为形状上的每个点设置单独的角半径。

2.贝塞尔曲线:  有两个控制柄控制点,它们看起来连接到该点。您可以拖动这些点中的任何一个来调整曲线,另一个点将镜像这一点。通过使用矢量工具绘制或通过双击任意现有的直线点,可以通过单击和拖动创建镜像点。

3.非对称点: (B样条曲线)控制柄与向量点的距离可能不同,但角度相同。在拖动控制柄时按住shift将更改其与矢量点的距离,而不更改其角度,这对于微调曲线非常方便。

4.断开连接的点: 具有完全相互独立的句柄。您可以选择任一控制柄控制点并按backspace键将其删除,这样您的曲线就变成一条直线。

在拖动某个控制柄控制点时按住command,可以断开任何点的连接。当按住command并在镜像点或非对称点之后创建新点时,将使该点断开连接。这不会影响通向它的曲线。

Tip: 快捷键:你可以选择1/2/3/4来快送改变控制点的类型,快速看见所有控制点的控制轴可以摁住option按钮。

六.插入点

将鼠标悬停在路径上并单击它,可以在路径上的任何位置插入新点。也可以单击并拖动以创建具有非对称点的曲线。摁住shift可以帮助精确的在两点之间插入一个点。

七.弯曲线段

按住command,然后单击并拖动任意线段(两点之间的路径部分)可以使其弯曲。

八.打开或者闭合一段路径

形状的路径可以是闭合的,也可以是打开的。当形状闭合时,路径将连接第一个点和最后一个点。开放的路径在第一个点之间留有间隙。

可以通过连接第一个点和最后一个点、在菜单中选择“层>路径>关闭路径”或按⌘+⌥+O来关闭路径。也可以将其与闭合路径一起使用来打开路径。

若要创建开放路径,请添加点,然后在检查器中按“完成编辑”(或按回车键)以退出矢量编辑模式。下一次编辑此形状时,可以继续上次编辑的位置,并将下一个点放置在最后一个点之后或第一个点之前。

您也可以使用剪刀工具打开一条路径并在两点之间剪切一段。

编辑打开的路径并单击相对的端点时,可以选择是关闭路径还是在首选项中选择该点。

九.连接路径

选择两个或多个打开的路径,然后从菜单中选择“层>路径>接合”将它们合并为一个路径。最下面的路径将保持在原位,而上面的路径可能会稍微移动以配合在一起。

十.像素和像素是如何贴合的(snap)

使用检查器顶部的下拉菜单,可以选择点是捕捉到全像素边、半像素还是完全不环绕它们。


若要更好地了解点是如何捕捉的,请放大并启用像素网格(视口>画布>缩放时显示像素网格)。放大时,在放置新点之前,还会看到新点捕捉到全像素(或半像素)。

十一.把边界变成轮廓

选择任何带有边框的形状,然后选择“层>轮廓化”,将该边框转换为具有自身填充的路径,即轮廓化。

十二.拓展路径

您可以通过选择形状并从菜单选择图层-> 路径-> 偏移来展开或收缩形状的轮廓。拖动滑块时,将看到预览。也可以选择创建一个复制层,因为这是一个将本来的路径删除并且更换的动作。

十三.反转路径

如果有一个具有开放路径的形状,则该形状从起点到终点有一个清晰的方向。要反转该方向,请从菜单中选择图层->路径>倒序。现在,可以在另一端添加新点,或反转箭头的方向,该箭头可以显示为边框的一部分。

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

推荐阅读更多精彩内容

  • 图形是sketch文档中最常见和普通的类型,你可以添加和编辑预设的图形,或者使用定点工具创建新的图形。 一.添加图...
    陆思思_6c27阅读 1,536评论 0 1
  • 一、布尔运算 在进行图标绘制时,不得不提到的一个知识点就是布尔运算,通过对基本形状做布尔运算,可以绘制出千万种不同...
    轻思维阅读 2,031评论 0 2
  • PS矢量知识分为两部分为大家讲解,第一部分,主要给大家整理了PS矢量的理论知识,第二部分,主要是对钢笔工具组应用的...
    颜淑阅读 4,459评论 20 131
  • 2018年“Flutter”作为一款优秀的移动UI框架逐渐出现在开发者的视线中,就在2018年12月4日flutt...
    NewSongs阅读 5,547评论 5 51
  • 现在是晚上10:00。 火车上灯已经关闭了。 车厢里面有此起彼伏的呼噜声,也有人在小声的说话。 很久没有坐火车出国...
    窄门在身后阅读 167评论 0 0