美文网首页Sketch教程
Sketch新手入门基础知识:蒙版(Mask)的详细使用方法介绍

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

作者: MAC软件小叮当 | 来源:发表于2019-08-18 14:40 被阅读1次

    Sketch Mac 以简约的设计是基于无限的规模和层次的绘图空间免费调色板面板,菜单,窗口和控件。虽然使用简单,它提供了功能强大的矢量绘图和文字工具。如完美的布尔运算,符号和强大的标尺,参考线和网格。今天我们就来看一下Sketch中蒙版(Mask)的正确使用方法。

    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对比图。

    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上方的颜色选择器,再调整透明度即可。这里例子模拟了一下宇宙大爆炸产生的光芒效果,其他效果还有很多,例如透明渐变等等,需要童鞋们具体去摸索。

    以上就是为大家分享的Sketch新手入门基础知识:蒙版(Mask)的详细使用方法介绍。还有更多详细、实用的功能,敬请关注!

    相关文章

      网友评论

        本文标题:Sketch新手入门基础知识:蒙版(Mask)的详细使用方法介绍

        本文链接:https://www.haomeiwen.com/subject/hzmrsctx.html