Sketch从入门到精通-Sketch3蒙版的使用

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

只要是图形的话都能做蒙版的,你先选中圆形,然后Sketch里Layer(图层)—

Use as Mask(使用图形蒙版),一个圆形的头像就成功了,很简单吧,如下图:

clip_image002

在Sketch里面,如果你想局部的去剪切,那么需要把他们编组,在一个组里面做蒙版,限制了蒙版的剪切,你编组之外的就不会被剪切了。但有的时候你会遇到无法编组的情况下,怎么办呢?这时候你就需要多这个蒙版来设定一些约束。

其实也很简单,先把一个你不想被蒙上的元素选中,然后选工具栏里的Layer—Ignore Underlying Mask(忽略底层蒙版),那么你选中的这一层就不会被剪切了,但这个限制是你一定要排好你的图层顺序,不然就会出现错乱。这个平常用处不大,所以了解一下就好。

还有一个蒙版的简单办法,就是你可以直接在画布上选一张图和圆,然后选择Layer—Mask with Selected Shape(用所选图形做蒙版),也可以快速实现你想要的蒙版。因为这章节比较简单,通过Layer都能找到,所以先写到这吧。

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

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

相关推荐

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

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

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

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

    2015-08-28
  • Sketch3.9 终于发布了原生的响应式设计解决方案

    Sketch3.9 终于发布了原生的响应式设计解决方案。

    只需要设置一个属性,便可以快速实现任意尺寸的适配。

    2016-06-27
  • Sketch汉化插件-SketchI18N最新版本

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

    2018-03-19
  • Sketch从入门到精通-Sketch3布尔运算

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

    2015-07-20
  • 字体的转曲-sketch从入门到精通

    字体在设计中是不可缺少的元素,无论你是设计海报,广告牌,网站,还是手机界面,都离不开字体。字体的运用也是设计中重要的组成部分。尤其是在做手机端界面设计的时候,一个像素都不能差。所以这就涉及到每个元素…

    2015-07-13
  • Sketch从入门到精通-Sketch3四种模糊方式

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

    2015-08-03
  • UE网出品:Sketch从入门到精通[免费精品课程] | 阿西UED&Smiler

    Sketch从入门到精通  讲师:阿西UED Smiler 参加时间:2015年6月24日 17:40 最后更新:2015年6月24日 17:40 适用人群: UI设计师、美工、视觉设计师、 对UI有兴趣的人。 简介 Sketch从入门到精通是由www.iamue.com …

    2015-06-25
  • UserFlows一款能在Sketch画板生成流程图的插件

    UserFlows是一款能在Sketch中从画板生成流程图的插件。 定义链接 要定义两个画板之间的链接 - 选择一个图层和目标画板,然后运行定义链接命令(Cmd Shift K)。 添加条件逻辑 通过插件创建和管理条件,轻松显示条件…

    2016-12-08
  • 如何使用Sketch3创建APP原型

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

    2015-06-29