Sketch从入门到精通-Sketch3节点的模式运用

 

在进行对图形的具体编辑的时候,会经常用到节点,或者叫点也可以。当你用钢笔画出一个图形的时候,然后回车一下,你就会发现有好多个节点组成了一条线,这个时候我们要对具体某个图形编辑的时候,就可以调节这些点,来做出更加优质的图形。

在Sketch的右侧检查器里,就有四种节点模式,分别是: 直线角 (Straight);镜像 (Mirrored);不对称 (Asymmetric);断开连接 (Disconnected)。当你想要对一个图形的边缘线进行编辑的时候,回车或者双击两下,就会看见图形边缘多了四个节点,右侧检查器出现了四种节点模式,就是我们刚才说的那四种模式。接下来具体讲讲这四种节点模式。

clip_image002

1. 直线角 (Straight)模式: 按照字面上的理解,就是当你选中这个直线角的时候再去调节节点,会发现完全没有弧度,都是直的。

2. 镜像 (Mirrored): 选择镜像模式的时候,节点会以中心的节点两边还分别由各节点。

3. 不对称 (Asymmetric): 节点会以单独的一个节点进行变化,两个锚点到主点之间的距离是独立的,但他们依然相互对应。

4. 断开连接 (Disconnected): 节点之间是相互独立的,没有什么变化。

如下图: 下面我把那四个节点放大一点,以便可以看得很清楚。

clip_image004

看见最下面有个Corners了么?这个是可以调节圆角弧度的,在Sketch里面,你可以任意调节图形上的某一个点,改变他的圆角弧度,这样对于做图标的时候特别有用,比如想做一个弧度大一点的圆角矩形时,你不需要去刻意画一个,只要改变节点的圆角弧度就好了,是不是很方便呢?

Sketch里节点上的即路径是可以开关或闭合的,这对于删除某一节点特别有用。闭合路径是图形的起始节点和结束节点是相连的,开启或关闭的选项在Layer— Paths — Close Path里,已经关闭路径的话,就是Open Path。下面分别是开启路径和闭合路径的状态,如图:

clip_image006

图一是开启路径的状态

clip_image008

图二是闭合路径的状态

而且,在开放路径的状态下,你可以随时添加新的节点,来实现你想要的效果。

还有一个小得快捷功能是当你在绘制矢量图形时,你可以按住 shift 键然后再画之后的点,Sketch会自动帮你对齐到前一点的45度角方向,这在你绘制直线时会非常方便。如果你是在两点之间添加新的锚点时按住 shift 键,你便会得到两点间的锚点。如果你按住 command 键,单击两点间的线条,Sketch则会帮你在线条的正中间添加锚点。

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/7403/

(0)
iouedioued
上一篇 2015-07-20
下一篇 2015-07-20

相关推荐

  • Sketch从入门到精通 熟悉一下钢笔及各种基本图形的练习 免费版

    上一章节因为涉及到了画圆及各种图形,怕有的小伙伴还是不知道,就在这一章节里仔细的讲一遍,大家也可以更熟悉一下Insert有哪些更多工具有助于设计稿。 第一个是钢笔工具,快捷键是V,可以画出你想要的任意形状。…

    2015-07-03
  • 最火的Sketch 的开发商 Bohemian Coding 是怎样一个公司?

    TL;DR: Bohemian Coding 是一个高效务实而且懂得做产品的小团队。但也因为团队小开发实力有限主打产品 Sketch 仍存在不少问题。先从这个小公司的历史说起。Bohemian Coding 在 2008 年成立,主要专注于开发 Mac 软…

    2015-06-29
  • 搞定设计版本控制!一份超详细的 Sketch git 插件使用指南

    一份超详细的 Sketch git 插件使用指南

    2016-05-31
  • Sketch从入门到精通-Sketch3四种模糊方式

    现在经常能看到界面上各种模糊效果,或者是背景模糊,然后上面排字,放图片;通常是做背景的时候用到的模糊效果。在Sketch里面就有基本的四种模糊方式,分别介绍一下。 首先是最常见的高斯模糊(Gaussian Blur),…

    2015-08-03
  • 在Sketch里怎么切图?

    有了Sketch之后,切图变得越来越简单,之前在Sketch教程里有写过切图方面的教程,但还是有很多人想知道到底怎么用Sketch切图,这篇教程就作为一个Sketch的切图大综合,详细的讲一讲怎样在Sketch里面切图,以及切图…

    2015-11-30
  • Sketch从入门到精通-Sketch3布尔运算

      在Sketch里面,如果你发现一些基本的图形都不适合你,你想组合或者用更多的图形时,这时候就离不开布尔运算。当然,如果钢笔工具用的熟练的话,用钢笔工具也可以画出自己想要的复杂图形,但有些时候我们其实…

    2015-07-20
  • Sketch从入门到精通-Sketch3 颜色填充

    颜色在做设计中是重要又必不缺少的组成部分,颜色有很多变化,丰富的颜色变化会给你的设计加分,Sketch里边,就对颜色有各种填充的效果,下面具体介绍一下,Sketch里边一共有六种填充效果,虽然你平常只用一两种,…

    2015-07-29
  • Sketch从入门到精通-Sketch3 复制旋转功能的运用

    复制旋转功能是一个算是很特别很好玩的一个功能,当你需要对一个图形重复旋转的时候,如果手动调一定会有偏差,这个时候就需要复制旋转功能来实现,在菜单栏中进入图层 — 路径 ­­— 复制旋转 (Layer > Paths >…

    2015-08-03
  • 从零开始学Sketch——入门篇

    如果你是一枚交互设计师或者UI设计师,那么你一定知道Sketch这个强大的矢量设计软件;如果你用过Photoshop,那么在你接触了Sketch之后就能了解到这款产品相对于PS的优点,说不定会跟我一样变成一个Sketch的死忠粉。…

    2016-01-06
  • 如何使用Sketch3创建APP原型

    自从Fireworks逐渐衰落之后, 我一直在找其他好用的app和网站设计工具。后来我发现,只需用Sketch再加上其他一些简单的工具,就能构成一条非常不错的设计生产线。 在这篇文章中,我将谈谈我是如何利用Sketch搭配Flin…

    2015-06-29