Divi Eklentisi Vurgusu: Divi Sonraki Metinleri

Divi Next Texts, tipografi tasarım özelliklerine sahip birçok modül ekleyen Divi için üçüncü taraf bir eklentidir. Modüller, metin efektleri oluşturmanıza yardımcı olmak için animasyonlar, vurgulamalar, degradeler, maskeler, renk efektleri ve hatta aksaklıklar ekler. Modüller, Divi tasarımlarınızda tipografiyi benzersiz bir şekilde kullanmayı kolaylaştırır. Bu yazımızda Divi Next Metinlerine göz atacağız, neler yapabileceğini ve kullanımının ne kadar kolay olduğunu göreceğiz.

Divi Sonraki Metinler Modülleri

Divi Builder'a 12 yeni modül eklendi. Modüllerin her biri, herhangi bir Divi modülü gibi biçimlendirebilmeniz için beklenen Divi modülü İçeriği, Tasarımı ve Gelişmiş sekmelerini içerir. Her bir modüle bakalım. Örneklerimde Divi Tutor düzen paketini kullanıyorum.

Divi Sonraki Metinler Metin Animasyonu

Metin Animasyonu, bir cümle içindeki belirli bir metin için bir kaydırıcı gibi çalışır. Önce ve sonra metni ekleyin ve ardından animasyon metnini alt modüller içine ekleyin.

10 animasyon arasından seçim yapın. Bu örnek, yazma animasyonunu gösterir.

Yükleme çubuğunun renk ve yükseklik seçenekleri vardır. Bu modüllerin çoğu gibi, İçerik sekmesinden h etiketini seçebilirsiniz. Ayrıca metni yığınlayabilirsiniz. Metni yığmak, önceki metni üstte, animasyonlu metni ortada ve sonraki metni altta yerleştirir. Bu örnekte metni istifledim.

İşte Spiral animasyonuna bir bakış.

Divi Sonraki Metinler Metin Renk Hareket

Metin Rengi Hareket, metnin rengini yavaşça değiştirir.

Tasarım sekmesinde iki hareket stili vardır ve hareket süresini ayarlayabilirsiniz.

Degrade oluşturmak için dört farklı renk seçin.

Gradyanı doğrusal veya radyal olarak ayarlayın. Radyal 8 yön içerir. Radyal ve merkez seçtim. Dört rengin her birinin başlangıç ​​konumunu da ayarlayabilirsiniz.

İşte hareket halindeki örneğim. Stil 2'yi seçtim, süreyi 4s olarak ayarladım, renklerden birini değiştirdim ve doğrusal olarak ayarladım.

Divi Sonraki Metinler Metin Bölücü

Metin Bölücü, metninizin her iki tarafına bir ayırıcı çizgi yerleştirir. Bu örnek, h etiketi seçimlerini gösterir.

Tasarım sekmesi, bölücü stilini seçebileceğiniz Bölücü Ayarları'nı içerir. 8 stil arasından seçim yapın veya ayırıcıyı göstermemeyi seçin.

Ayırıcının rengini, ağırlığını ve metin boşluğunu da seçebilirsiniz.

Metin seçenekleri, metin hizalamasını değiştirmenize ve bir metin gölgesi seçmenize olanak tanır. Metni ayırıcının sağına yerleştirdim.

Yazı tipi ayarı, metin stilini kontrol eder, böylece yazı tipi ailesi, rengi, boyutu vb. üzerinde tam kontrole sahip olursunuz.

Divi Sonraki Metinler Metin Glitch

Text Glitch, metni animasyonla bozar.

Tasarım sekmesi, aksaklık stili, renkleri ve konumu için ayarları içerir. Aralarından seçim yapabileceğiniz 7 aksaklık stili vardır. Bazıları diğerlerinden daha hareketli.

Metin rengini ve iki farklı hata rengini seçin.

Sol, sağ ve üst için ayrı ayarlarla aksaklık konumunu ayarlayın.

Bu aksaklık 4. Daha hareketli aksaklıklardan biridir.

Divi Sonraki Metinler Metin Gradyan

Metin Degradesi, metninizi bir degradeyle renklendirir.

Tasarım sekmesi, degrade renk ayarlarını içerir. Degrade türü (doğrusal veya radyal) olmak üzere iki renk seçin ve yönü, başlangıç ​​ve bitiş konumunu ayarlayın.

Ortaya çıkarma efekti, ekran boyunca hızla hareket eden bir çubuktur. Efekti etkinleştirebilir ve rengi seçebilirsiniz.

Ayrıca bir vurgulu efekti içerir. 29 animasyon arasından seçim yapın.

