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