05-sketch蒙版（Mask）的使用详解

作为新手上手一款软件，最大的拦路虎是可能就是软件的专业术语，今天我们就来看一下Sketch中蒙版（Mask）的正确使用方法。

一、Sketch中的蒙版

我们来看看官方对蒙版（Mask）的定义：

Masks in Sketch are used to selectively show parts of other layers. For example, masking an image layer to a circle will give the image a circular shape.——Sketch里的蒙版可以让你有选择性的显示出图层的一部分。比如说在一个图片上圆形蒙版，那么这张图片就只会显示出圆形内部的内容。

看官方的解释就能大致明白这个术语的意思，它相当于一个形状遮罩，遮挡下方的内容后，下方的内容会按照它当前的形状来展示。

Sketch中提供两种Mask，一种是Outline Mask，即普通的Mask，让遮罩的内容按照Mask的形状来展示；另外一种是Alpha Mask，即透明的Mask，利用透明Mask的颜色透明度实现被遮罩内容的处理。下图是官方给的两种Mask对比图。

2.Outline Mask使用

普通Mask的应用场景主要是利用Mask处理图像的形状，典型的应用是处理社交网络的头像，下面以圆形头像为例看看在Sketch中是怎么操作的。

方法步骤如下：

（1）首先在Sketch中导入想要处理的头像图片

（2）绘制一个圆形，位于头像图片上方，需要注意的是，圆形的大小不可超过图像的大小，因为超过遮罩内容后，超出的部分会显示Mask的内容，失去遮罩的效果。

（3）选中头像图片和圆形，在图像上右键点击，在弹出的菜单中选择“Mask”即可

（4）最后来看看效果吧，如图所示，得到一枚圆形头像，Sketch会把Mask自动编组

3.Alpha Mask的使用

细心的同学应该发现了，上文中普通Mask的圆形颜色填充和边框都不用进行处理，只是使用了圆形的遮挡效果；而Alpha Mask实质是在普通Mask的基础上，使用圆形的颜色透明度效果，所以Alpha Mask的应用场景是对图像进行简单的透明度处理。

方法步骤如下：

（1）按照普通Mask的方式先生成普通的mask，然后在组合中选中mask，再在功能菜单中依次选中“Layer”→“Mask Mode”→“Alpha Mask”。

（2）变更为Alpha Mask，我们就可以调整 Mask的透明度，对图像进行进一步的处理，选中Mask，再在检查器Fills中，点击fill上方的颜色选择器，再调整透明度即可。这里例子模拟了一下宇宙大爆炸产生的光芒效果，其他效果还有很多，例如透明渐变等等，需要童鞋们具体去摸索。

 

文章内容有摘抄来之静电