İşte Metin Gradyan animasyonuna bir bakış. Göster efektini ve Wobble Bottom vurgulu efektini dahil ettim.

Divi Sonraki Metinler Metin Vurgulama

Metin Vurgusu, metne bir vurgu yerleştirir. Ayrıca, bir cümlenin yalnızca bir bölümünü vurgulamanıza olanak tanıyan bir öncesi ve sonrası metni içerir. Metni yığın olarak da görüntüleyebilirsiniz.

14 seçenek arasından vurgu stilini seçin. Vurgu stili metnin üzerine çizilir. Animasyon, belirli bir süre sonra tekrarlanır. Bu örnek, Double kullanır.

Tasarım sekmesi, rengi, kontur genişliğini ve animasyon gecikmesini seçebileceğiniz vurgulama ayarlarını içerir. Bu örnekte Zig Zag kullanılmıştır.

Bu, Sil'i kullanır. Kontur genişliğini maksimum ayara getirdim ve metnin görünmesi için opaklığı azalttım.

Başlık metni için yazı tiplerini ayarlayabilir ve metni ayrı ayrı vurgulayabilirsiniz. Başlık metnini varsayılan olarak bıraktım ve vurgulanan metni kalın yaptım ve boyutunu büyüttüm.

Ayrıca bir vurgulu efekti etkinleştirebilirsiniz. Bu tüm metni etkiler.

Bu örnek, Dalga vurgulama stilini kullanır. Genişliği 26 piksele ayarladım, kırmızıyı seçtim ve bir vurgulayıcı gibi görünmesi için opaklığı azalttım ve vurgulu efekt için Wobble Skew'i seçtim.

Divi Sonraki Metinler Metin Vurgulu Vurgu

Metin Vurgusu Vurgusu yalnızca vurgulu vurguyu içerir. Bu, metinden önce ve sonra devre dışı bırakmanıza izin verir.

Aralarından seçim yapabileceğiniz 59 vurgulu efekti vardır.

Vurgu yüksekliğini ayarlayabilirsiniz. Varsayılan 3 pikseldir. Bu örnekte, Sol Üste Çizme efektini seçtim ve vurgu yüksekliğini 10 piksel olarak ayarladım.

Vurgu ayarları, rengi ve bir degradeyi içerir. Metni önce ve sonra etkinleştirdim, vurgu için Sağ Altı Çiz'i seçtim ve yüksekliği 16 piksel olarak ayarladım. Vurgu rengi, azaltılmış opaklıkla kırmızıdır.

Bu bir gradyan içerir. Degrade türü, yön, başlangıç ​​konumu ve bitiş konumu olmak üzere iki renk seçin.

Yazı tiplerinin metin ve vurgu metni için bağımsız kontrolü vardır. Her ikisinde de ayarlamalar yaptım.

İşte animasyon. Fareyle üzerine gelme efekti için Çift Alt Sağ'ı seçtim, yüksekliği 24 piksele ayarladım ve üzerine gelme efekti için bir degrade kullandım.

Divi Sonraki Metinler Metin Maskesi

Metin Maskesi, dikey döndürme ve dikey çevirme seçenekleri dahil olmak üzere çeşitli ayarlara ve seçeneklere sahiptir. Her iki seçeneği de etkinleştirdim.

Görüntü Maskesi, metnin renkleri olarak görüntülenecek bir görüntü seçmenizi sağlar. Arka plan boyutunu, konumunu ve görüntü tekrarını seçin.

Bu efekt özellikle büyük, ultra kalın yazı tiplerinde işe yarar.

Ayrıca arka plan görüntüsü üzerinde renkle harika görünüyorlar.

Metin Maskesi ayrıca fareyle üzerine gelme animasyonlarını da içerir.

Bu örnek, Pop vurgulu efektini gösterir. Ten rengi bir kaplama ekledim ve yazı tipini italik ve tamamı büyük harf olarak ayarladım.

Divi Sonraki Metinler Metin Çoklu Başlık

Metin Çoklu Başlık, üç başlık metni seti ekler ve her başlık için farklı bir arka plan içerir.

Arka planlar renkleri ve degradeleri içerir. Bu örnek, ilk başlığın arkasına mavi bir arka plan yerleştirir.

Gradyanın iki rengi vardır. Degrade türünü (doğrusal veya radyal), yönü, başlangıç ​​konumunu ve bitiş konumunu seçin. İkinci başlığa bir degrade ekledim.

Üç başlık bağımsız olarak ayarlanabilir. Başlıkların renklerini, boyutlarını ve ağırlığını ayarladım. Yazı tiplerini de büyüttüm. Her başlığın boyutu farklıdır.

