Sketch Mac入门基础知识——蒙版(Mask)的详细使用方法介绍

在上一篇文章,我们认识了Sketch Mac这款软件,在本文中,我们再来看看Sketch Mac入门基础知识——蒙版(Mask)的详细使用方法介绍,让您更多更好的了解Sketch Mac,为以后使用奠定基础!

1、什么是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对比图。

Sketch Mac入门基础知识——蒙版(Mask)的详细使用方法介绍_第1张图片

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

Sketch Mac入门基础知识——蒙版(Mask)的详细使用方法介绍_第2张图片

方法步骤如下:
(1)首先在Sketch中导入想要处理的头像图片

Sketch Mac入门基础知识——蒙版(Mask)的详细使用方法介绍_第3张图片

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

Sketch Mac入门基础知识——蒙版(Mask)的详细使用方法介绍_第4张图片

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

Sketch Mac入门基础知识——蒙版(Mask)的详细使用方法介绍_第5张图片

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

Sketch Mac入门基础知识——蒙版(Mask)的详细使用方法介绍_第6张图片3、Alpha Mask的使用
细心的同学应该发现了,上文中普通Mask的圆形颜色填充和边框都不用进行处理,只是使用了圆形的遮挡效果;而Alpha Mask实质是在普通Mask的基础上,使用圆形的颜色透明度效果,所以Alpha Mask的应用场景是对图像进行简单的透明度处理。

Sketch Mac入门基础知识——蒙版(Mask)的详细使用方法介绍_第7张图片

方法步骤如下:
(1)按照普通Mask的方式先生成普通的mask,然后在组合中选中mask,再在功能菜单中依次选中“Layer”→“Mask Mode”→“Alpha Mask”。

Sketch Mac入门基础知识——蒙版(Mask)的详细使用方法介绍_第8张图片

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

Sketch Mac入门基础知识——蒙版(Mask)的详细使用方法介绍_第9张图片

以上就是小编为大家带来Sketch入门基础知识:蒙版(Mask)的详细使用方法介绍。还有更多详细、实用的功能,大家快来本站Macdown自行探索一番吧。

你可能感兴趣的:(图形图像)