為 Divi 下載 9 個免費的形狀圖像疊加

已發表: 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 文件。

形狀圖像疊加