你是否一直想知道 Alpha 遮罩是什么或如何创建？我们来帮你！在这篇博文中，我们将介绍一些定义和用例，然后逐步指导你如何使用 Alpha 遮罩。
让我们开始吧！
什么是 Alpha 遮罩？
在解释 Alpha 遮罩 之前，让我们先谈谈 轮廓遮罩 - 它们更常见且更容易使用。
轮廓遮罩具有明确的边缘，而 Alpha 遮罩允许你调节不透明度。
轮廓遮罩仅显示落在其形状内的图层或多个图层的部分。另一方面，Alpha 遮罩通过控制其遮罩区域的透明度（Alpha）来隐藏落在其形状之外的任何内容。这使得它们非常适合创建平滑的边框和淡出图层。
使用任何具有透明度的形状作为 Alpha 遮罩将使其遮罩的内容也变得透明。
若要调节形状或图层的透明度，你可以前往 检查器 并尝试 模糊 或 渐变。
如何使用 Alpha 遮罩创建平滑的边框
通过降低图像图层周围的不透明度，你可以将其更平滑地融入到设计的背景中。今天，我们将以头像图片为例。
如你所见，我们为头像添加了模糊边框，以帮助平滑图像与背景之间颜色差异。
你可以使用自己的图像文件，或让 Sketch 为你生成一个。为此，请选择 **插入** > **数据** > **Sketch 数据** > **人脸** 并将其放置在画板上。然后，按 O 触发椭圆工具，并单击并拖动以覆盖图像的中心。
现在，让我们为遮罩图层添加一些透明度。前往检查器的 **模糊** 部分，并为你的椭圆添加 2 像素高斯模糊。遮罩图层将影响 图层列表 中位于其上方的任何图层，因此你需要相应地重新排列图层。在本例中，将椭圆移动到图像图层下方。
选择椭圆并按 ^⌘M 或右键单击图层并从菜单中选择 **遮罩图像**。现在，由于图层已经具有透明度，Sketch 将自动将其设置为 Alpha 遮罩。你可以始终通过选择 **图层** > **遮罩** > **遮罩模式** 从菜单栏将其恢复为轮廓遮罩。
就是这样！
使用 Alpha 遮罩时，请注意直线边缘是否突出。我们建议使用 3 像素或更小的边框。
如何使用 Alpha 遮罩创建淡出效果
你可以降低图层或图层组一端的透明度，以将其淡出。这对于为你的 模型 或 原型 创建滚动效果很有用。它在编辑图像时也很有用。今天，我们将将其应用于从 Sketch 101 作业 中借来的评论线程。
在本例中，我们正在淡出最后一条评论，使其“隐藏”在评论框后面。
要创建这种效果，我们将遵循与之前几乎相同的步骤。用形状覆盖你要遮罩的图层或图层组。然后，前往检查器的 **样式** 部分，并为你的形状应用线性渐变填充。为了直观地参考，你可以将顶部点更改为黑色并将底部点的 Alpha 设置为 0。然后，向下拖动顶部点，直到你对结果满意。这将创建底部淡出，但你可以随意调整。
在遮罩之前，请确保你的形状位于图层列表中你要遮罩的图层下方。
在这里你可以看到当我们应用遮罩时，一些图层消失了。若要将它们带回来，右键单击丢失的图层并选择 **忽略底层遮罩**。
完成！我们希望这能让你对如何将 Alpha 遮罩用于你的项目有所了解。如果你最终创建了一些时尚的设计，请使用 我们 的 #MadeWithSketch 标签与我们分享。我们很乐意看到它😉
