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 3.6的更新

    Sketch 3.6 带来了许多新的更新,终于盼来了文本渲染和SVG的改进,以及性能增强和bug修复。 固定基准 之前不一致的基线导致在设计的时候出现了很多问题,新的版本中当改变一个文本图层的字体和字体大小时,该图层出…

    2016-03-08
  • 静电的SKETCH教室,全套教学视频免费分享下载。

    “静电的sketch设计教室”教学视频,对于新手自学来讲非常的合适,感谢静电,讲解的非常的清晰明了,视频就在这儿,剩下的就需要你付出时间去学习咯,祝大家学有所成!链接: https://pan.baidu.com/s/1iIbE-DI_yHLayj7wue49yQ 密码: mw25·—END—·

    2018-04-18
  • sketch 3.6.1(破解版涵盖3.0以上版本) 安装and使用指南(20160303更新)

     截至2015  6月23 日  SKetch 常用版本  3.2.2 、 3.3.1 、3.3.2    3.4.4 截至2016 3月2日  常用版本 3.5.1 ,3.5.2  ,3.6.0  3.6.1 Sketch 安装指南 安装版本 : 3.2.2  3.3.1  3.3.2 安装环境:mac book pro 20…

    2016-04-13
  • Sketch从入门到精通 怎样切图及导出图片尺寸 免费版

    怎样切图及导出图片尺寸 在讲这一章之前,先把上一章提到的布尔运算给大家讲一下(如下图) 这是顶部工具栏区域的一小部分。布尔运算有四种形式,你可以根据你的需求来选择不同的方式。 合并形状 (Union):合并的结果…

    2015-07-03
  • Sketch从入门到精通-Sketch3蒙版的使用

    蒙版,顾名思义就是蒙上一层东西,只显示你想显示的部分,类似PS里面的遮罩。在Sketch里面,你可以有选择去显示想要显示的内容,比如你可以打开一张正方形的图片,然后想做一个圆形的头像,那么就需要在这个正方形…

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

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

    2016-05-31
  • Sketch汉化插件-SketchI18N最新版本

    安装使用 下载安装包,并解压,在安装包找到SketchI18N.sketchplugin 双击 SketchI18N.sketchplugin 完成安装 重启 Sketch 自动汉化后完成汉化 如果第三步没成功,试试 在 Sketch 中按快捷键 control command + x …

    2018-03-19
  • 从零开始学Sketch——入门篇

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

    2016-01-06
  • Sketch从入门到精通-Sketch3 颜色填充

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

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

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

    2015-08-03