Divi ile pürüzsüz bir arka plan desen maskesi nasıl yapılır (3 örnek)
Divi’nin yeni arka plan desen maskesi, arka plan için birçok tasarım seçeneği açtı. Birçok benzersiz tasarım yapmak için renk ve arka plan deseni ile çok iyi çalışırlar. Bu yazıda, Divi ile pürüzsüz bir arka plan desen maskesinin nasıl yapılacağını göreceğiz. Ayrıca ince maskeler kullanmanın ve üç örnek yapmanın avantajlarını da tartışacağız. Başlayalım. Tasarım yapmaya başlamadan önce arka plan desen maskesinin YouTube kanalı önizlemesine abone olun, bu divi öğreticisinde ne yapacağımızı görün. Arka plan deseni maskesi örneği
İki maske örneği Üç maske örneği Arka Plan Maskesi Arka Plan Maskesi Nasıl Yapılır Arka plan desenini kapsayacak ve desenin bölümlerinin görüntülenmesine izin verecektir. Renk ve arka plan deseni ile çok iyi çalışır. Arka planı içeriğe uyacak şekilde ayarlayabilir, içeriği arka planla eşleşecek şekilde ayarlayabilir veya her ikisini de ayarlayabilirsiniz. İlk olarak, bir arka plan maskesi eklemek istediğiniz bölüm için ayarları açın. Ardından, o bölümün arka plan rengini seçmelisiniz. Arka plana doğru kaydırın. Arka plan sekmesi seçildiğinde, renk seçmeninden arka plan renginizi seçin. Ardından, arka plan desenini seçmeli ve boyutu ve konumu ayarlamalısınız. Arka Plan Deseni sekmesini seçin ve Arka Plan Deseni Ekle’yi tıklayın. Bu, desen seçeneklerinin bir listesini açacaktır. Deseninizi listeden seçin. Bu bölümü dolduracaktır. Ardından, bir arka plan maskesi seçmeli ve renk ve ayarları tasarımınıza uyacak şekilde ayarlamalısınız. Arka Plan Maskesi sekmesini seçin ve Arka Plan Maskesi Ekle’yi tıklayın. Diğer sermaye bir maske seçeneğiyle açık olacaktır. Listeden arka plan maskenizi seçin. Maske rengi seçene kadar beyaz olacaktır. İstediğiniz görünümü elde etmek için arka plan maske ayarlarını ayarlayın. Maskenin boyutunu, konumunu, yönünü, rotasyonu ve daha fazlasını değiştirebilirsiniz. Bu ayarla oynamak bazı ilginç tasarımlar yapmanıza yardımcı olabilir. İşte herhangi bir modül olmadan yaptığım arka plan ekranı. Renk benzerdir, ancak biraz öne çıkmak için oldukça farklıdır. Bu, çok sinir bozucu olmayacak şekilde koruyor. Pürüzsüz Arka Plan Desen Maskesi Nasıl Yapılır Arka plan maskesi için en iyi tasarım talimatlarından biri pürüzsüz hale getirmektir. Sayfa tasarımının odak noktası olmamalıdır. Biraz görsel varyasyon yapmak için arka plan dokusu için kullanın. İçeriğiniz odaklanmalıdır. İçeriği desteklemeye yardımcı olmak için bir arka plan maskesi kullanın. İşte pürüzsüz bir arka plan desen maskesi yaparken dikkate alınması gereken bazı şeyler. Doğru rengi seçin Desen ve maskenin rengi seçin, bölümün arka plan renginden çok farklı olmayan. Renkler birbiriyle yüksek kontrastlı olmamalıdır. Renk, maskeyi ve deseni görecek kadar farklı olmalı, ancak çok gösterişli değil. Desenler ve arka planlar için aynı rengi kullanın, ardından maske için biraz daha parlak bir renk veya daha koyu bir renk seçin. Tasarımınızda okunabilirliğe öncelik vermek için okunabilirlik için ayarlayın. Okunabilirlik, tasarımın iyi görünmesi için her zaman bir öncelik olmalıdır. İyi görünen ancak okunması zor bir tasarımdaki içerik göz ardı edilecektir.Ne yapabileceğinizi görmek için farklı desenlerle oynarken farklı desenleri deneyin. Özel boyutlar size tasarıma daha fazla esneklik sağlayabilir ve size daha benzersiz bir tasarım sağlayabilir. Ne yapabileceğinizi görmek için tüm arka plan maskesi ayarlarıyla oynamak için tüm arka plan maske ayarlarını deneyin. Ayrıca, neyi sevdiğinizi görmek için arka plan desen ayarına sahip ayarları deneyin. Tüm bu ayarlar bazı ilginç tasarımlar oluşturmak için birlikte çalışabilir. Şimdi pürüzsüz arka plan desenlerine örnek olarak, pürüzsüz arka plan desenlerinin üç örneğine bakalım. Divi’de bulunan Ücretsiz Şirket Direktifi Kahramanları’na bir arka plan maskesi ekledim. Bir arka plan desen maskesi eklemeden önce orijinal sayfanın görünümü. Düğmenin arka plan rengini de değiştireceğiz. Aynı ince tasarım konseptini kullanarak, onu arka plandan daha belirgin hale getireceğiz. Bölücü, renk değiştirmeyi göreceğimiz başka bir unsurdur, ancak bu öğe rengi arka plandan almak için şeffaflık kullanır, bu nedenle rengi değiştirmemize gerek yoktur. Arka plan desen maskesi örnekleri bir örnek orijinal arka plan ve düğme rengini kullanacaktır.
İlk örneğimiz için arka plan rengi, bu düzenin orijinal arka plan rengini kullanıyoruz – #1d1d25. Ayrıca orijinal düğme rengini de kaydedeceğiz – #4C594C Arka plan rengi: #1d1d25 Düğme rengi: #4C594C
Arka Plan Deseni Arka Plan Deseni sekmesini seçin ve diyagonal şeritleri seçin 2. Desenin rengini #383838 olarak değiştirin.
Arka plan deseni: diyagonal çizgi 2 Desen rengi: #383838
Desen Boyutu: Menşe Tekrarının Gerçek Boyutu: Sol Üst
Desenleri Tekrarlayın: Tekrarla
Bir sonraki arka plan maskesi, Arka Plan Maskesi sekmesini seçin. Bir baka seçin ve rengi #383838 olarak ayarlayın.
Maske: Bakım
Maske rengi: #383838 Maske rengi altında, yatay dönüşüm seçeneğini ve en boy oranı portresini seçin. Parçanın ayarlarını kapatın ve çalışmanızı kaydedin.
Dönüşüm: Yatay
Boyun oranı: Yüksek (portre)
Arka Plan Rengi Bölümün ayarlarını açın. Arka plan renk sekmesinde olduğunuzdan emin olun ve arka plan rengini #483C56 olarak değiştirin.
Arka plan rengi: #483C56 Bir sonraki arka plan deseni, Arka Plan Deseni sekmesini seçin ve arka plan deseni için Tufted’i seçin. Desenin rengini #635C84 olarak değiştirin. Arka plan desenleri: boru
Desen rengi: #635C84 Ardından, özel bir boyut seçin. Bu bir dizi başka seçenek açar. Genişliği 10VW olarak değiştirin.
Boyut: Özel Boyut
Genişlik: 10vw Origin Tekrar Desenleri: Sol üst
Desenleri Tekrarlayın: Tekrarla
Arka plan maskesi şimdi arka plan maskemizi ayarlama zamanı. Arka Plan Maskesi sekmesini seçin ve Arch adlı bir maske seçin. Rengi #67557A olarak değiştirin.
Maske: Kemer
Maske Rengi: #67557A Ardından, Dönüşüm seçeneğini yatay, dikey ve döndürün. Ana oranı için geniş seçeneği veya manzarayı seçin. Bölümün ayarlarını kapatın.
Dönüşüm: Yatay, dikey ve döner
Boyun oranı: genişlik (peyzaj) Son düğme, bu kahramandaki CTA düğmesini ayarlayalım. Tasarımla entegre edilmesini istiyoruz, ancak aynı zamanda öne çıkmasını istiyoruz. Düğme ayarlarını açın. Sadece arka plan rengini değiştirmemiz gerekiyor. Bu, arka plana benzer bir renk olabilir, ancak oldukça farklıdır, bu nedenle sayfada kaybolmaz. Arka plan için daha parlak renkler kullanacağız. Metin renginin aynı kalmasına izin vereceğiz. Tasarım sekmesini seçin, arka plana doğru kaydırın ve düğmenin arka plan rengini #8B4DC1 olarak değiştirin. Bu bize istediğimiz kontrastı verir ve mor arka plana karşı çok iyi çalışır. Düğme ayarlarını kapatın ve sayfanızı kaydedin.
Arka Plan Renk Düğmesi: #8B4DC1
Maske Arka Plan Desenleri Üç Üçüncü örneğimiz için, önceki iki örnekle aynı kavramı kullanarak düğmenin arka planını ve rengini yeşile değiştireceğiz. İlk arka plan rengi, bölümün ayarlarını açın. Seçilen Arka Plan Rengi sekmesi ile arka plan rengini #497762 olarak değiştirin. Arka plan rengi: #497762
Bir sonraki arka plan deseni, Arka Plan Deseni sekmesini seçin, kareler seçin ve rengi #3A604E olarak değiştirin. Orijinal boyut kutusunu bırakacağız ve maskeyi çoğuna uygulayacağız. Arka Plan Deseni: Kutu Desen rengi: #3A604E
Desen Boyutu: Gerçek Boyut Origin Tekrar Desenleri: Sol üst
Desenleri Tekrarlayın: Tekrarla
Bir sonraki arka plan maskesi, Arka Plan Maskesi sekmesini seçin. Bir maske için diyagonal bir çizgi seçin ve rengi #3A604E olarak değiştirin.
Maske: çapraz çizgi
Maske Rengi: #3A604E
Ardından, dönüşümü yatay olarak ayarlayın ve en boy oranı için geniş seçeneği veya peyzajı seçin. Boyutu üst merkeze örtecek ve maskesi ayarlayın. Bölümün ayarlarını kapatın. Dönüşüm: Yatay Boyun oranı: genişlik (peyzaj)
Boyut: Kapanış
Maske Pozisyonu: Orta Orta Son düğme, düğme ayarlarını açın ve Tasarım sekmesini seçin. Aşağı kaydırın ve düğmenin arka plan rengini #61A380 olarak değiştirin. Modül ayarlarını kapatın ve çalışmanızı kaydedin.
Arka Plan Renk Düğmesi: #61A380
Arka plan desen maskesinin sonuçları, arka plan desen maskemizin düzenimizin kahramanında nasıl görüldüğüdür. Arka plan desen maskesi bir sonuç örneği
İki sonuç maskesine örnekler
Üç sonuç maskesine örnekler Divi ile pürüzsüz bir arka plan desen maskesinin nasıl yapılacağı konusundaki görünümümüz olan zihnin bitmesi. İnce maske, görsel dokuda bir arka plan sağlayacak kadar belirgindir. CTA’nızın ve diğer unsurlarınızın dikkatini çekmeden harika görünüyorlar. Divi arka plan desen maskesi kullanımı kolaydır ve ayarları benzersiz bir şey yapabileceğinizden emin olur. Kendi arka plan desen maskenizi yapmak için ayarları deneyin. Senden duymak istiyoruz. Divi arka planınız için kendi pürüzsüz arka plan desen maskenizi mi yapıyorsunuz? Bize yorumlardaki deneyiminizden bahsedin.
