实用Sketch小技巧04——钢笔工具的运用

越来越多的人开始用Sketch进行UI设计,Sketch作为一款非常容易上手的软件,很多人完全可以依靠自学便能熟练掌握这款软件,但是大部分人都只是掌握Sketch的基本实用方法,对于一些实用的小技巧,了解的并不是特别多。


从今天开始,我将向大家介绍Sketch的一系列实用小技巧,这些小技巧能帮助大家更好的使用Sketch,提升工作效率。

这是该系列教程的第四篇——钢笔工具的运用。

本教程的第一篇:http://www.jianshu.com/p/109aac030ded

本教程的第二篇:http://www.jianshu.com/p/80b606f87f53

本教程的第三篇:http://www.jianshu.com/p/410f2ef8b424


在使用Sketch进行设计的时候,经常会遇到需要绘制图标甚至是插画的时候,尽管有些形状我们可以通过布尔运算得出,但是在某些情况下还是需要使用钢笔工具绘制曲线来完成。Sketch提供了非常优秀的钢笔工具,可以用来勾勒平滑的曲线、创建路径,在矢量插画和图标绘制中具有非常重要的作用。钢笔工具绘制出来的曲线为贝塞尔曲线,这种曲线可通过锚点和曲柄进行调节,一条曲线上可以创建无数个锚点,一个锚点有两个曲柄,如图所示。

钢笔工具的快捷方式为键盘V键。

在Sketch中,使用钢笔工具时,鼠标在画布上的样子变成“钢笔+加号”的造型,在画布中单击即可创建锚点。此时移动鼠标会有一条以锚点为起点终点随着鼠标变动的路径线,按住shift移动鼠标可以水平或者垂直或者45°斜角移动。若要创建线段,在终点处单击即可。若要创建曲线,在终点处按下鼠标并拖动即可。

绘制完成后,务必在右侧检查器中单击Finish Editing按钮,该按钮的快捷方式为键盘上的ESC键来退出钢笔工具。若点击右侧的Close Path按钮,则会在终点和起点之间自动计算一条曲线链接,形成一个完全闭合的形状,如图所示。

若要重新编辑曲线,则在曲线上双击,或者选中曲线图层,按下Enter键即可进入编辑模式。

若要在曲线上添加锚点,只需把鼠标移动到曲线路径上,单击即可添加。若要删除锚点,只需要选中要删除的锚点,按下键盘上的delete键即可删除。若要移动锚点,只需要选中锚点后拖动鼠标即可。若要选中多个锚点,按下键盘上的Shift键并依次单击多个锚点即可。

每个上的曲柄都有四种状态,不同的状态会产生不同的曲线。

Straight:直线角。该状态下锚点两边无曲柄。折点为直线角,若要产生弧度,则可选中锚点后调节下方的Corners的数值。数值越大弧度越大,如图所示。


Mirrored:镜像曲柄。在该状态下锚点两侧的曲柄始终在一条直线上,且两边的曲柄长度始终一致,如图所示。

Disconnected:非连续对称曲柄。在该状态下任一曲柄可以随意调节而不影响另一曲柄,如图所示。

Asymmetric:非对称曲柄。在该状态下,锚点的两个曲柄始终在一条直线上,但是两个曲柄的长度可以相互独立调整,如图所示。

在实际设计中,大家需要用足够耐心的通过调整锚点的位置以及灵活运用四个状态调整曲柄来绘制一条完美的曲线。必要时可以通过锚点的添加与删除来让曲线更加的平滑和漂亮。

以上是Sketch钢笔工具的使用以及四个锚点的状态,在实际工作中,应根据实际情况进行灵活调整。

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

推荐阅读更多精彩内容

  • 前言使用PS的时候,很多时候都需要用到钢笔工具,例如鼠绘,做精确选区,路径抠图等,都需要使用钢笔工具。如果对钢笔工...
    小竹子爱广播阅读 1,380评论 0 2
  • 刚才刷简书今日热门时看到@wermkar 的一篇文 无心之恶:答简友X先生对于抄袭的看法,顿时想到自己这篇文与@w...
    迟客阅读 9,103评论 8 92
  • 在前面一节课程里,对钢笔工具创建形状,制作路径进行了讲解,那么这些只是简单的路径操作讲解,更高级的操作使用技巧和方...
    e5a2ee3bb269阅读 5,850评论 0 0
  • 1、那天,我走在路上,看见了夕阳的美,我去追它,在追的路上,我却发现天已黑… 2、天空、星星在闪烁,低声的窃窃私语...
    帰零阅读 456评论 0 5
  • 那位先生右手挲着漫展上实力抢来的心仪女神ladybeard签名照、左手擎着今日刚邮到的tenga,心想今日要怀揣感...
    幽游一邪在梦境之树阅读 404评论 0 1