05-sketch蒙版(Mask)的使用详解
发布日期:2021-06-29 17:31:55 浏览次数:2 分类:技术文章

本文共 1165 字,大约阅读时间需要 3 分钟。

作为新手上手一款软件,最大的拦路虎是可能就是软件的专业术语,今天我们就来看一下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上方的颜色选择器,再调整透明度即可。这里例子模拟了一下宇宙大爆炸产生的光芒效果,其他效果还有很多,例如透明渐变等等,需要童鞋们具体去摸索。

 

文章内容有摘抄来之静电

转载地址:https://cpython.blog.csdn.net/article/details/107865557 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:06-sketch检查器
下一篇:04-sketch布尔运算与矢量编辑

发表评论

最新留言

不错!
[***.144.177.141]2024年04月04日 17时04分51秒