Bir desen kullanarak görüntünüzün rengini nasıl vurgulayabilirsiniz (7 ücretsiz desen indirin!)
Web sitenize resim eklediğinizde, ilk bakışta dikkat çekmelerini istersiniz. Görüntünüzü açabilecek şeylerden biri, görüntünün kendisinde kullanılan rengi vurgulayan bir desen kullanmaktır. Sadece görüntünüzün rengini vurgulamakla kalmaz, aynı zamanda tasarımınızı da artıracaktır. Ayrıca, bu yazıda, 7 farklı deseni ücretsiz olarak indirebilir ve tasarımlarınızdan birinde sınırsız kullanabilirsiniz. Haydi Yapalım şunu! Ön izleme
Ücretsiz bir resim dosyası almak için bu öğretici dosyasını indirin, önce aşağıdaki düğmeyi kullanarak indirmeniz gerekir. İndirmelere erişmek için, aşağıdaki formu kullanarak Divi Daily E -posta listemize abone olmanız gerekir. Yeni bir müşteri olarak, her Pazartesi daha fazla Divi’nin iyi ve ücretsiz Divi düzen paketleri alacaksınız! Zaten listede iseniz, e -posta adresinizi aşağıya girin ve İndir’i tıklayın. “Abone olmayacak” veya ek e -postalar almayacaksınız.Dosyayı indir
Divi bültenine katılmak için ücretsiz indirin ve en iyi divi düzen paketinin kopyasına bir e -posta göndereceğiz, ayrıca birçok kaynak, ipucu ve olağanüstü ve ücretsiz divi hileleri. Takip et ve kısa sürede bir divi ustası olacaksınız. Abone olduysanız, e -posta adresinizi aşağıya yazın ve Düzen Paketine erişmek için İndir’i tıklayın.
Abone olmayı başardınız. Aboneliğinizi onaylamak için lütfen e -posta adresinizi kontrol edin ve ÜCRETSİZ DIVI Düzen Paketine erişin!
Bir desen kullanarak görüntünüzün rengini nasıl vurgulayabilirsiniz (7 ücretsiz desen indirin!)
İndirilen klasörde bulabileceğiniz YouTube kanalına abone olun Şeffaf desenler ve beyaz arka plan içerir
Görüntümüzden iki renk seçeceğiz ve bunları gradyan arka planımıza uygulayacağız (gradyanın arka planı desenle görünür)
Tasarımın genel adımlarından başlayacağız
Bundan sonra, desenin yerleşimini değiştirmek için özel marj ürün görüntü ve görüntü deseni ile oynayacağız (sağ üst, alt ve sol üst)
Genel Adımlar Yeni bir parça ekleyerek ve arka plan rengi olarak ‘#ffffff’ kullanarak arka plan renginin yeni bir kısmını ekleyin.
Özel dolgumuz, bizim tarafımızın üstünde ve altında bazı alanlar yapmak istiyor. Bu yüzden uzay alt kategorisindeki üst ve alt dolgu seçeneklerine ‘150px’ ekleyeceğiz. Bölümünüze önceki adımı uyguladıktan sonra sütun yapısına yeni bir satır ekleyin, devam edin ve aşağıdaki sütun yapısıyla satırı ekleyin: Desen görüntü modülünü degradenin arka planının 1 sütununa ekleyin, şimdi çeşitli modüller eklemeye başlayabilirsiniz. Bir görüntü modülü ekleyerek Sütun 1 ile başlayacağız. Kullanmak istediğiniz desenlerden birini yükleyin. Ardından, ürün görüntüsünüzden deseninizde kullanmak istediğiniz iki renk seçin. Bunu yaptıktan sonra, görüntü modülünüzün arka plan alt kategorisini açın ve bu iki rengi degrade arka plan oluşturmak için kullanın: Renk 1: #EBE2E3
Renk 2: #94BCE0
Yapıştırıcı bu görüntü modülünün tasarım sekmesine taşındı ve genişliği için ‘%60’ kullandı. Ürün Görüntü Modülünü Desen Görüntü Modülünün altındaki tam görüntünün Sütun 1’e ekleyin, ürün görüntünüz için başka bir resim modülü ekleyin. Görüntüyü yükledikten sonra yapmanız gereken ilk şey, tesviye alt kategorisindeki ‘her zaman hücresellere odaklan’ seçeneklerini devre dışı bırakmaktır. Son kutu gölgesi, varsayılan ayarları değiştirmeden ilk kutu gölge seçeneğini etkinleştirin. Başlık Metin Modülünü Sütun 2’ye Ekleyin Arka plan rengimiz, ilk sütunda ihtiyacımız olan tüm modüllere sahiptir, böylece ikinciye geçelim. Orada, ihtiyacımız olan ilk şey, arka planın rengi olarak ‘#94bce0’ ile metin modülünün başlığıdır. Metin Ayarları Tasarım sekmesini açın ve aşağıdaki metin ayarlarını bu sonraki metin modülüne uygulayın:
Metin rengi: #ffffff
Hat yüksekliği metni: 1em
Metin Oryantasyonu: Orta
Yapıştırıcılar boyut alt kategorisini açarak ve aşağıdaki ayarları uygulayarak devam eder:
Genişlik:% 83 Modül hizalaması: sol
Özel Dolgu Üstte ve altta ekstra boşluklar yapmak için aşağıdaki özel dolguyu da uygulayacağız:
Üst: 30 piksel Aşağıda: 30px
Son sınırda, ’20px’ ekleyerek sol üst ve sol üst için yuvarlak bir açı yapacağız.
Metin Açıklama Modülünü Metin Modülünün başlığının hemen altındaki Sütun 2 metin ayarlarına ekleyin, devam edin ve aşağıdaki metin ayarlarını kullanarak metin modülünün açıklamasını ekleyin: Metin Boyutu: 17 piksel Metin rengi: #6b8ea5
Düğme Modülünü Sütun 2’ye Ekleyin Bu sütundaki son modül düğmesi ayarları aşağıdaki düğme ayarlarını içeren düğme modülleridir: Düğme için özel stili kullanın: Evet
Metin Renk Düğmesi: #6B8EA5 Arka Plan Renk Düğmesi: #EBE2E3
Düğmenin sınır genişliği: 0px
Mektup Ağırlığı: Kalın
Yazı tipi stili: büyük harf
Düğme simgesini görüntüleyin: Evet
Zorlu simgenin yerleşimi: sol
Yalnızca görüntü simgeleri düğmeye yönlendirilir: hayır
Özel dolgumuz, aşağıdaki özel dolguyu da ekleyerek solda ve sağda bazı odalar yapacaktır:
Doğru: 30 piksel
Sol: 50 piksel Geçici sonuçlar şimdiye kadar aşağıdaki sonuçları elde ettik:
Şimdi, modelinizin görünmesini istediğinize bağlı olarak:
Sağ üst Sağ alt Sol üst
Ürün desenleri ve çizimleri için farklı özel marj değerleri uygulayabilirsiniz. Bu yazının bir sonraki bölümünde, üç olasılığı ve nasıl yönetileceğini tartışacağız.
Desenin Konumu Sağ Üst Özel Marj Desen Görüntü Modülü Görüntünüzün sağ üstte görünmesini istiyorsanız, desen görüntü modülünüze aşağıdaki özel marjı ekleyin:
Sol kenar boşluğu: 250 piksel (masaüstü, tablet ve cep telefonu)
Özel Marj Ürün Görüntü Modülü Ardından, ürün görüntü modülünü açın ve aşağıdaki özel marjı uygulayın:
Üst kenar: -240px (masaüstü), -220px (tablet), -100px (telefon)
Desenin konumu Alt Sağ Özel Kesaret Desen Görüntü Modülü Bir desen görüntü modülü yapmak için sağ altta görünür, desen görüntü modülünü açın ve aşağıdaki özel marjı uygulayın: Üst kenar: 200px (masaüstü), 0px (tablet ve cep telefonu)
Sol kenar boşluğu: 330px (masaüstü ve tablet), 200px (telefon) Özel Marj Modülü Ürün Görüntüsü Bir sonraki ürün görüntü modülünü açın ve aşağıdaki özel marj değerini ekleyin:
Yukarıda: -450px (masaüstü), -400 piksel (tablet), -300px (mobil) Mevcut desenlerin özel kenar boşluklarının sol üst deseninin konumu, son desen konumu aşağıdaki özel kenar boşluğunu gerektirir:
Sol kenar boşluğu: -100 piksel (masaüstü, tablet ve cep telefonu) Özel Marj Modülü Son ürün görüntüsü, ürün görüntü modülünü açın ve aşağıdaki özel marjı kullanın:
Üst kenar: -250px (masaüstü), -230px (tablet), -150px (telefon) Önizleme Şimdi tüm adımlardan geçtik, sonuçlara bakalım.
Son zihin, bir desenle görüntünüzü vurgular, tasarımınızın genel görünümünü ve hissini geliştirmenize gerçekten yardımcı olabilir.Bu yazıda, ücretsiz olarak indirdiğiniz ve sınırsız kullandığınız 7 farklı deseni paylaştık.Ayrıca Divi varsayılan seçeneğini kullanarak bunu tasarımınıza nasıl ekleyeceğimizi gösterdik.Sorularınız veya önerileriniz varsa, aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun!
Abone olmayı başardınız. Aboneliğinizi onaylamak için lütfen e -posta adresinizi kontrol edin ve ÜCRETSİZ DIVI Düzen Paketine erişin!
Bir desen kullanarak görüntünüzün rengini nasıl vurgulayabilirsiniz (7 ücretsiz desen indirin!)
İndirilen klasörde bulabileceğiniz YouTube kanalına abone olun Şeffaf desenler ve beyaz arka plan içerir
Görüntümüzden iki renk seçeceğiz ve bunları gradyan arka planımıza uygulayacağız (gradyanın arka planı desenle görünür)
Tasarımın genel adımlarından başlayacağız
Bundan sonra, desenin yerleşimini değiştirmek için özel marj ürün görüntü ve görüntü deseni ile oynayacağız (sağ üst, alt ve sol üst)
Genel Adımlar Yeni bir parça ekleyerek ve arka plan rengi olarak ‘#ffffff’ kullanarak arka plan renginin yeni bir kısmını ekleyin.
Özel dolgumuz, bizim tarafımızın üstünde ve altında bazı alanlar yapmak istiyor. Bu yüzden uzay alt kategorisindeki üst ve alt dolgu seçeneklerine ‘150px’ ekleyeceğiz. Bölümünüze önceki adımı uyguladıktan sonra sütun yapısına yeni bir satır ekleyin, devam edin ve aşağıdaki sütun yapısıyla satırı ekleyin: Desen görüntü modülünü degradenin arka planının 1 sütununa ekleyin, şimdi çeşitli modüller eklemeye başlayabilirsiniz. Bir görüntü modülü ekleyerek Sütun 1 ile başlayacağız. Kullanmak istediğiniz desenlerden birini yükleyin. Ardından, ürün görüntüsünüzden deseninizde kullanmak istediğiniz iki renk seçin. Bunu yaptıktan sonra, görüntü modülünüzün arka plan alt kategorisini açın ve bu iki rengi degrade arka plan oluşturmak için kullanın: Renk 1: #EBE2E3
Renk 2: #94BCE0
Yapıştırıcı bu görüntü modülünün tasarım sekmesine taşındı ve genişliği için ‘%60’ kullandı. Ürün Görüntü Modülünü Desen Görüntü Modülünün altındaki tam görüntünün Sütun 1’e ekleyin, ürün görüntünüz için başka bir resim modülü ekleyin. Görüntüyü yükledikten sonra yapmanız gereken ilk şey, tesviye alt kategorisindeki ‘her zaman hücresellere odaklan’ seçeneklerini devre dışı bırakmaktır. Son kutu gölgesi, varsayılan ayarları değiştirmeden ilk kutu gölge seçeneğini etkinleştirin. Başlık Metin Modülünü Sütun 2’ye Ekleyin Arka plan rengimiz, ilk sütunda ihtiyacımız olan tüm modüllere sahiptir, böylece ikinciye geçelim. Orada, ihtiyacımız olan ilk şey, arka planın rengi olarak ‘#94bce0’ ile metin modülünün başlığıdır. Metin Ayarları Tasarım sekmesini açın ve aşağıdaki metin ayarlarını bu sonraki metin modülüne uygulayın:
Metin yazı tipi ağırlığı: çok kalın
Metin Boyutu: 52pxMetin rengi: #ffffff
Hat yüksekliği metni: 1em
Metin Oryantasyonu: Orta
Yapıştırıcılar boyut alt kategorisini açarak ve aşağıdaki ayarları uygulayarak devam eder:
Genişlik:% 83 Modül hizalaması: sol
Özel Dolgu Üstte ve altta ekstra boşluklar yapmak için aşağıdaki özel dolguyu da uygulayacağız:
Üst: 30 piksel Aşağıda: 30px
Son sınırda, ’20px’ ekleyerek sol üst ve sol üst için yuvarlak bir açı yapacağız.
Metin Açıklama Modülünü Metin Modülünün başlığının hemen altındaki Sütun 2 metin ayarlarına ekleyin, devam edin ve aşağıdaki metin ayarlarını kullanarak metin modülünün açıklamasını ekleyin: Metin Boyutu: 17 piksel Metin rengi: #6b8ea5
Düğme Modülünü Sütun 2’ye Ekleyin Bu sütundaki son modül düğmesi ayarları aşağıdaki düğme ayarlarını içeren düğme modülleridir: Düğme için özel stili kullanın: Evet
Metin Renk Düğmesi: #6B8EA5 Arka Plan Renk Düğmesi: #EBE2E3
Düğmenin sınır genişliği: 0px
Mektup Ağırlığı: Kalın
Yazı tipi stili: büyük harf
Düğme simgesini görüntüleyin: Evet
Zorlu simgenin yerleşimi: sol
Yalnızca görüntü simgeleri düğmeye yönlendirilir: hayır
Özel dolgumuz, aşağıdaki özel dolguyu da ekleyerek solda ve sağda bazı odalar yapacaktır:
Doğru: 30 piksel
Sol: 50 piksel Geçici sonuçlar şimdiye kadar aşağıdaki sonuçları elde ettik:
Şimdi, modelinizin görünmesini istediğinize bağlı olarak:
Sağ üst Sağ alt Sol üst
Ürün desenleri ve çizimleri için farklı özel marj değerleri uygulayabilirsiniz. Bu yazının bir sonraki bölümünde, üç olasılığı ve nasıl yönetileceğini tartışacağız.
Desenin Konumu Sağ Üst Özel Marj Desen Görüntü Modülü Görüntünüzün sağ üstte görünmesini istiyorsanız, desen görüntü modülünüze aşağıdaki özel marjı ekleyin:
Sol kenar boşluğu: 250 piksel (masaüstü, tablet ve cep telefonu)
Özel Marj Ürün Görüntü Modülü Ardından, ürün görüntü modülünü açın ve aşağıdaki özel marjı uygulayın:
Üst kenar: -240px (masaüstü), -220px (tablet), -100px (telefon)
Desenin konumu Alt Sağ Özel Kesaret Desen Görüntü Modülü Bir desen görüntü modülü yapmak için sağ altta görünür, desen görüntü modülünü açın ve aşağıdaki özel marjı uygulayın: Üst kenar: 200px (masaüstü), 0px (tablet ve cep telefonu)
Sol kenar boşluğu: 330px (masaüstü ve tablet), 200px (telefon) Özel Marj Modülü Ürün Görüntüsü Bir sonraki ürün görüntü modülünü açın ve aşağıdaki özel marj değerini ekleyin:
Yukarıda: -450px (masaüstü), -400 piksel (tablet), -300px (mobil) Mevcut desenlerin özel kenar boşluklarının sol üst deseninin konumu, son desen konumu aşağıdaki özel kenar boşluğunu gerektirir:
Sol kenar boşluğu: -100 piksel (masaüstü, tablet ve cep telefonu) Özel Marj Modülü Son ürün görüntüsü, ürün görüntü modülünü açın ve aşağıdaki özel marjı kullanın:
Üst kenar: -250px (masaüstü), -230px (tablet), -150px (telefon) Önizleme Şimdi tüm adımlardan geçtik, sonuçlara bakalım.
Son zihin, bir desenle görüntünüzü vurgular, tasarımınızın genel görünümünü ve hissini geliştirmenize gerçekten yardımcı olabilir.Bu yazıda, ücretsiz olarak indirdiğiniz ve sınırsız kullandığınız 7 farklı deseni paylaştık.Ayrıca Divi varsayılan seçeneğini kullanarak bunu tasarımınıza nasıl ekleyeceğimizi gösterdik.Sorularınız veya önerileriniz varsa, aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun!