Her başlığın bir degradesi olabilir. İkinci başlığa bir degrade ekledim.

Başlıklar, her başlık için farklı bir renk seçebileceğiniz ayrı bir açıklama efekti içerir.

Fareyle üzerine gelme efekti üç başlığı da içerir.

Her başlığın ayrı boşluk ayarları vardır. İkinci başlığın sağına ve soluna 30px ekledim.

Başlıkların da bağımsız sınırları vardır. İkinci başlığa bir kenarlık ekledim.

Divi Sonraki Metinler Metin Vuruşu

Metin Kontur, bir vuruş animasyonu ve büyük anahatlı metin oluşturur.

Kontur ayarları, renk, vurgulu efektleri, vurgulu yönü ve hareket süresini içerir. Rengi ayarladım ve kontur genişliğini 6 piksele ayarladım. Bu, yazı tipinin çizgilerinin kalınlığını değiştirir. Animasyonlar, Doldurmak için Kontur ve Kontur için Doldur içerir. Seçim için 6 yönü vardır.

Fareyle üzerine gelme rengi, yazı tipinin içindeki rengi değiştirir. Düz bir renge ve bir degradeye sahiptir. Bu düz renk.

İşte bir gradyan. Renkleri ayarladım, radyal olarak ayarladım ve yönü merkeze ayarladım.

Divi Sonraki Metinler Metin Kontur Hareketi

Metin Kontur Hareketi, animasyonlarla bir kontur efekti ekler.

Renk ayarlamaları tekli, çoklu ve dolguyu içerir. Bu, tek bir renk gösteren Single'dır.

Çoklu, 5 farklı renk seçmenizi sağlar. Renkler canlandırılmıştır.

Doldur, metnin içinde bir renk seçmenizi sağlar.

Kontur ayarları, çizgilerin genişliğini, tirenin uzunluğunu, aralığın boyutunu ve tire ofsetini içerir. Bunlar, bazı ilginç tasarımlar oluşturmak için birlikte çalışır.

İşte animasyon. Renkleri, genişliği ve çizgi boyutunu değiştirdim.

Divi Sonraki Metinler Metin Eğimi

Metin Eğimi, başlığı ve içerik alanı olan bir kart sağlar. İçeriğinizi düzenleyici ile ekleyin. Kart, üzerine geldiğiniz yere bağlı olarak farklı bir yöne eğilir.

Arka plan içeriği düz renkler ve degradeler içerir. İşte kartın devrilmesine bir örnek.

Parlama, kartın nasıl eğildiğine bağlı olarak farklı görünen bir parlama efekti ekler.

3D Eğim, metnin karttan dışarı çıkmasını sağlar.

Tilt Reverse, kartın ters yönde eğilmesini sağlar. Ayarlar ayrıca perspektif, maksimum, hız, x ve y için başlangıç ​​ve ölçeği içerir.

Ayrıca İçerik Aralığı, İçerik Kenarlığı ve İçerik Kutusu Gölgesi ayarlarını içerir.

İşte parlamayı kullanan eğim efekti. Kenarlık ve kutu gölgesi ekledim.

Divi Sonraki Metinler Fiyat ve Destek

Divi Next Texts, geliştiricinin web sitesinde mevcuttur. 3 lisans seçeneği vardır:

• Tek Lisans – 29,00 $
• Sınırsız Lisans – 49,00$
• Ömür Boyu Lisans – $129,00

Bilet sistemi ile destek verilmektedir. Destek sayfası, SSS'lere bağlantılar içerir. Birçoğu ayrıntılı videolar ve talimatlar içerir.

Biten Düşünceler

Divi Next Texts, Divi'ye birçok tipografik özellik ekleyen mükemmel bir eklentidir. Özellikle animasyonları, vurgulu efektleri, maskeyi, vuruşu seviyorum ve aslında hepsini seviyorum.

Modüller son derece sezgiseldir. h etiketleri gibi bazı ayarlar Tasarım sekmesinde olması gerektiği gibi görünüyor. Bazı animasyonlar birbirine benziyor. Bunlar hiçbir şekilde şikayet değil, ama onlardan bahsetmek istedim.

Divi web sitelerinize çok sayıda tipografik animasyon özelliği eklemekle ilgileniyorsanız, Divi Next Texts harika bir seçimdir.

Senden duymak istiyoruz. Divi Next Texts'i denediniz mi? Yorumlarda bunun hakkında ne düşündüğünüzü bize bildirin.

Mascha Tace / Shutterstock.com aracılığıyla Öne Çıkan Görsel