Arka plan maskelerini ve ayırıcısını birleştirmek ister misiniz? Divi yüce ve benzersiz geçmişlere sahip olmak?
Arka plan maskelerinin bölüm ayırıcılarla kombinasyonu Divi zaten güçlü bir arka plan tasarım seçenekleri cephaneliğine başka bir yaratıcılık katmanı ekler.
Arka plan seçeneklerine ek olarak, bölüm ayırıcılar, kullanıcıların arka plan tasarımlarını geliştirmelerine de olanak tanır.
Bu eğitimde size arka plan maskelerini bölüm ayırıcılarla nasıl birleştireceğinizi göstereceğiz. Divi. Bu tekniği kullanarak Divi bölümü için arka plan tasarımının nasıl yapılacağına dair adım adım talimatlar vereceğiz.
Ayrıca, sadece birkaç basit ince ayar ile alternatif tasarımların nasıl oluşturulacağını bile açıklayacağız.
Hadi başlayalım!
anket
İşte bu eğitimdeki çizimlerin bir önizlemesi.
Kavram
Bu öğreticinin temel konsepti, daha da benzersiz maske şekilleri oluşturmak için bir arka plan maskesini ve bölüm ayırıcıları birleştirmektir.
İlk olarak, bir arka plan maskesi ekliyoruz.
Ardından, maskenin şeklini yaratıcı bir şekilde tamamlamak için bölüm ayırıcılar ekliyoruz.
Divi Builder ile yeni bir sayfa oluşturun
WordPress kontrol panelinden şuraya gidin: Sayfalar> Yeni Ekle yeni bir sayfa oluşturmak için.
Size mantıklı gelen bir başlık verin ve tıklayın Divi Builder'ı kullanın
Ardından İnşaata Başla (Sıfırdan Oluşturun)
Bundan sonra, Divi'de tasarlamaya başlamak için boş bir tuvaliniz olacak.
Divi'de Arka Plan Maskelerini ve Bölücüleri Birleştirin
Bölüm boyutu ve boşluk ekleme
Başlamak için, yapıcıdaki mevcut bölüme boyut ve aralık ekleyeceğiz. Bir satırı veya tümünü eklemeyi askıya alacağız içindekiler böylece bölümün arka planını tasarlamaya odaklanabiliriz.
Bölüm ayarlarını açın. sekmenin altında Dizayn, boyutu ve aralığı aşağıdaki gibi güncelleyin:
- Min Yükseklik: 50 vw
- Dolgu (Üst ve Alt): 0 piksel
Arka plan degradesini oluşturun
Bölüm belirli bir yüksekliğe ulaştığında, bölüme arka plan gradyanını eklemeye hazırız.
Sekmenin altında içeriksekmeye tıklayın Arka Plan Gradyanı arka plan seçenekleri altında. Ardından aşağıdaki gibi bir degrade ekleyin:
- Gradyan Durakları
- %20: #1a2a6c
- %60: #b21f1f
- %100: #fdbb2d
Arka plan maskesini oluşturun
Artık bir renk gradyanımız olduğuna göre, bir arka plan maskesi oluşturmaya hazırız.
Sekmenin altında Arka Plan Maskesi, aşağıdakileri güncelleyin:
- Maske: Balıksırtı
- Maske Rengi: #000000
- Dönüşüm: Ters
- En Boy Oranını Maskele: ekran görüntüsüne bakın
Bölüm ayırıcılar ekle (Bölücüler)
Maskemiz yerindeyken, bölüm ayırıcıları kullanarak maskenin şeklini daha da değiştirebiliriz.
Bu örnekte, üstte ve altta yarım daire bölüm ayırıcı ekleyeceğiz. Bu, arka plan maskesini daha çok süslü bir ok tasarımına benzeyecek şekilde sıkıştıracaktır.
Bunu yapmak için sekmeye tıklayın Dizayn ve aşağıdaki ayırıcıları ekleyin:
İlk önce, sekmenin altına bir üst ayırıcı ekleyin Iyi.
- Bölücü Stili: Ekran görüntüsüne bakın
- Renk: #000
- Bölücü Yüksekliği: 10 vw
Ardından, sekmenin altına bir alt ayırıcı ekleyin Alt.
- Bölücü Stili: Ekran görüntüsüne bakın
- Renk: #000
- Bölücü Yüksekliği: 10 vw
- Bölücü Çevirme: Dikey Çevirme
Sonuç
İşte şimdiye kadarki sonuç.
Daha fazla tasarım için arka plan seçeneklerini ve ayırıcıları ayarlayın
Artık temel fikre sahip olduğunuza göre, daha fazla desen oluşturmak için bölüm ayırıcılarla kolayca oynayabiliriz.
Ayrıca bakınız: Divi: Resimlerinizi güzelleştirmek için "Gradient Builder" nasıl kullanılır?
Alternatif tasarım #1
İlk alternatif tasarımımız için mevcut arka plan maskesini döndüreceğiz. Daha sonra yarım daire kesitli bölücüleri üçgenlerle değiştireceğiz.
Bunu yapmak için mevcut bölüm ayarlarını açın, sekmeye tıklayın Arka Plan Maskesi ve aşağıdakileri güncelleyin:
- Maske Dönüşümü: dikey çevirme, döndürme
- En Boy Oranını Maskele: ekran görüntüsüne bakın
Ardından, bölüm ayırıcıları aşağıdaki gibi güncelleyin:
Üst bölücü
- Bölücü Stili: Ekran görüntüsüne bakın
- Bölücü Yüksekliği: 13 vw
Alt bölücü
- Bölücü Stili: Ekran görüntüsüne bakın
- Yükseklik: 13 vw
- Bölücü Çevirme: devre dışı bırakmak
Sonuç
İşte sonuç.
Alternatif tasarım #2
İkinci ve son alternatif tasarımımız için maskeyi değiştireceğiz. Şevronlar maske tarafından Çapraz Çubuklar 2 ve ayrıca ona yeni bir üst bölüm ayırıcı verin.
Bunu yapmak için mevcut bölüm ayarlarını açın, sekmeye tıklayın Arka Plan Maskesi ve aşağıdakileri güncelleyin:
- Maske: Çapraz Çubuklar 2
- Maske Dönüşümü: yatay çevirme
- En Boy Oranı: ekran görüntüsüne bakın
Ardından, bölüm ayırıcıları aşağıdaki gibi güncelleyin:
Üst bölücü
- Bölücü Stili: Ekran görüntüsüne bakın
- Bölücü Çevirme: Yatay Çevirme
Alt bölücü
- Bölücü Stili: Yok
Sonuç
İşte sonuç.
Nihai sonuçlar
Bu arka planların neye benzeyeceğine dair size daha iyi bir fikir vermek için içindekilerbaşlıklı bir sütuna satır ekledik.
Ayrıca Oku: Divi: Yapışkan bir arka plan maskesi nasıl oluşturulur
DIVI'yı şimdi indirin!!!
Sonuç
Arka plan tasarımları için maskeleri ve bölüm ayırıcıları birleştirmek, bu yerleşik maskeler için benzersiz şekiller oluşturmak için daha fazla olanak sunar.
Farklı kombinasyonları kendi başınıza keşfetmekten çekinmeyin.
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ş.
...
