Figma渐变遮罩操作无效果求助(新手用户)
Figma渐变遮罩没效果?试试这些排查步骤
先理清楚正确的操作流程,避免自己记错步骤:
- 插入图像,在图像下方画遮罩形状(矩形、椭圆都行)
- 同时选中图像和遮罩形状,点工具栏的「遮罩」或者右键选「使用为遮罩」
- 选中图层面板里带椭圆标的遮罩子图层,给它加渐变填充,这时图像应该能显示渐变效果
如果还是没反应,按下面的点逐一排查:
- 遮罩层级搞反了:必须让遮罩形状在图像下面!要是遮罩在图像上面,渐变只会改遮罩本身,图像根本不受影响。去图层面板把遮罩图层拖到图像图层下方,重新应用遮罩试试。
- 选错图层了:遮罩组展开后,那个带椭圆标的子图层才是真正的遮罩层,得点它!要是你选的是整个遮罩组,设置渐变肯定没用。
- 遮罩填充没设对:检查遮罩的填充是不是渐变类型,别选成了透明或者纯色(纯色当然看不出渐变),而且渐变的颜色别全设成透明,不然也没效果。
- 图像混合模式冲突:看看图像的混合模式是不是「正常」,要是设了「正片叠底」「滤色」这类,可能会把渐变效果抵消掉,改回「正常」再试。
- 遮罩没盖住整个图像:要是遮罩形状比图像小,渐变只在遮罩覆盖的地方显示,看起来就像没生效。把遮罩拉大到完全盖住图像就行。
要是还是不确定,直接重新来一遍简化流程:
- 删除现有遮罩组,插一张随便的测试图
- 在图下面画个和图一样大的矩形
- 框选图和矩形,右键「使用为遮罩」
- 点图层面板里的矩形子图层(带椭圆标)
- 右侧填充选「线性渐变」,设个黑白渐变,这时候肯定能看到图像有渐变暗角效果
内容的提问来源于stack exchange,提问作者s1838
相关产品推荐
相关产品推荐

