Sketch：蒙板的使用

Mask：蒙板

宁皓网最近发布了 Sketch（http://ninghao.net/package/sketch） 课程。Sketch 是专门用在 macOS 上的设计工具，对于我们界面设计师来说，它比 Photoshop 好用太多了。

Mask，蒙板。你可以把一个图形作为一个蒙板，所有使用了这个蒙板的元素都会呈现这个蒙板的形状。在画布上先画一个矩形，然后再复制一张图片，选中这两个东西，按一下 control + command + M，这样下面的矩形会作为上面图片的一个蒙板。做两个试验：

1. 移动图片的位置，体会蒙板的作用。
2. 选中蒙板，调整蒙板的尺寸。

图像地址：http://assets.ninghao.net/demo_2.jpg

选择蒙板

创建蒙板以后 Sketch 会自动创建一个群组，想选中里面的蒙板有几个方法：

1. 右键点击群组，在 Pick Layer 菜单里，找到 Mask 图层。
2. 在图层列表里直接选择 Mask 图层。
3. 选中图像图层，按一下 tab 键，这样可以选择下一层的东西。

蒙板样式

选中蒙板以后，给它添加几个图层样式。

1. Shadows：Color: 黑色，x: 0，y: 2，Blur: 8
2. Borders：Color: 白色，Position: Outside，Thickness: 10

Blending

再画一个矩形，把它拖放到图片图层的上面，让这个矩形也使用下面的蒙板。再设置一下这个新添加的矩形：

1. Fill：选择 Global Colors 里的蓝色
2. Opacity：50%
3. Blending：Overlay

Alpha Mask

默认应用的蒙板类型是 Outline Mask，轮廓蒙板。我们还可以使用 Alpha Mask，透明度蒙板。

1. 选中群组，复制一份。
2. 选中新群组里的 Mask 图层，打开 Layer - Mask Mode - Alpha Mask。
3. 再修改一下这个 Mask 图层的填充，选择线性渐变，再选择从透明到黑的这种渐变样式。
4. 选中整个群组，在 Inspector 上点一下垂直翻转小图标，再把这个应用了 Alpha Mask 的群组放到之前的群组的底部，这样会得到一个镜像效果。
5. 选中图片，添加一个Gaussian Blur，高斯模糊，Amount 选择 2 px 。

预览

option + command + 3，可以切换显示左右边栏，control + R 可以切换显示标尺。

选中画布，把背景设置成黑色。