Chcete vytvořit jedinečné obrázky na pozadí pomocí režimu prolnutí vzorů divi ?
Vestavěné nastavení vzoru pozadí divi vám umožní vytvářet poutavé návrhy a přidat styl vašim obrázkům na pozadí Webové stránky. Pomocí nastavení režimu prolnutí můžete doladit, jak vzor splyne s obrázkem na pozadí.
V tomto tutoriálu vám ukážeme několik příkladů, jak přidat režim prolnutí vzoru do obrázků na pozadí vaší stránky. Postupujte podle nich a znovu vytvořte tyto vzhledy sami nebo je použijte jako inspiraci k vytvoření vlastních vlastních návrhů.
Začněme!
přehled
Zde je náhled toho, co budeme v tomto tutoriálu navrhovat.
První rozložení
Druhé rozložení
Třetí rozložení
Jak používat režimy prolnutí vzoru na obrázcích pozadí Divi
Vytvořte novou stránku s předdefinovaným rozložením
Začneme tím, že použijeme předdefinované rozložení z knihovny divi. Pro tento design použijeme « Úvodní stránka Marina »Od Marina Layout Pack .
Přidejte do své stránky novou stránku Webové stránky a pojmenujte jej a poté vyberte možnost Použít Divi Builder.
Pro tento příklad použijeme předem připravené rozvržení z Divi Library, takže vyberte Procházet rozvržení.
Najděte a vyberte rozvržení Vstupní stránka Marina.
vybrat Použijte toto rozvržení přidat rozvržení na stránku.
Nyní jsme připraveni navrhnout.
První rozložení
Pro náš první návrh přidáme do prvního obrázku záhlaví vzor šipky. To dodá záhlaví vizuální zajímavost.
Čtěte také: Divi: Jak přizpůsobit modul "Časovač odpočítávání" pomocí GIF
Vzhledem k režimu prolnutí, který použijeme, bude vzor jemnější a přesto umožní, aby byl obrázek na pozadí viditelný.
Nejprve otevřete nastavení sekce a přejděte do sekce Pozadí. Klikněte na záložku Vzorek pozadí a zvolte Přidat vzor pozadí.
Dále vyberte typ vzoru. Jak vidíte, existuje mnoho různých šablon, ze kterých si můžete vybrat, a všechny lze dále upravit pomocí nastavení šablon níže.
- Typ vzoru: Obrácená rybí kost 2
Přidán režim „Mísení vzoru“.
Nakonec nastavte režim prolnutí vzoru. Použijeme režim prolnutí Měkké světlo pro tento příklad. Tento režim prolnutí činí vzor jemnějším, takže neodvádí pozornost od obrázku na pozadí.
- Režim prolnutí vzoru: Měkké světlo
Výsledek
Zde je konečný návrh našeho prvního příkladu.
Zde je mobilní verze.
Druhé rozložení
Pro druhé rozvržení použijeme vlnový vzor překrývající obrázek na pozadí a přechod, který se dobře hodí k námořnímu tématu stránky.
Nejprve přejděte do sekce "Jak to funguje" a otevřete nastavení sekce.
Otevřete nastavení Pozadí, poté vyberte kartu Vzorek pozadí, poté klepněte na tlačítko Přidat vzor pozadí.
Pro tento návrh použijeme typ vzoru waves.
- Typ vzoru: Vlny
Poté změňte barvu vzoru na bílou.
- Barva vzoru: #FFFFFF
Přidán režim prolnutí vzoru
Nyní můžeme do našeho vzoru přidat režim prolnutí. Nastavte režim prolnutí vzoru na Obložit.
Objevte také: Divi: Jak přizpůsobit košík a ikony vyhledávání v modulu "Nabídka plné šířky".
Tento režim prolnutí ztmaví tmavé barvy na obrázku na pozadí a zesvětlí světlé barvy.
- Režim prolnutí vzoru: Překrytí
Výsledek
Zde je konečný výsledek druhého příkladu použitého na sekci "Jak to funguje".
A tady je mobilní verze.
Třetí rozložení
Začněme naše třetí rozložení.
Pro toto rozvržení přidáme neprůhledné diagonální pruhy na pozadí " Výzva k akci".
Začněte otevřením nastavení sekce a přejděte do sekce Pozadí. Klikněte na záložku Vzorek pozadí, poté vyberte Přidat vzor pozadí.
Vyberte vzor Diagonální pruhy.
Dále nastavte barvu vzoru.
- Barva vzoru: rgba (255,255,255,0.25)
Překlopte vzor vodorovně pomocí nastavení Transformovat vzor. To je další parametr, který vám může pomoci doladit vzor podle vašich představ.
- Transformace vzoru: Horizontální
Přidán režim prolnutí vzoru
Nakonec nastavte režim prolnutí vzoru. Pro tento návrh budeme používat režim prolnutí Zářivost.
Přečtěte si také našeho průvodce: Divi: Jak používat "Gradient Builder" ke zkrášlení vašich obrázků
To v kombinaci s naší barvou vzoru dodává obrazu jasnou obrazovku a zároveň umožňuje prosvítání fotografie. S tímto designem obraz lodi více vystupuje z pozadí, protože vzor dodává výrazný kontrast.
- Režim prolnutí vzoru: Svítivost
Výsledek
Zde je konečný návrh této sekce.
A tady je jeho mobilní verze.
Konečný výsledek
Nyní se podíváme na návrh celé stránky s režimy prolnutí vzoru.
Stáhnout DIVI hned!!!
Proč investovat do čističky vzduchu?
Přidání vzoru může být skvělý způsob, jak přidat k obrázku na pozadí vizuální zajímavost, ale někdy vzor může přehlušit obrázek na pozadí. Naštěstí Divi přichází se spoustou režimů prolnutí, takže si můžete vzory přizpůsobit, jak chcete.
Doufáme, že vás tento tutoriál inspiruje pro vaše další Divi projekty. Pokud máte nějaké obavy nebo návrhy, najděte nás v sekci komentářů diskutovat o tom.
Můžete se také poradit naše zdroje, pokud potřebujete více prvků k realizaci projektů vytváření internetových stránek.
Neváhejte se také podívat na našeho průvodce na Vytvoření blogu WordPress nebo ten, který je zapnutý Divi: nejlepší téma WordPress všech dob.
Mezitím sdílejte tento článek na různých sociálních sítích.
...
