Desen karıştırma modunu kullanarak benzersiz arka plan resimleri oluşturmak ister misiniz? Divi ?
Yerleşik arka plan deseni ayarları Divi göz alıcı tasarımlar oluşturmanıza ve arka plan resimlerinize stil eklemenize olanak tanır. Site Web. Desenin arka plan görüntüsüyle nasıl karışacağına ince ayar yapmak için karıştırma modu ayarlarını kullanabilirsiniz.
Bu eğitimde, sayfanızın arka plan resimlerine bir desen karıştırma modunun nasıl ekleneceğine dair bazı örnekler göstereceğiz. Bu görünümleri kendi başınıza yeniden yaratmak için izleyin veya kendi özel tasarımlarınızı oluşturmak için ilham kaynağı olarak kullanın.
Başlayalım!
anket
İşte bu eğitimde tasarlayacağımız şeyin bir önizlemesi.
İlk düzen
İkinci düzen
Üçüncü düzen
Divi Arka Plan Resimlerinizde Desen Karıştırma Modları Nasıl Kullanılır
Önceden tanımlanmış bir düzen ile yeni bir sayfa oluşturun
Kitaplıktan önceden tanımlanmış bir düzeni kullanarak başlayacağız Divi. Bu tasarım için kullanacağımız « Marina Açılış Sayfası "Of Marina Düzen Paketi .
sayfanıza yeni bir sayfa ekleyin Site Web ve bir başlık verin, ardından Divi Builder'ı Kullan seçeneğini seçin.
Bu örnek için Divi Kitaplığından önceden hazırlanmış bir düzen kullanacağız, bu nedenle Düzenlere Göz Atın.
Düzeni bulun ve seçin Marina Açılış Sayfası.
seçmek Bu Düzeni Kullan sayfanıza düzeni eklemek için.
Artık tasarlamaya hazırız.
İlk düzen
İlk tasarımımız için, ilk başlık görüntüsüne bir şerit deseni ekleyeceğiz. Bu, başlığa biraz görsel ilgi katacaktır.
Ayrıca okuyun: Divi: Bir GIF ile "Geri Sayım Sayacı" modülü nasıl özelleştirilir
Uygulayacağımız harmanlama modu nedeniyle desen daha ince olacak ve yine de arka plan görüntüsünün görünür olmasına izin verecek.
İlk önce bölüm ayarlarını açın ve bölüme gidin Olayın Arka Planı. sekmesine tıklayın Arka Plan Deseni ve seç Arka Plan Deseni Ekle.
Ardından, desen türünü seçin. Gördüğünüz gibi, aralarından seçim yapabileceğiniz birçok farklı şablon var ve bunların tümü aşağıdaki şablon ayarlarıyla daha da özelleştirilebilir.
- Desen Türü: Ters Balıksırtı 2
"Desen Karışımı" modu eklendi
Son olarak, desenin karıştırma modunu ayarlayın. Karıştırma modunu kullanacağız Yumuşak Işık bu örnek için. Bu karıştırma modu, deseni arka plan görüntüsünden uzaklaştırmaması için daha incelikli hale getirir.
- Desen Karışım Modu: Yumuşak Işık
Sonuç
İşte ilk örneğimizin son tasarımı.
İşte mobil versiyonu.
İkinci düzen
İkinci düzen için, sayfanın denizcilik temasıyla iyi giden arka plan görüntüsü ve gradyan üzerine yerleştirilmiş bir dalga deseni kullanacağız.
İlk önce bölüme gidin "Nasıl çalışır" ve bölüm ayarlarını açın.
Ayarları aç Olayın Arka Planı, ardından sekmeyi seçin Arka Plan Desenive tıklayın Arka Plan Deseni Ekle.
Bu tasarım için desen tipini kullanacağız. Waves.
- Desen Türü: Dalgalar
Ardından desen rengini beyaz olarak değiştirin.
- Desen Rengi: #FFFFFF
Desen karıştırma modu eklendi
Artık desenimize harmanlama modunu ekleyebiliriz. Desen karıştırma modunu şu şekilde ayarlayın: Kaplama.
Ayrıca keşfedin: Divi: "Tam Genişlik Menüsü" modülünün sepet ve arama simgeleri nasıl özelleştirilir
Bu karıştırma modu, arka plan görüntüsündeki koyu renkleri koyulaştırır ve açık renkleri aydınlatır.
- Desen Karışım Modu: Kaplama
Sonuç
İşte bölüme uygulanan ikinci örneğin nihai sonucu "Nasıl çalışır".
Ve işte mobil versiyonu.
Üçüncü düzen
Üçüncü düzenimize başlayalım.
Bu düzen için, " arka planına opak çapraz çizgiler ekleyeceğiz. Eyleme Çağrı".
Bölüm ayarlarını açarak başlayın ve bölüme gidin Olayın Arka Planı. sekmesine tıklayın Arka Plan Deseni, ardından seçin Arka plan deseni ekle.
Desen seçin Çapraz Şeritler.
Ardından, desen rengini ayarlayın.
- Desen Rengi: rgba(255,255,255,0.25)
Deseni Dönüştür ayarlarını kullanarak deseni yatay olarak çevirin. Bu, kalıbı beğeninize göre ince ayar yapmanıza yardımcı olabilecek başka bir parametredir.
- Desen Dönüşümü: Yatay
Desen karıştırma modu eklendi
Son olarak, desenin karıştırma modunu ayarlayın. Bu tasarım için harmanlama modunu kullanacağız. parlaklık.
Ayrıca şu kılavuzumuzu okuyun: Divi: Resimlerinizi güzelleştirmek için "Gradient Builder" nasıl kullanılır?
Bu, desen rengimizle birleştiğinde, fotoğrafın görünmesine izin verirken görüntüye parlak bir ekran ekler. Bu tasarımla, desen ayırt edici bir kontrast eklediğinden teknenin görüntüsü arka plandan daha fazla öne çıkıyor.
- Desen Karışım Modu: Parlaklık
Sonuç
İşte bu bölümün son tasarımı.
Ve işte mobil versiyonu.
Nihai sonuç
Şimdi desen karıştırma modları ile tam sayfa tasarımına bir göz atalım.
DIVI'yı Şimdi İndirin !!!
Sonuç
Desen eklemek, arka plan resminize görsel ilgi katmanın harika bir yolu olabilir, ancak bazen desen arka plan resmine baskın gelebilir. Neyse ki Divi, desenleri istediğiniz kadar özelleştirebilmeniz için birçok karıştırma moduyla birlikte gelir.
Bu eğitimin bir sonraki Divi projeleriniz için size ilham vereceğini umuyoruz. Herhangi bir endişeniz veya öneriniz varsa, bizi yorumlar bölümü bunu tartışmak için.
Ayrıca danışabilirsiniz kaynaklarımızİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa.
Rehberimize de danışmaktan çekinmeyin. WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.
Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.
...