Sketch从入门到精通-Sketch3布尔运算

 

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

在Sketch里面,有四种布尔运算,分别是合并形状(Union),减去顶层形状 (Subtract),与形状区域相交 (Intersect),排除重叠形状 (Difference)。

 

clip_image001

1. 合并形状: 两个矢量元素合并成为一个整体,相当于加起来的总和。

2. 减去顶层形状: 上面的图层矢量区域会从下面的矢量区域减去。

3. 与形状区域相交:两个矢量元素相交的时候,只会留下中间交集的部分。

4. 排除重叠形状: 这个会把重叠的部分去掉,只会保留重叠之外的区域。

在Sketch里面,这几种布尔运算都显示在工具栏里,你会很容易找到他们,如下图,工具栏上右上角的四个蓝色符号就是布尔运算的四种形式:

clip_image003

而且当你进行布尔运算的时候,左边图层区域也会有变化,比如我先做一个简单的合并形状,我先画一个圆,然后在圆的上方在画一个五角星,居中对齐,选择布尔运算的第一种合并形状,然后看下图右侧图层里面的变化:

clip_image005

进行布尔运算后,左边的图层自动把圆和五角星分成两个图层,而且五角星的右侧有两个小方块重叠,其实就是工具栏里的第一种布尔运算,它会显示在图层里,当你进行布尔运算的时候。

这样有个好处就是,即使你已经进行布尔运算的情况下,仍然可以改动图层里的原图形,你可以随意修改后在合并,非常的方便又规范。看吧,我用一个圆和一个五角星,通过四种不同的布尔运算,就可以得到下面的四种形式(如下图),当然我都是很简单的图形,为了大家明白,你们可以练习的时候,自己画一些复杂的图形,来用用布尔运算,开开脑洞。

clip_image007

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

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

相关推荐

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

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

    2015-06-29
  • Sketch从入门到精通-Sketch3 颜色填充

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

    2015-07-29
  • Sketch从入门到精通 第一章 初识Sketch 免费版

    第一章 初识Sketch 1. Sketch 是什么? Sketch 是一款非常适合UI界面设计师们使用的矢量绘图应用。集合了PS和AI的优点,很容易上手使用。它可以很方便的进行网页,图标及移动端界面的设计制作和切图。 2. 为什么要…

    2015-07-03
  • sktch打造knob开关icon 附sketch破解下载!

    小编:今天带来的是由小乔分享的knob拟物小教程,对于想学习sketch小伙伴们或者已经在用的同学们 练习起来都是不错的选择,当然没有mac用photoshop也是可以能设计出来的哟,快来开动你们的脑筋和动手能力吧!(附sk…

    2015-12-23
  • Sketch汉化插件-SketchI18N最新版本

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

    2018-03-19
  • Sketch从入门到精通-Sketch3 复制旋转功能的运用

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

    2015-08-03
  • Mirror镜像的运用- Sketch从入门到精通

    Mirror镜像这个只针对于设计手机界面的同学来说,比较有用。因为这是一个可以电脑做图和手机显示同步的一个功能。在Sketch的工具栏,你会发现这个Mirror,如下图: 看见了么?怎么样能实现和手机同步呢?首先你要在…

    2015-07-13
  • sketch 插件 sketch-measure 更新,又大大的提高了工作效率 ~

    今天更新了一下sketch measure的插件,下面说一下都更新了哪些地方 1.新的UI界面 友好的ui界面使你标记起来更加便捷,新界面是不是看起来更加专业了许多,视觉上更加直观 2.输出出口 自动生成HTML的样式,而不仅仅…

    Sketch 2016-07-25
  • Sketch从入门到精通-Sketch3 神奇的测量键

    在做设计的时候经常离不开精准的测量,间距,字体的大小。尤其是在做移动端UI设计的时候,设计完的界面效果图还要输出标注规范给工程师们让他们去实现,这就离不开精准的测量。 在Sketch里面,有个神奇的测量键,你…

    2015-08-28
  • 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