在做 UI 设计时，想要做出图片、图层的透明渐隐效果，怎样可以轻松实现呢？

其实对设计工具有了解的小伙伴都知道，蒙版是一种很常见的用来改变图层样式的方式。简单来讲，蒙版就是在图层上“蒙了块板子”，也可以比喻成像一层雾气盖在玻璃上，雾气越厚，窗外什么也看见；但任意擦掉一个位置的雾气，那个位置就能清晰看到。

目前，蒙版功能作为一种常见功能被广泛的应用于各种常见的设计工具中，此次 MasterGo 透明度蒙版的上线，可以为用户提供更高级更完善的蒙版工具，同时也可以更适配从 Figma 和 Sketch 导入的文件。

我们先来聊聊 MasterGo 的蒙版功能。使用 MasterGo 蒙版可以显示对象的特定区域，同时隐藏其余部分。比如在使用形状用作蒙版时，蒙版会作用在图层面板中同一级别的上方图层。这就像将较大的照片放在较小的相框内，点击“设为蒙版图层”，会看到像框中原照片的一部分，其余部分将被隐藏起来。

当然，如果已经成为蒙版的图层，再次点击蒙版选项会转为普通图层。所以，蒙版是一种非破坏性的操作，用户可以保留隐藏区域，而不用删除或修改这些对象。

通常情况下，蒙版可以辅助设计画面更聚焦，提高画面质量和视觉冲击。当图片和文字的对比不够明显、画面杂乱时，这时加上一层蒙版就可以把不重要的内容淡化，突出我们要表达的文字或者图片。有时候图片的颜色不是很理想，我们就可以通过增加蒙版，来提高色彩对比度，饱和度，这是一种相对比较高效的方法。

再来看下 MasterGo 的透明度蒙版功能。 它默认支持映射图层透明度，包括填充颜色、描边颜色、图层、填充图片的透明度或不透明度信息等。以下四种场景的需求设置，MasterGo 透明度蒙版都可以轻松完成。

• 蒙版外阴影和内阴影，同时支持显示透明阴影区域设定；
• 可以添加不同透明度的填充、渐变和描边；
• 可以使用模糊效果来达到羽化效果；
• 支持导入具有透明度的 PNG、Gif、WebP 图片；

MasterGo 的透明度蒙版，通过简单的调整颜色透明度效果，非常高效地将设计画面变得高级富有设计感。轻松几秒，解决了大部分的美化问题，设计作品变得与众不同。此次 MasterGo 更新的功能，你爱了吗？还想看到哪些实用功能更新，评论区告诉我！

Powered by Froala Editor