Dëshironi të krijoni imazhe unike të sfondit duke përdorur mënyrën e përzierjes së modeleve të Divi ?
Cilësimet e integruara të modelit të sfondit të Divi ju lejon të krijoni dizajne tërheqëse dhe t'i shtoni stil imazheve të sfondit tuaj Site Web. Mund të përdorni cilësimet e modalitetit të përzierjes për të rregulluar mirë se si modeli përzihet me imazhin e sfondit.
Në këtë tutorial, ne do t'ju tregojmë disa shembuj se si të shtoni një modalitet të përzierjes së modeleve në imazhet e sfondit të faqes tuaj. Ndiqni ato për t'i rikrijuar këto pamje vetë ose përdorni ato si frymëzim për të krijuar modelet tuaja të personalizuara.
Le të fillojmë!
studim
Këtu është një pamje paraprake e asaj që ne do të dizajnojmë në këtë tutorial.
Paraqitja e parë
Paraqitja e dytë
Paraqitja e tretë
Si të përdorni mënyrat e përzierjes së modeleve në imazhet tuaja të sfondit Divi
Krijoni një faqe të re me një plan urbanistik të paracaktuar
Ne do të fillojmë duke përdorur një plan urbanistik të paracaktuar nga biblioteka Divi. Për këtë dizajn ne do të përdorim « Faqja e uljes së Marinës "e Paketa e paraqitjes së Marinës .
Shtoni një faqe të re në faqen tuaj Site Web dhe jepini një titull, më pas zgjidhni opsionin Use Divi Builder.
Ne do të përdorim një plan urbanistik të bërë paraprakisht nga Biblioteka Divi për këtë shembull, kështu që zgjidhni Shfletoni Layouts.
Gjeni dhe zgjidhni paraqitjen Faqja e uljes së Marinës.
zgjedh Përdorni këtë paraqitje për të shtuar paraqitjen në faqen tuaj.
Tani jemi gati për të projektuar.
Paraqitja e parë
Për dizajnin tonë të parë, ne do të shtojmë një model chevron në imazhin e parë të kokës. Kjo do të shtojë një interes vizual në kokë.
Lexo gjithashtu: Divi: Si të personalizoni modulin "Countdown Timer" me një GIF
Për shkak të mënyrës së përzierjes që do të aplikojmë, modeli do të jetë më delikat dhe do të lejojë që imazhi i sfondit të jetë i dukshëm.
Së pari, hapni cilësimet e seksionit dhe shkoni te seksioni Sfond. Klikoni në skedën Modeli i sfondit dhe zgjidh Shto modelin e sfondit.
Tjetra, zgjidhni llojin e modelit. Siç mund ta shihni, ka shumë shabllone të ndryshëm për të zgjedhur, dhe të gjithë mund të personalizohen më tej nga cilësimet e shabllonit më poshtë.
- Lloji i modelit: kurriz peshku i përmbysur 2
U shtua modaliteti "Përzierja e modeleve".
Së fundi, vendosni mënyrën e përzierjes së modelit. Ne do të përdorim modalitetin e përzierjes Drita e butë për këtë shembull. Kjo mënyrë e përzierjes e bën modelin më delikat në mënyrë që të mos shpërqendrohet nga imazhi i sfondit.
- Modaliteti i përzierjes së modeleve: Dritë e butë
Rezultat
Këtu është dizajni përfundimtar i shembullit tonë të parë.
Këtu është versioni celular.
Paraqitja e dytë
Për paraqitjen e dytë, ne do të përdorim një model valësh të mbivendosur në imazhin e sfondit dhe gradientin, i cili shkon mirë me temën detare të faqes.
Së pari, lundroni në seksion "Si punon" dhe hapni cilësimet e seksionit.
Hap cilësimet Sfond, më pas zgjidhni skedën Modeli i sfondit, pastaj kliko Shto modelin e sfondit.
Për këtë dizajn ne do të përdorim llojin e modelit Valët.
- Lloji i modelit: Valët
Pastaj ndryshoni ngjyrën e modelit në të bardhë.
- Ngjyra e modelit: #FFFFFF
Modaliteti i përzierjes së modeleve u shtua
Tani mund të shtojmë modalitetin e përzierjes në modelin tonë. Vendosni modalitetin e përzierjes së modeleve në Mbulesë.
Zbuloni gjithashtu: Divi: Si të personalizoni ikonat e shportës dhe kërkimit të modulit "Menyja me gjerësi të plotë".
Ky modalitet i përzierjes errëson ngjyrat e errëta në imazhin e sfondit dhe ndriçon ngjyrat e lehta.
- Modaliteti i përzierjes së modeleve: Mbivendosja
Rezultat
Këtu është rezultati përfundimtar i shembullit të dytë të aplikuar në seksion "Si punon".
Dhe këtu është versioni celular.
Paraqitja e tretë
Le të fillojmë paraqitjen tonë të tretë.
Për këtë paraqitje, ne do të shtojmë vija diagonale të errëta në sfondin e " Thirrje për Veprim".
Filloni duke hapur cilësimet e seksionit dhe shkoni te seksioni Sfond. Klikoni në skedën Modeli i sfondit, pastaj zgjidhni Shto modelin e sfondit.
Zgjidhni modelin Vija diagonale.
Më pas, vendosni ngjyrën e modelit.
- Ngjyra e modelit: rgba (255,255,255,0.25)
Kthejeni modelin horizontalisht duke përdorur cilësimet e Transformimit të Modelit. Ky është një tjetër parametër që mund t'ju ndihmojë të rregulloni modelin sipas dëshirës tuaj.
- Transformimi i modelit: horizontal
Modaliteti i përzierjes së modeleve u shtua
Së fundi, vendosni mënyrën e përzierjes së modelit. Për këtë dizajn, ne do të përdorim modalitetin e përzierjes shkëlqim drite.
Lexoni gjithashtu udhëzuesin tonë në: Divi: Si të përdorni "Gradient Builder" për të zbukuruar imazhet tuaja
Kjo, e kombinuar me ngjyrën tonë të modelit, i shton një ekran të ndritshëm imazhit, ndërkohë që lejon që fotografia të shfaqet. Me këtë dizajn, imazhi i varkës dallohet më shumë nga sfondi pasi modeli shton një kontrast të veçantë.
- Modaliteti i përzierjes së modeleve: Shkëlqimi
Rezultat
Këtu është dizajni përfundimtar për këtë seksion.
Dhe këtu është versioni i tij celular.
Rezultati përfundimtar
Tani le të hedhim një vështrim në dizajnin e faqes së plotë me mënyrat e përzierjes së modeleve.
Shkarkoni DIVI Tani!!!
Përfundim
Shtimi i një modeli mund të jetë një mënyrë e shkëlqyeshme për të shtuar interesin vizual në imazhin tuaj të sfondit, por ndonjëherë modeli mund të mbingarkojë imazhin e sfondit. Për fat të mirë, Divi vjen me shumë mënyra përzierjeje, kështu që ju mund t'i personalizoni modelet sa të dëshironi.
Shpresojmë që ky tutorial t'ju frymëzojë për projektet tuaja të ardhshme Divi. Nëse keni ndonjë shqetësim apo sugjerim, na gjeni në pjesa e komenteve për ta diskutuar atë.
Ju gjithashtu mund të konsultoheni burimet tona, nëse keni nevojë për më shumë elementë për të realizuar projektet tuaja të krijimit të faqeve të Internetit.
Mos hezitoni të konsultoheni edhe me udhëzuesin tonë për Krijimi i blogut të WordPress ose atë më Divi: tema më e mirë e WordPress të të gjitha kohërave.
Por në ndërkohë, ndajeni këtë artikull në rrjetet tuaja të ndryshme sociale.
...