Divi ile büyük bir karakteri bir arka plan maskesine dönüştürmek (ücretsiz indirin!)
Arka plan maskesine gelirken, insanlar Divi dışında görüntü düzenleme yazılımı kullanma ve ardından yaptıkları web sitesine resim yükleme eğilimindedir. Web sitenizi ayarlamanın ve kişiselleştirmenin sağlam bir yolu olsa da, gidecek tek yol mutlaka değildir. Çeşitli tasarım öğelerini ve filtre seçeneklerini yaratıcı bir şekilde birleştirerek Divi’nin kendisinde bir arka plan maskesi de yapabilirsiniz. Bu yazıda tam olarak yapacağımız şey bu! Çok büyük olan karakteri çeşitli ekran boyutlarında iyi görünen bir arka plan maskesine dönüştüreceğiz. Bu öğretici, büyük bir karakter ve varsayılan Divi seçeneği kullanarak kendi tasarımınızı oluşturmanıza ilham verir.
Haydi Yapalım şunu! Önizleme Öğreticiyi girmeden önce sonuçlara çeşitli ekran boyutlarında bakalım. örnek 1
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. Başarılı bir şekilde abone oldunuz. Aboneliğinizi onaylamak için lütfen e -posta adresinizi kontrol edin ve ÜCRETSİZ DIVI Düzen Paketine erişin!
Bir örnek #1 yap
YouTube kanalımıza abone olun
Arka plan renginin yeni bir kısmını ekleyin, ilk örnekle başlayalım! Yeni veya mevcut bir sayfaya yeni bir normal bölüm ekleyin ve bu bölüme arka plan ekleyin: Arka plan rengi: #000000
Mesafe Ardından, boşluk ayarlarını açın ve tüm dolguyu varsayılan olarak silin. Üst dolgu: 0px
Aşağıda dolgu: 0px
Taşma Gelişmiş sekmesine geçer ve parçanın güçlü yönlerini gizler. Bu, çok büyük karakterler içeren metin modülünü yeniden konumlandırdığımızda bu öğreticinin ilerleyen saatlerinde önemli olacaktır. Yatay taşma: gizli
Dikey taşma: gizli
Sıra #1 sütun yapısı ekleyin Aşağıdaki sütun yapısını kullanarak yeni bir satır ekleyerek devam edin: Sütun Rengi Sütun 1 Herhangi bir modül eklemeden, satır ayarlarını açın ve arka plan rengini ilk sütuna ekleyin. Renk Renk Sütunu 1: #848484
Sütun 1 Arka plan görüntüsü de arka plan rengi ekler. Arka planı ve görüntüleri birleştirmek için bir karışım uygulayacağız. Sütun Arka Plan Karışımı Görüntü: çarpın
Yapışkan tasarım sekmesine hareket eder ve aşağıdaki boyut ayarlarını uygulayarak satırın tüm ekran genişliğini karşılamasına izin verir: Özel Talang genişliğini kullanın: Evet Talang genişliği: 1
Genişlik:% 100
Maksimum genişlik:% 100
Mesafemiz de özellikle sıradan tüm üst ve alt dolgudan kurtuldu.
Üst dolgu: 0px Aşağıda dolgu: 0px
Metin modülünü sütuna ekleyin, karakteri içerik kutusuna ekleyin. Büyük bir karakter içeren bir metin modülü ekleme zamanı. İçerik kutusuna ‘O’ harfini ekleyin.
Arka plan rengi arka plan ayarına girerek devam edin ve siyah arka plan rengini ekleyin. Arka plan rengi: #000000 Metin Ayarları Tasarım sekmesine geçer ve metin ayarlarını değiştirir. Metin boyutu için nasıl yüksek değeri kullandığımızı unutmayın.
Metin Yazı Tipi: Poppins Metin Boyutu: 100VW
Metin Oryantasyonu: Orta
Mesafe, o zaman açık alan ayarları ve bazı özel marj ve dolgu değerleri ekleyin.
Üst kenar boşluğu: -6vw Üst Dolgu: 15VW
Dolgu Alt: 49VW
Filtre, bir mucize olmanın zamanıdır! Modül filtresi ayarlarını açın ve uygun karışım modunu değiştirin:
Karışık Mod: çarpın Satır #2 sütun yapısı ekle Büyük karakteriniz tasarıma eklendikten sonra, bölümde görüntülemek istediğiniz kalan modülleri ekleyerek devam edebilirsiniz, yeni bir çizgi ekleyerek:
Herhangi bir modül eklemeden yapıştırıcı, satır ayarlarını açın ve satırın ekranın tüm genişliğini karşılamasına izin verin. Özel Talang genişliği kullanın: evet Talang genişliği: 1
Genişlik:% 100
Maksimum genişlik:% 100
Mesafe Tüm dolguyu varsayılan olarak da silin.
Üst dolgu: 0px Aşağıda dolgu: 0px
Sütuna #1 metin modülünü ekleyin Bu yeni satırda H1 içeriği ekleyin, seçim modülünüzü ekleyebilirsiniz. Bu yayının önizlemesinde tam olarak paylaşılan bir örneği yeniden oluşturmak için, birkaç H1 içeriğine sahip bir metin modülü ekleyerek başlayın. Metin ayarı H1 Tasarım sekmesine geçer ve H1 metin ayarlarını değiştirir.
Yazı tipi başlığı: Playfair ekranı Başlık Mektubu Ağırlığı: Kalınlık Hizalama Metin Başlığı: Orta
Başlık metin rengi: #ffffff
Başlık Metin Boyutu: 6VW
Uzay ayarlarını girerek daha fazla mesafe ve metin modülünün birkaç negatif üst kenar ekleyerek çok büyük bir karakterle örtüşmesine izin verin. Ayrıca, yanıt vermeyi sağlamak için modülün sol ve sağ taraflarında boşluk olduğundan emin oluruz.
Üst Marj: -47VW
Sol kenar boşluğu: 1VW Doğru marj: 1VW
Bölücü modülünü, ihtiyacımız olan bir sonraki modül görünürlük sütununa ekleyin. ‘Ekran göster’ seçeneğinin etkinleştirildiğinden emin olun.
Divisor göster: evet
Bir sonraki tasarım sekmesini renklendirin ve bölücünün rengini değiştirin. Renk: #ffffff
Yapıştırıcı değişim de boyutu ayarlayın. Bölücü ağırlığı: 13px
Genişlik:% 16 Modül hizalaması: merkez
Mesafe ve metin modülleri ve bölücü modülleri arasında boşluk yapmak için bazı üst kenar boşlukları ekleyin.
Üst Marj: 16VW
Sütuna Metin Modülü #2 ekle İhtiyacımız olan bir sonraki modülün içeriğini ekleyin, bazı paragraf içeriğine sahip bir metin modülüdür. Metin Ayarları Metin ayarlarını açın ve aşağıdaki değişikliklerin oluşmasını sağlamak:
Metin yazı tipi: SANS’ı aç Metin rengi: #ffffff Metin Boyutu: 1VW (masaüstü), 2VW (tablet), 2.5VW (Telefon)
Yüksek çizgi metin: 1.9em
Metin Oryantasyonu: Orta
Mesafe Bazı özel alan değerleri de ekleyin.
Üst Marj: 3VW
Alt kenar boşluğu: 3VW (masaüstü), 10vw (tablet ve cep telefonu) Sol kenar boşluğu: 27VW (masaüstü), 10vw (tablet), 8vw (telefon) Sağ kenar boşluğu: 27vw (masaüstü), 10vw (tablet), 8vw (telefon)
Düğme modülünü sütuna ekleyin Bir sonraki ve son olarak düğme modülüne bir kopya ekleyin. Seçtiğiniz bazı kopyaları girin.
Destekleme Tasarım sekmesindeki düğme seviyesini değiştirerek devam edin.
Düğmenin hizalanması: orta
İstediğiniz gibi düğme ve düğme stilini ayarlamak için hareket düğmesini ayarlayın.
Metin Renk Düğmesi: #fffffff Sınır sınır genişliği: 1px
Sınır sınır yarıçapı: 0px
Yazı tipi düğmesi: SANS’ı açın
Mektup Ağırlığı: Çok kalın
Yazı tipi stili: büyük harf
Son fakat en az değil, istenen sonuçları elde etmek için bazı özel marjlar ve dolgu değerleri de ekliyoruz.
Alt marj: 10vw
Üst dolgu: 15px
Dolgu Alt: 15 piksel Sol dolgu: 50 piksel
Sağ dolgu: 50px
Yeni bir örnek #2 yap
İkinci örneğe yeni bir parça ekleyin! Üzerinde çalıştığınız sayfaya yeni bir düzenli bölüm ekleyin.
Taşma Gelişmiş sekmesindeki taşmayı gizleyin.
Yatay taşma: gizli Dikey taşma: gizli Aşağıdaki sütun yapısını kullanarak bölüme yeni satırlar ekleyerek 1 numaralı Sütun Yapısı Ekle: Sütun Rengi Sütun 1 Herhangi bir modül eklemeden, satır ayarlarını açın ve arka plan rengini ilk sütuna ekleyin.
Sütun 1 Renk Arka Plan: #DDDDDD
Sütun 1 Arka plan görüntüsü ayrıca arka plan görüntüleri ekleyin ve karışım modunu kullanarak arka plan renklerini görüntülerle birleştirin. Sütun Arka Plan Karışımı Görüntü: Ekran Yapıştırıcı daha sonra satır boyutu ayarlarını açın ve ekranın tüm genişliğini karşılamasına izin verin.
Özel Talang genişliğini kullanın: Yalebar Talang: 1 Genişlik:% 100
Maksimum genişlik:% 100 Mesafe Sonraki ve alt yatakları çıkarın.
Üst dolgu: 0px
Aşağıda dolgu: 0px
Metin modülünü sütuna ekleyin, karakteri içerik kutusuna ekleyin. Büyük bir karakter içeren bir metin modülü ekleme zamanı! Aşağıdaki karakterleri kopyalayın: ‘◊◊◊’ ve bunu içerik kutusuna ekleyin. Bilgisayarınızda karakter haritasını (Windows) veya karakter paletini (Mac) açarak istediğiniz herhangi bir karakteri kullanabilirsiniz.
Arka plan rengi Bu modülün arka plan rengini beyaza değiştirin. Arka plan rengi: #ffffff
Ardından metin ayarları, tasarım sekmesini açın ve metin ayarlarını değiştirin.
Metin Yazı Tipi: Poppins Metin rengi: #0c0c0c Metin Boyutu: 80VW
Metin Oryantasyonu: Orta Mesafe ayrıca üst ve alt dolgu değerlerini de değiştirir.
Üst Dolgu: 27.8VW
Dolgu Alt: 27.8VW
Modüle özel bir modül ekleyerek filtreleyin ve arka plan maskesi efekti yapın.
Karışık Mod: Ekran Satırlar #2 Sütun Yapısı Ekle Büyük karakteriniz yüklendikten sonra, kalan modüllerle yeni bir çizgi ekleyebilirsiniz.
Herhangi bir modül eklemeden yapıştırıcı, satır ayarlarını açın ve satırın ekranın tüm genişliğini karşılamasına izin verin.
Özel Talang genişliği kullanın: evet Talang genişliği: 1
Genişlik:% 100 Maksimum genişlik:% 100 Mesafe Bir sonraki özel dolgu değerleri ekleyin.
Üst Dolgu: 1VW
Dolgu Alt: 1VW
Sol dolgu: 3VW
Doğru dolgu: 3VW Sütuna #1 metin modülünü ekleyin Kalan modülü eklemek için H1 içerik süresini ekleyin. Bu yayının önizlemesinde gördüğünüz gibi aynı tasarımı yeniden oluşturmak istiyorsanız, bazı H1 içeriğine sahip bir metin modülü ekleyerek başlayın.
H1 Metin Ayarları Tasarım sekmesine geçin ve H1’in metin ayarlarını değiştirin. Yazı tipi Başlık: Poppins
Başlık Mektubu Ağırlığı: Yarı Kalınlık
Hizalama Metin Başlığı: Orta
Başlık Metin Rengi: #000000 Başlık Metin Boyutu: 5VW Bazı negatif kenar boşlukları ekleyerek bu modül ve büyük bir karakter içeren metin modülü arasındaki üst üste binme mesafesi.
Üst Marj: -38VW
Bölücü modülünü, ihtiyacımız olan bir sonraki modül görünürlük sütununa ekleyin. ‘Ekran göster’ seçeneğinin etkinleştirildiğinden emin olun.
Divisor göster: evet
O zaman renk tasarım sekmesini açın ve bölücünün rengini değiştirin.
Renk: #000000 Yapıştırıcı değişim de boyutu ayarlayın.
Bölücü ağırlığı: 13px Genişlik: 16px
Modül hizalaması: merkez Uzay ayarlarında dolgu değeri ile birlikte mesafe.
Üst Marj: 2VW Alt marj: 2VW
Sütuna Metin Modülü #2 ekle İhtiyacımız olan bir sonraki modülün içeriğini ekleyin Başka bir metin modülü. Seçtiğiniz bazı paragraf içerikleri girin.
Metin Ayarları Ardından, metin ayarlarını açın ve bazı değişiklikler yapın.
Metin yazı tipi: SANS’ı aç Metin rengi: #000000
Metin Boyutu: 1VW (masaüstü), 2VW (tablet), 2.5VW (Telefon)
Yüksek çizgi metin: 1.9em Metin Oryantasyonu: Orta Mesafe Bazı özel marj değerleri de ekleyin.
Üst Marj: 3VW
Alt kenar boşluğu: 3VW (masaüstü), 10vw (tablet ve cep telefonu)
Sol kenar boşluğu: 27vw (masaüstü), 10vw (tablet), 8vw (telefon)
Sağ kenar boşluğu: 27VW (masaüstü), 10vw (tablet), 8vw (telefon)
Düğme modülünü sütuna ekleyin Bir sonraki bölümün bir kopyasını ekleyin ve son olarak ihtiyacımız olan düğme modülü. Seçtiğiniz bazı kopyaları girin. Daha sonra hizalama, tasarım sekmesini açın ve düğme hizalamasını değiştirin.
Düğmenin hizalanması: orta
Tam olarak istediğiniz gibi görünmesi için stil düğmesini ayarlayın. Düğme için özel bir stil kullanın: Evet
Metin Boyutu Düğmesi: 1VW (Masaüstü), 2.5VW (Tablet), 3VW (Telefon)
Metin Renk Düğmesi: #fffffff Arka Plan Renk Düğmesi: #000000 Düğmenin sınır genişliği: 0px
Sınır sınır yarıçapı: 50px Yazı tipi düğmesi: SANS’ı açın
Mektup Ağırlığı: Çok kalın
Yazı tipi stili: büyük harf
Düğmeye bazı özel kenar boşlukları ve dolgu değerleri ekleyerek mesafe ve eksiksiz tasarım.
Alt marj: 10vw
Üst dolgu: 15px
Dolgu Alt: 15 piksel
Sol dolgu: 50 piksel
Sağ dolgu: 50px
Önizleme Şimdi tüm adımlardan geçtikten sonra, çeşitli ekran boyutlarındaki nihai sonuçlara bakalım. örnek 1 Örnek #2
Bu yazıdaki son zihin, Divi ile güzel bir arka plan maskesi yapmak için büyük bir karakterin nasıl kullanılacağını gösterdik. Bu, herhangi bir görüntü düzenleme yazılımı kullanmak zorunda kalmadan ayarlanmış ve kişiselleştirilmiş bir web tasarımı oluşturmanın iyi bir yoludur. Sorularınız veya önerileriniz varsa, aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun! Divi hakkında daha fazla bilgi edinmek ve daha fazla ücretsiz divi almak istiyorsanız, YouTube Bülteni ve YouTube kanalımıza abone olduğunuzdan emin olun, böylece her zaman bu ücretsiz içeriğin faydalarını bilen ve elde eden ilk kişilerden biri olacaksınız.
Bir örnek #1 yap
YouTube kanalımıza abone olun
Arka plan renginin yeni bir kısmını ekleyin, ilk örnekle başlayalım! Yeni veya mevcut bir sayfaya yeni bir normal bölüm ekleyin ve bu bölüme arka plan ekleyin: Arka plan rengi: #000000
Mesafe Ardından, boşluk ayarlarını açın ve tüm dolguyu varsayılan olarak silin. Üst dolgu: 0px
Aşağıda dolgu: 0px
Taşma Gelişmiş sekmesine geçer ve parçanın güçlü yönlerini gizler. Bu, çok büyük karakterler içeren metin modülünü yeniden konumlandırdığımızda bu öğreticinin ilerleyen saatlerinde önemli olacaktır. Yatay taşma: gizli
Dikey taşma: gizli
Sıra #1 sütun yapısı ekleyin Aşağıdaki sütun yapısını kullanarak yeni bir satır ekleyerek devam edin: Sütun Rengi Sütun 1 Herhangi bir modül eklemeden, satır ayarlarını açın ve arka plan rengini ilk sütuna ekleyin. Renk Renk Sütunu 1: #848484
Sütun 1 Arka plan görüntüsü de arka plan rengi ekler. Arka planı ve görüntüleri birleştirmek için bir karışım uygulayacağız. Sütun Arka Plan Karışımı Görüntü: çarpın
Yapışkan tasarım sekmesine hareket eder ve aşağıdaki boyut ayarlarını uygulayarak satırın tüm ekran genişliğini karşılamasına izin verir: Özel Talang genişliğini kullanın: Evet Talang genişliği: 1
Genişlik:% 100
Maksimum genişlik:% 100
Mesafemiz de özellikle sıradan tüm üst ve alt dolgudan kurtuldu.
Üst dolgu: 0px Aşağıda dolgu: 0px
Metin modülünü sütuna ekleyin, karakteri içerik kutusuna ekleyin. Büyük bir karakter içeren bir metin modülü ekleme zamanı. İçerik kutusuna ‘O’ harfini ekleyin.
Arka plan rengi arka plan ayarına girerek devam edin ve siyah arka plan rengini ekleyin. Arka plan rengi: #000000 Metin Ayarları Tasarım sekmesine geçer ve metin ayarlarını değiştirir. Metin boyutu için nasıl yüksek değeri kullandığımızı unutmayın.
Metin Yazı Tipi: Poppins Metin Boyutu: 100VW
Metin Oryantasyonu: Orta
Mesafe, o zaman açık alan ayarları ve bazı özel marj ve dolgu değerleri ekleyin.
Üst kenar boşluğu: -6vw Üst Dolgu: 15VW
Dolgu Alt: 49VW
Filtre, bir mucize olmanın zamanıdır! Modül filtresi ayarlarını açın ve uygun karışım modunu değiştirin:
Karışık Mod: çarpın Satır #2 sütun yapısı ekle Büyük karakteriniz tasarıma eklendikten sonra, bölümde görüntülemek istediğiniz kalan modülleri ekleyerek devam edebilirsiniz, yeni bir çizgi ekleyerek:
Herhangi bir modül eklemeden yapıştırıcı, satır ayarlarını açın ve satırın ekranın tüm genişliğini karşılamasına izin verin. Özel Talang genişliği kullanın: evet Talang genişliği: 1
Genişlik:% 100
Maksimum genişlik:% 100
Mesafe Tüm dolguyu varsayılan olarak da silin.
Üst dolgu: 0px Aşağıda dolgu: 0px
Sütuna #1 metin modülünü ekleyin Bu yeni satırda H1 içeriği ekleyin, seçim modülünüzü ekleyebilirsiniz. Bu yayının önizlemesinde tam olarak paylaşılan bir örneği yeniden oluşturmak için, birkaç H1 içeriğine sahip bir metin modülü ekleyerek başlayın. Metin ayarı H1 Tasarım sekmesine geçer ve H1 metin ayarlarını değiştirir.
Yazı tipi başlığı: Playfair ekranı Başlık Mektubu Ağırlığı: Kalınlık Hizalama Metin Başlığı: Orta
Başlık metin rengi: #ffffff
Başlık Metin Boyutu: 6VW
Uzay ayarlarını girerek daha fazla mesafe ve metin modülünün birkaç negatif üst kenar ekleyerek çok büyük bir karakterle örtüşmesine izin verin. Ayrıca, yanıt vermeyi sağlamak için modülün sol ve sağ taraflarında boşluk olduğundan emin oluruz.
Üst Marj: -47VW
Sol kenar boşluğu: 1VW Doğru marj: 1VW
Bölücü modülünü, ihtiyacımız olan bir sonraki modül görünürlük sütununa ekleyin. ‘Ekran göster’ seçeneğinin etkinleştirildiğinden emin olun.
Divisor göster: evet
Bir sonraki tasarım sekmesini renklendirin ve bölücünün rengini değiştirin. Renk: #ffffff
Yapıştırıcı değişim de boyutu ayarlayın. Bölücü ağırlığı: 13px
Genişlik:% 16 Modül hizalaması: merkez
Mesafe ve metin modülleri ve bölücü modülleri arasında boşluk yapmak için bazı üst kenar boşlukları ekleyin.
Üst Marj: 16VW
Sütuna Metin Modülü #2 ekle İhtiyacımız olan bir sonraki modülün içeriğini ekleyin, bazı paragraf içeriğine sahip bir metin modülüdür. Metin Ayarları Metin ayarlarını açın ve aşağıdaki değişikliklerin oluşmasını sağlamak:
Metin yazı tipi: SANS’ı aç Metin rengi: #ffffff Metin Boyutu: 1VW (masaüstü), 2VW (tablet), 2.5VW (Telefon)
Yüksek çizgi metin: 1.9em
Metin Oryantasyonu: Orta
Mesafe Bazı özel alan değerleri de ekleyin.
Üst Marj: 3VW
Alt kenar boşluğu: 3VW (masaüstü), 10vw (tablet ve cep telefonu) Sol kenar boşluğu: 27VW (masaüstü), 10vw (tablet), 8vw (telefon) Sağ kenar boşluğu: 27vw (masaüstü), 10vw (tablet), 8vw (telefon)
Düğme modülünü sütuna ekleyin Bir sonraki ve son olarak düğme modülüne bir kopya ekleyin. Seçtiğiniz bazı kopyaları girin.
Destekleme Tasarım sekmesindeki düğme seviyesini değiştirerek devam edin.
Düğmenin hizalanması: orta
İstediğiniz gibi düğme ve düğme stilini ayarlamak için hareket düğmesini ayarlayın.
Düğmeler için özel bir stil kullanın: evet
Metin Boyutu Düğmesi: 1VW (Masaüstü), 2.5VW (Tablet), 3VW (Telefon)Metin Renk Düğmesi: #fffffff Sınır sınır genişliği: 1px
Sınır sınır yarıçapı: 0px
Yazı tipi düğmesi: SANS’ı açın
Mektup Ağırlığı: Çok kalın
Yazı tipi stili: büyük harf
Son fakat en az değil, istenen sonuçları elde etmek için bazı özel marjlar ve dolgu değerleri de ekliyoruz.
Alt marj: 10vw
Üst dolgu: 15px
Dolgu Alt: 15 piksel Sol dolgu: 50 piksel
Sağ dolgu: 50px
Yeni bir örnek #2 yap
İkinci örneğe yeni bir parça ekleyin! Üzerinde çalıştığınız sayfaya yeni bir düzenli bölüm ekleyin.
Taşma Gelişmiş sekmesindeki taşmayı gizleyin.
Yatay taşma: gizli Dikey taşma: gizli Aşağıdaki sütun yapısını kullanarak bölüme yeni satırlar ekleyerek 1 numaralı Sütun Yapısı Ekle: Sütun Rengi Sütun 1 Herhangi bir modül eklemeden, satır ayarlarını açın ve arka plan rengini ilk sütuna ekleyin.
Sütun 1 Renk Arka Plan: #DDDDDD
Sütun 1 Arka plan görüntüsü ayrıca arka plan görüntüleri ekleyin ve karışım modunu kullanarak arka plan renklerini görüntülerle birleştirin. Sütun Arka Plan Karışımı Görüntü: Ekran Yapıştırıcı daha sonra satır boyutu ayarlarını açın ve ekranın tüm genişliğini karşılamasına izin verin.
Özel Talang genişliğini kullanın: Yalebar Talang: 1 Genişlik:% 100
Maksimum genişlik:% 100 Mesafe Sonraki ve alt yatakları çıkarın.
Üst dolgu: 0px
Aşağıda dolgu: 0px
Metin modülünü sütuna ekleyin, karakteri içerik kutusuna ekleyin. Büyük bir karakter içeren bir metin modülü ekleme zamanı! Aşağıdaki karakterleri kopyalayın: ‘◊◊◊’ ve bunu içerik kutusuna ekleyin. Bilgisayarınızda karakter haritasını (Windows) veya karakter paletini (Mac) açarak istediğiniz herhangi bir karakteri kullanabilirsiniz.
Arka plan rengi Bu modülün arka plan rengini beyaza değiştirin. Arka plan rengi: #ffffff
Ardından metin ayarları, tasarım sekmesini açın ve metin ayarlarını değiştirin.
Metin Yazı Tipi: Poppins Metin rengi: #0c0c0c Metin Boyutu: 80VW
Metin Oryantasyonu: Orta Mesafe ayrıca üst ve alt dolgu değerlerini de değiştirir.
Üst Dolgu: 27.8VW
Dolgu Alt: 27.8VW
Modüle özel bir modül ekleyerek filtreleyin ve arka plan maskesi efekti yapın.
Karışık Mod: Ekran Satırlar #2 Sütun Yapısı Ekle Büyük karakteriniz yüklendikten sonra, kalan modüllerle yeni bir çizgi ekleyebilirsiniz.
Herhangi bir modül eklemeden yapıştırıcı, satır ayarlarını açın ve satırın ekranın tüm genişliğini karşılamasına izin verin.
Özel Talang genişliği kullanın: evet Talang genişliği: 1
Genişlik:% 100 Maksimum genişlik:% 100 Mesafe Bir sonraki özel dolgu değerleri ekleyin.
Üst Dolgu: 1VW
Dolgu Alt: 1VW
Sol dolgu: 3VW
Doğru dolgu: 3VW Sütuna #1 metin modülünü ekleyin Kalan modülü eklemek için H1 içerik süresini ekleyin. Bu yayının önizlemesinde gördüğünüz gibi aynı tasarımı yeniden oluşturmak istiyorsanız, bazı H1 içeriğine sahip bir metin modülü ekleyerek başlayın.
H1 Metin Ayarları Tasarım sekmesine geçin ve H1’in metin ayarlarını değiştirin. Yazı tipi Başlık: Poppins
Başlık Mektubu Ağırlığı: Yarı Kalınlık
Hizalama Metin Başlığı: Orta
Başlık Metin Rengi: #000000 Başlık Metin Boyutu: 5VW Bazı negatif kenar boşlukları ekleyerek bu modül ve büyük bir karakter içeren metin modülü arasındaki üst üste binme mesafesi.
Üst Marj: -38VW
Bölücü modülünü, ihtiyacımız olan bir sonraki modül görünürlük sütununa ekleyin. ‘Ekran göster’ seçeneğinin etkinleştirildiğinden emin olun.
Divisor göster: evet
O zaman renk tasarım sekmesini açın ve bölücünün rengini değiştirin.
Renk: #000000 Yapıştırıcı değişim de boyutu ayarlayın.
Bölücü ağırlığı: 13px Genişlik: 16px
Modül hizalaması: merkez Uzay ayarlarında dolgu değeri ile birlikte mesafe.
Üst Marj: 2VW Alt marj: 2VW
Sütuna Metin Modülü #2 ekle İhtiyacımız olan bir sonraki modülün içeriğini ekleyin Başka bir metin modülü. Seçtiğiniz bazı paragraf içerikleri girin.
Metin Ayarları Ardından, metin ayarlarını açın ve bazı değişiklikler yapın.
Metin yazı tipi: SANS’ı aç Metin rengi: #000000
Metin Boyutu: 1VW (masaüstü), 2VW (tablet), 2.5VW (Telefon)
Yüksek çizgi metin: 1.9em Metin Oryantasyonu: Orta Mesafe Bazı özel marj değerleri de ekleyin.
Üst Marj: 3VW
Alt kenar boşluğu: 3VW (masaüstü), 10vw (tablet ve cep telefonu)
Sol kenar boşluğu: 27vw (masaüstü), 10vw (tablet), 8vw (telefon)
Sağ kenar boşluğu: 27VW (masaüstü), 10vw (tablet), 8vw (telefon)
Düğme modülünü sütuna ekleyin Bir sonraki bölümün bir kopyasını ekleyin ve son olarak ihtiyacımız olan düğme modülü. Seçtiğiniz bazı kopyaları girin. Daha sonra hizalama, tasarım sekmesini açın ve düğme hizalamasını değiştirin.
Düğmenin hizalanması: orta
Tam olarak istediğiniz gibi görünmesi için stil düğmesini ayarlayın. Düğme için özel bir stil kullanın: Evet
Metin Boyutu Düğmesi: 1VW (Masaüstü), 2.5VW (Tablet), 3VW (Telefon)
Metin Renk Düğmesi: #fffffff Arka Plan Renk Düğmesi: #000000 Düğmenin sınır genişliği: 0px
Sınır sınır yarıçapı: 50px Yazı tipi düğmesi: SANS’ı açın
Mektup Ağırlığı: Çok kalın
Yazı tipi stili: büyük harf
Düğmeye bazı özel kenar boşlukları ve dolgu değerleri ekleyerek mesafe ve eksiksiz tasarım.
Alt marj: 10vw
Üst dolgu: 15px
Dolgu Alt: 15 piksel
Sol dolgu: 50 piksel
Sağ dolgu: 50px
Önizleme Şimdi tüm adımlardan geçtikten sonra, çeşitli ekran boyutlarındaki nihai sonuçlara bakalım. örnek 1 Örnek #2
Bu yazıdaki son zihin, Divi ile güzel bir arka plan maskesi yapmak için büyük bir karakterin nasıl kullanılacağını gösterdik. Bu, herhangi bir görüntü düzenleme yazılımı kullanmak zorunda kalmadan ayarlanmış ve kişiselleştirilmiş bir web tasarımı oluşturmanın iyi bir yoludur. Sorularınız veya önerileriniz varsa, aşağıdaki yorumlar bölümünde bir yorum bıraktığınızdan emin olun! Divi hakkında daha fazla bilgi edinmek ve daha fazla ücretsiz divi almak istiyorsanız, YouTube Bülteni ve YouTube kanalımıza abone olduğunuzdan emin olun, böylece her zaman bu ücretsiz içeriğin faydalarını bilen ve elde eden ilk kişilerden biri olacaksınız.
