如何使用Adobe XD向图像添加覆盖层

419 阅读2分钟

Adobe XD允许你创建自定义的UI/UX组件、模拟图、线框图等等。它也是一个伟大的平台,你可以用它来创建各种形式的艺术品。

你可能需要用于海报或其他营销材料的常见效果之一是在图像上面添加一个黑暗或明亮的覆盖层。这通常是用来使图像上面的文字更加明显,以便用户可以更容易地阅读这些文字。

了解如何在Adobe XD中添加这些黑暗或明亮的叠加效果。

如何在图像上添加暗色覆盖层

要在图像上添加暗色覆盖,你首先需要在画布上导入一张照片或图形元素。然后你需要在原始图像上添加另一个形状,以配置叠加效果。

  1. 在Adobe XD中把一张照片拖到画布上。

  2. 在左边的栏目中,点击方形 图标。这将允许你拖放一个正方形的形状到画布上。

  3. 将正方形直接放在你的图片上面。

  4. 突出显示正方形的形状。在右侧的属性窗格中,将背景填充改为黑色。

  5. 当方形形状仍然突出显示时,将不透明度 水平调整为60%。这个不透明度将允许你看穿方形图像。你将能够看到你的原始图像,方形在上面添加了黑暗的覆盖效果。

  6. 如果你想让叠加的颜色更深或更浅,你可以把不透明度调整到你想要的程度。

如何在图像上添加光线覆盖层

有多种方法可以让你在图像上添加白色覆盖物。

  1. 如果你在原始图像上面仍然有一个正方形的形状,你可以把背景填充 颜色改为白色而不是黑色。把不透明度 水平保持在你想要的程度。

  2. 另外,你也可以改变原始图像本身的不透明度,而不需要增加一个额外的方形。突出原图,改变透明度。

在Adobe XD中轻松地给你的图像添加覆盖层

Adobe XD是一个很好的平台,你可以用它来在图像上面添加特殊效果。给图像添加覆盖效果的一种方法是添加一个单独的方块,并配置背景颜色和不透明度,如上图所示。

如果你要在图片上面添加文字,这将有望使你的文字对用户来说更易阅读。

添加叠加效果只是你使用Adobe XD可以做的许多事情之一。你可以继续学习Adobe XD提供的其他各种功能。这包括设备艺术板、时间触发器和超链接等功能。