4年前
大连 |UI设计师
Sketch两种蒙版的各自特点和使用方法。文章是去年夏天写的,当时sketch还属于比较新热的软件。自己琢磨写了这篇文章。如今sketch已经更新到4.2,发现文章中有些地方有偏差或者错误,所以添加了在错误的地方添加了修正,望大家看的明白。
sketch的两种蒙版讲解。
Sketch3.7中为我们提供了两种蒙版模式,一种是outline mask,字面翻译为轮廓蒙版,我们暂时称之为普通蒙版。另外一种是Alpha mask,也就是透明蒙版。
找到这两种蒙版也很简单,找到Sketch上方菜单栏,点击 Layer(图层) —— Mask Mode (蒙版模式)——你就会看到两种上文所说的两种蒙版了。
下面我们就来说说这两种蒙版的使用方法。
1.普通蒙版
创建普通蒙版的方式很简单,首先在你的画板中置入你想处理的图片。
然后用形状工具或者钢笔工具画出剪切用的形状。按照你的意愿将形状和图片排列在一起(注意图片和形状一定要有重叠区域才能形成蒙版哦~),至于图片和形状的,许多教程中说要将形状至于图片下层,我试了好多遍,其实图片和形状谁置于上层谁置于下层,最终得到的蒙版效果是一样的。
修正修正:如果你选中形状和图片后,使用工具栏的上的蒙版工具,那么无所谓图层顺序,它会创建一个蒙版并且生成一个文件夹。但是如果你使用快捷键control+command+m键,那么形状一定要在图片的下层,否则不会出剪切效果,但这两个图层不会生成一个单独的蒙版文件夹。所以说工具栏上的蒙版工具和快捷键的蒙版还是有差别的,快捷键的蒙版就相当于ps中的剪切蒙版,形状一定是在图片的下方。好多童鞋怎样释放蒙版,方法很简单选中形状图层,按快捷键control+command+m键或者工具栏的蒙版工具就可以释放蒙版了。
最后即将大功告成,全部选中图片图层和形状图层,然后点击工具栏中的Mask(或者鼠标右键选择use as mask),你就会得到一个剪切后的图形。注意图片图层并不是真正的被你的形状剪切了,只是图片在形状之外的部分隐藏了而已。你可以鼠标双击蒙版区域,这时就可以对图片位置和大小进行调整。
修正修正:如果使用的是快捷键的剪切蒙版,想对图片位置调整,直接选择图片拖拽就可以了,因为剪切蒙版没有生成文件夹,是不需要双击的