Sketch中两种蒙版的使用方法

sketch的两种蒙版讲解。

Sketch3.7中为我们提供了两种蒙版模式，一种是outline mask，字面翻译为轮廓蒙版，我们暂时称之为普通蒙版。另外一种是Alpha mask，也就是透明蒙版。

找到这两种蒙版也很简单，找到Sketch上方菜单栏，点击 Layer（图层） —— Mask Mode （蒙版模式）——你就会看到两种上文所说的两种蒙版了。

下面我们就来说说这两种蒙版的使用方法。

1.普通蒙版

• 创建普通蒙版的方式很简单，首先在你的画板中置入你想处理的图片。

• 

• 然后用形状工具或者钢笔工具画出剪切用的形状。按照你的意愿将形状和图片排列在一起（注意图片和形状一定要有重叠区域才能形成蒙版哦~），至于图片和形状的，许多教程中说要将形状至于图片下层，我试了好多遍，其实图片和形状谁置于上层谁置于下层，最终得到的蒙版效果是一样的。

• 修正修正：如果你选中形状和图片后，使用工具栏的上的蒙版工具，那么无所谓图层顺序，它会创建一个蒙版并且生成一个文件夹。但是如果你使用快捷键control+command+m键，那么形状一定要在图片的下层，否则不会出剪切效果，但这两个图层不会生成一个单独的蒙版文件夹。所以说工具栏上的蒙版工具和快捷键的蒙版还是有差别的，快捷键的蒙版就相当于ps中的剪切蒙版，形状一定是在图片的下方。好多童鞋怎样释放蒙版，方法很简单选中形状图层，按快捷键control+command+m键或者工具栏的蒙版工具就可以释放蒙版了。

• 

• 最后即将大功告成，全部选中图片图层和形状图层，然后点击工具栏中的Mask（或者鼠标右键选择use as mask），你就会得到一个剪切后的图形。注意图片图层并不是真正的被你的形状剪切了，只是图片在形状之外的部分隐藏了而已。你可以鼠标双击蒙版区域，这时就可以对图片位置和大小进行调整。

• 修正修正：如果使用的是快捷键的剪切蒙版，想对图片位置调整，直接选择图片拖拽就可以了，因为剪切蒙版没有生成文件夹，是不需要双击的。双击是针对使用蒙版工具而言的。

• 

• 
  

2.Alpha蒙版

• 制作Alpha蒙版，首先你先必须制作出一个普通蒙版（如上步骤）。接下来我们就要将普通蒙版转换成Alpha蒙版了。

• 普通蒙版制作好之后，单选形状图层，点击 Layer（图层） —— Mask Mode （蒙版模式）——Alpha Mask。这时你会发现剪切好的图形变成白色了，别着急我们接着往下做。

• 同样在左侧图层面板处选中形状图层，接着在右侧属性面板点击fill区域，这时你便添加了一个为形状图层添加了一个fill属性。

• 

• 

• 接着在fill六种填充样式中选择第二个“线性填充”，这时候你就会看见你的普通蒙版剪切出来的图形，同时图形上增加了一个渐变条。

• 

• 

• 在渐变条上选择一个点，同时调节透明度属性（在颜色条的下方），你就会发现，图像的透明度在你调节那个点的周围发生变化。这样你就可以添加更多点或者改变渐变条的角度，做出你想得到的效果。

3.普通蒙版和Alpha蒙版的区别

简单来说制作普通蒙版，只借用形状或路径的轮廓对你想处理的图形进行“裁切”处理。而Alpha 蒙版不仅借用形状或路径的轮廓对你想处理的图形进行“裁切”处理，还可以借用形状的“渐变属性”和“透明属性”，所以当你对图像处理涉及到“透明”或者“渐变”效果时你就需要考虑使用Alpha蒙版了。

以上就是这两种蒙版的使用方法、特点和区别，网上关于这部分的讲解比较少，这是我自己总结的经验，和大家分享，如果有什么错误，希望及时提出。我们共同学习，共同成长。（当然也别忘了给我评论点赞哦~)。谢谢大家！~~