品牌型号:联想GeekPro 2020
系统:Windows 10 64位专业版
软件版本:Figma入门版
在产品的设计中,我们常常会利用剪切蒙版控制图像的显示范围。剪切蒙版在图层中犹如透明的遮挡板,其内部的图像会显示,外部的图像则会隐藏。Figma可通过设为蒙版的功能,将所选图层转换为剪切蒙版使用。接下来,一起来看看Figma剪切蒙版怎么用,以及Figma怎么编组。
一、Figma剪切蒙版怎么用
Figma的剪切蒙版是通过设置图层蒙版来实现功能的。那么,Figma剪切蒙版具体怎么用?以图1所示的画板为例,画板中已插入了一张图片,需要添加Figma的剪切蒙版,以显示图片中的部分图像。

在添加剪切蒙版前,需要先绘制一个设为蒙版的图形。如图2所示,使用Figma底部的插入功能,按照需要插入图形,可插入的图形包括矩形、椭圆、星形等。

本例选择插入一个星形,如图3所示,将星形叠放在图片上方,使星形所在区域位于图像计划显示的范围中。

完成素材的准备后,如图3所示,在Figma的左侧图层面板中,右击星形图层,并选择“设为蒙版”功能,将星形设置为剪切蒙版。

将星形设置为剪切蒙版后,如图5所示,星形仅会显示外部的轮廓线条。同时,左侧图层面板会新增蒙版组,星形图层会自动放入蒙版组。由于当前图片尚未放入蒙版组,因此星形无法控制图像的显示范围。

此时,只需将图片图层也放入蒙版组,并保持在蒙版组的图层置顶状态,如图6所示,即可让星形剪切蒙版控制图像的显示范围。

除了默认的蒙版效果外,如图7所示,在选中星形蒙版的情况下,Figma右侧设计面板会新增“蒙版”选项,可用于调整蒙版的类型。

Figma提供的蒙版类型包括Alpha(使用透明度)、Vector(使用形状轮廓)、Lumiance(使用亮度)三种。
1、Alpha,如果设为蒙版的图形添加了透明度相关的效果,Alpha蒙版剪切的图片也会呈现透明度相关的效果,比如渐变透明等。
2、Vector,即使设为蒙版的图形添加了透明度的效果,Vector蒙版剪切图片也仅有形状的剪切效果,不包含透明度效果。
3、Lumiance,蒙版剪切的效果包含亮度变化。

二、Figma怎么编组
Figma的编组指的是将画板中的多个元素组合为整体。编组后的元素可整体移动、缩放等,可避免频繁框选的操作,既能提高操作效率,也能避免框选错误。
另外,编组后的元素既可以整体选中,也可以单独选中,操作起来更灵活。那么,Figma怎么编组?如图9所示,先框选所有元素。如果无法框选全部,可以通过多选的方式操作。

完成对象的选取后,如图10所示,在图层面板右击任一选取的图层,然后在弹出的右键菜单选择编组所选项。

完成以上操作后,如图11所示,图层面板会新增一个编组,之前所选取的图层都会放入组别中。
如果想单独选择编组中的元素,既可以在图层面板单独选中对象图层,也可以在画板编组内双击,使编组转换为可单选对象的状态。

针对编组,如图12所示,Figma还提供了创建组件、连集所选项、交集所选项、设为蒙版等功能。

三、小结
以上就是关于Figma剪切蒙版怎么用,Figma怎么编组的相关内容。Figma剪切蒙版可通过将图层设为蒙版来实现功能,比如将图形图层设为蒙版,可用于控制图像的显示范围。Figma提供了三种蒙版类型,分别是应用透明度、形状、亮度的蒙版,可用于创作不同类型的图像遮挡效果。