设计UI - Adobe xd剪切蒙版

剪切蒙版

剪切蒙版是一个可以用其形状遮盖其他图稿的对象,因此使用剪切蒙版,您只能看到蒙版形状内的区域,从效果上来说,就是将图稿裁剪为蒙版的形状。简单来说就是通过组合,显示下方形状范围内上面图片的内容。

制作剪切蒙版

方法一操作步骤:画出矢量图形,将图片直接拖入矢量图形内即可。

bdf84f0e88babda20a18c3fdc3be8c5c.gif

方法二操作步骤:选中矢量图形和图片,右键->带有形状的蒙版;快捷键Shift+Ctrl+M。

67eca8c43884158fa814c064a1ae0f5d.gif

调整剪切蒙版

操作步骤:双击图片,进行位置和大小调整。

a7a723052e87d2c11f634dba0080519f.gif

图层顺序

图片和矢量图形组合:无论图片在上还是在下,均显示矢量图形范围内的图片内容。

bb83808b22e3f7076254173c608bd5e8.gif

矢量图形和矢量图形组合:上方矢量图形作为范围,下方矢量图形作为显示内容。

17995c937b154a471d81069ffc3a0184.gif

往期 · 推荐

设计UI - Adobe xd文本和钢笔

设计UI - Adobe xd对象介绍

设计UI - Adobe xd画板及参考线

实时系统vxWorks - 虚拟机环境搭建

实时系统vxWorks - zynq7020移植vxWorks

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

不只会拍照的程序猿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值