蒙版操作

Sketch中的蒙版可以有选择性的显示另一个图层的内容。例如,在一个位图上运用一个圆形的蒙版,这个位图将只显示被这个圆形盖住的内容。

 

任何形状都可以作为蒙版。要应用蒙版,选中一个形状,执行菜单命令Layer > Use as Mask。在这个形状下方的图层将会被剪切为刚选中的图形的形状。

masks@2x

在Sketch 3.4版本中,你可以快速对一个位图应用蒙版效果,只需要点击工具栏上的Mask按钮。此时软件会自动在这张位图后创建一个矩形的遮罩图层。

 

限制蒙版

如你不希望随后绘制的所有图层都被引用蒙版,最好的方式就是限制蒙版的影响范围,把需要被执行蒙版的图层和蒙版图层编组。这样其它图层就不会受到这个组里蒙版图层的影响了。

有时候可能无法编组,你可以使用如下的解决方式:

  1. 选中一个你不想被蒙版影响的图层
  2. 执行菜单命令Layer > Ignore Underlying Mask

随后此图层和在这此上方的图层就不会被蒙版所影响了。在你需要调整图层顺序的时候需要小心,某些重新调整过的图层可能会被蒙版所影响。

 

图形蒙版

如果上面的方法看起来还是很麻烦,这里有一个更好的做法:选择一个图形和一张位图,然后执行菜单命令Layer > Mask with Selected Shape,即可在这张位图上应用蒙版。Sketch会把这两个图层放入一个组中,然后将图形转化为蒙版。这些步骤是自动完成的,不需要另外手工操作。

 

Alpha 蒙版

默认状态下,蒙版所在区域之外的图片会被隐藏。另一种方式是将蒙版填充为渐变色,使用透明渐变的方式,来决定被蒙版作用的区域中,哪部分是可见的,哪部分是不可见的。

masks2@2x

你可以通过选中蒙版图层,执行菜单命令Layer > Mask Mode > Alpha Mask 来应用第二种蒙板模式。

了解更多操作细节,你可以观看下面的这个视频: