下载 9 个适用于 Divi 的免费形状图像叠加

已发表: 2019-01-10

您在网站上显示图像的方式确实可以对您正在创建的整体设计产生影响。使用 Divi 的内置选项，您已经可以应用各种设计设置，帮助您以令人惊叹的方式显示图像，例如边框和框阴影。但是，如果您想让您的图像具有更独特的形状，这篇文章将对您有所帮助。我们将分享 9 个免费形状的图像叠加，您可以在您创建的任何网站上下载和使用它们。在分享这些形状的图像叠加后，我们还将向您展示如何在使用 Divi 构建网站时利用它们。我们希望本教程也能激发您创建自己的形状图像叠加层。

让我们开始吧！

预览

在我们深入学习教程和下载之前，让我们快速了解一下您在不同屏幕尺寸下可以预期的结果。

桌面

形状图像叠加

电话

形状图像叠加

免费下载异形图像叠加

要将您的手放在形状图像叠加层上，您首先需要使用下面的按钮下载它们。要访问下载，您需要使用下面的表格订阅我们的 Divi Daily 电子邮件列表。作为新订户，您将在每周一和周五收到更多的 Divi 善良和免费的 Divi 布局包！如果您已经在列表中，只需在下面输入您的电子邮件地址，然后单击下载。您不会被“重新订阅”或收到额外的电子邮件。

下载文件

免费下载

加入 Divi 时事通讯，我们将通过电子邮件向您发送一份最终的 Divi 登陆页面布局包，以及大量其他令人惊叹的免费 Divi 资源、提示和技巧。跟随，您将很快成为 Divi 大师。 如果您已经订阅，只需在下面输入您的电子邮件地址，然后单击下载即可访问布局包。

您已成功订阅。请检查您的电子邮件地址以确认您的订阅并获得免费的每周 Divi 布局包！

方法

如果您将它们与白行和/或部分背景色组合在一起，您可以在下载文件夹中找到的形状图像叠加层就可以使用了
如果您想根据另一种背景颜色调整形状图像叠加层，则需要使用上面下载中包含的 Illustrator 文件以另一种颜色导出形状图像叠加层
我们将在教程的第一部分（使用 Adobe Illustrator）向您展示如何更改形状图像叠加颜色
然后，我们将转到 Divi 并将形状的图像叠加之一上传到图像模块
我们还将向图像模块添加背景图像和渐变背景，它们将通过形状图像叠加显示

使用 Adobe Illustrator 将形状图像叠加修改为剖面背景颜色

打开下载文件夹中的 Illustrator 文件

正如本文方法部分所述，如果您想在白色背景上使用图像形状的叠加层，只需使用可在下载文件夹中找到的 PNG 文件即可。但是，如果您想在不同的行和/或部分背景颜色上使用形状图像叠加，您还需要使用下载文件夹中包含的 Adobe Illustrator 文件手动更改颜色。更改颜色几乎不需要时间，并且允许您在构建的任何网站上使用形状图像叠加，所以让我们完成这些步骤。首先，您需要打开 Adobe Illustrator 文件。

形状图像叠加