这一节是非常实用的一节课,我们在现实工作中会经常用到此方法,本节课建议各位同学多看几遍,多练几遍

Adobe XD剪切蒙版详解,图片剪切蒙版如何调整图片位置和大小,以及矢量形状的剪切

在Adobe XD中,剪切蒙版简单来讲,就是通过组合,显示下方形状范围内上面图片的内容。效果如下,将圆和图片叠放,圆在下图片在上,通过组合,显示圆范围内的图片上的内容。

未标题-1.jpg

在Adobe XD中有两种方式制作剪切蒙版

1.直接将图片拖入到Adobe XD的形状或图片上去自动生成剪切蒙版,但是直接拖入之后不能在对图片进行调整;

2.将形状和图片叠放并同时选中,使用快捷键Command/Ctrl + Shift + M 组合。

调整剪切蒙版

1.双击组合即可调整大小和位置,但是直接拖入的不能调整。

2.直接拖入的不能调整。

3.直接拖入的不能调整。

未标题-2.jpg

剪切蒙版的图层顺序

1.图片与矢量形状组合时,剪切与图层无关,均为显示矢量形状范围内图片上的内容;

2.矢量形状与矢量形状组合时,显示下方矢量形状范围内上方矢量形状的内容;

3.图片与图片组合,只能直接拖入自动生成剪切蒙版;

打组之后剪切蒙版

打组之后可作为剪切内容,但不能作为形状,打组的放在形状下方

如果你需要这样的效果,请多复制一个形状

未标题-2.jpg
1.本站所有素材均可免费下载
2.本站所有素材仅限个人学习研究使用,请勿商业使用
3.本站所有素材版权均归上传者所有,如需商业使用请先与版权所有人联系
4.如果你觉得本站不错记得收藏及分享
UI图设计网 » 剪切蒙版和调整图片

发表评论

提供最优质的素材集合

立即查看 了解详情