Divi Eklentisi Vurgusu: Sonraki Görüntü Efekti Pro

Next Image Effect Pro, resimlerinize ve bağlantılarınıza dikkat çekmeye yardımcı olan çok sayıda görüntü üzerine gelme efekti ekleyen Divi için üçüncü taraf bir eklentidir. Eklenti, Divi Builder'a her biri kendi tasarım ve efektlerine sahip 7 modül ekler. Bu yazıda Next Image Effect Pro'ya bakacağız ve neler yapabileceğini göreceğiz.

Sonraki Görüntü Efekti Pro Kurulumu

Eklentiyi Divi Marketplace'ten satın alın ve indirin. Yüklemek için şu adımları izleyin:

1. WordPress panosunda Eklentiler > Yeni Ekle'ye gidin
2. Eklentiyi bilgisayarınızdan yükleyin
3. Şimdi Yükle'yi tıklayın
4. Eklenti yüklendikten sonra Etkinleştir'i tıklayın.

Ardından, lisansı etkinleştirmeniz gerekir. Eklentiler > Image Effect Pro Lisansı'na gidin . Lisans anahtarınızı girin ve değişiklikleri kaydedin.

Sonraki Görüntü Efekti Pro Modülleri

Image Effect Pro, Divi Builder'a, stilize edilmiş görüntü ve metin kombinasyonları içeren bir dizi modül ekler. Yüzlerce vurgulu efekt ve yön kombinasyonu eklerler. Metin stili seçenekleri; başlıklar, odak metni, içerik ve bunların arka planları için bağımsız denetimleri içerir.

Modüller şunları içerir:

• Dairesel Görüntü Vurgusu
• Görüntü Vurgulu Kutusu
• Görüntü Simgesi Etkisi
• Mega Görüntü Efekti
• Minimum Görüntü Vurgusu
• Sonraki Resim Kaydırma
• Nihai Görüntü Vurgusu

Dairesel Görüntü Vurgusu

Dairesel Görüntü Vurgusu iki ana bölüme sahiptir: görüntü ve metin (fareyle üzerine gelinen içerik). Dikdörtgen bir resim ekledim. Görüntüyü orijinal biçiminde görüntüler, ancak daha sonra dairesel hale getirir. Görüntü kare olsaydı, bu mükemmel bir daire olurdu.

Görüntünün tasarım ayarları, kutu gölge konumu, gücü ve rengini içerir.

Metin, başlık ve içerik eklemek için bir bölüm içerir. Bunları tasarım ayarlarında şekillendirebilirsiniz. Bu örnekte boyutları büyüttüm.

Altyazı arka planı düz renk veya gradyan olabilir. Bu, varsayılan degradeyi kullanır.

Her efekt için 4 yön seçeneği ile 19 vurgulu efekti vardır. Bu efekt 1'dir. Efektler, görüntüyü dışa aktarmak ve içeriği içeri aktarmak için çeşitli yollara sahiptir. Yakınlaştırma, çevirme, slayt ve çok daha fazlasını içerirler.

Görüntü Vurgulu Kutusu

Görüntü Vurgulu Kutusu, vurgulu içeriği olan görüntüyü de içerir. Resmin şeklini değiştirmez.

Ayrıca bindirmeyi (veya üstten görünen ve bir bindirme gibi görünen arka planı) içerir ve bir başlık arka planı ekler. Her iki arka plan da düz renkler ve degradeler içerebilir. Bu örnek, varsayılan kaplama arka planını kullanır. Başlık arka planının rengini değiştirdim ve metnin boyutunu büyüttüm.

Çevirme, kaydırma, solma, yakınlaştırma vb. dahil 13 farklı vurgulu efekte sahiptir. Efektlerin birçoğu yön için seçenekler ekler. Bu etki 1.

Görüntü Simgesi Etkisi

Görüntü Simgesi Etkisi, bir başlık görüntüleyen ve görüntünün üzerine odaklanan bir metin öğesi ekler. Diğerleri gibi, arka plan rengini düz renk veya degrade ile değiştirebilirsiniz ve birden fazla vurgulu efekt içerir. Buradaki vurgulu efektler sınırlar getiriyor ve özellikle zarif görünüyor. Bu, Zoe vurgulu etkisidir.

Bunu diğerlerinden ayıran şey simgeler. 4 farklı simge ekleyebilir ve aynı pencerede veya yeni bir pencerede açılmasını sağlayabilirsiniz.

Simge ayarları renk, boyut, boşluk, satır yüksekliği, arka plan rengi, gölge, kenarlık vb. içerir. Bu örnekte, bir arka plan rengi ekledim ve bir çizgi oluşturmak için satır yüksekliğini azalttım. Ben de bir gölge ekledim. Bu vurgulu etkisi Hera.

Bu vurgulu etkisi Terry. Başlık ve odak metninin renklerini değiştirdim ve önceki örnekteki yazı tipi boyutları ve simgeleri için ayarları kullandım.

Mega Görüntü Efekti

Mega Image Effect, bir tarafında görüntü, diğer tarafında içerik bulunan 2 taraflı başka bir karttır. Ön taraf bir görüntüyü normal olarak görüntüler.

Kartın arka yüzü, içeriği normal olarak gösterir ve yazı tipi ve arka plan ayarlamalarını içerir. Onu ayıran şey, bir düğme ekleme yeteneğidir.

Standart arka planla aynı düz renk ve gradyan seçenekleri dahil olmak üzere düğme tasarımı üzerinde tam kontrole sahipsiniz. Bu örnek, düğmenin arka planı için bir degrade gösterir.

Yazı tipleri ve arka plan için düğme stili üzerinde tam kontrole sahipsiniz. Bu örnekte yazı tipini ve kenarlığı ayarladım. Modülün her elemanında ayrıca boşluk ayarlamaları vardır. Düğmenin altına 20 piksel ekledim. Modüllerin her biri bu aralık ayarlarına sahiptir.

Bu modül, sayılamayacak kadar çok fareyle üzerine gelme efektine sahip. Yalnızca görüntü efektleri tek başına etkileyicidir, ancak aynı zamanda birçok metin efektine de sahiptir. Görüntü vurgusunu ve metin vurgusunu ayrı ayrı ayarlayabilir ve metin efektinin zamanlamasını ayarlayabilirsiniz.

Bu örnekte Paralel Sol görüntü vurgulu, Yakınlaştır metin efekti ve küçük bir metin gecikmesi.

Minimum Görüntü Vurgusu

Minimal Image Effect, setteki en basit modüldür. Vurgulu efektli bir görüntü görüntüler.

Tek özel ayar, fareyle üzerine gelme efektleridir. Aralarından seçim yapabileceğiniz 10 efekt içerir. Birkaçına bakacağız.

Bu örnek Ölçek Genişletme Döndürme'dir. Görüntü küçültülür ve normal durumunda biraz döndürülür. Fareyle üzerine gelindiğinde görüntü yakınlaşır ve normal durumuna döner.

Bu, Bulanıklık. Görüntü, siz üzerine gelene kadar bulanıklaşır, ardından netleşene kadar yavaşça bulanıklaşır.

Bu Yanıp Sönen. Görüntünün üzerinde bir beyaz patlaması yanıp söner ve ardından siz gezindikçe kaybolur.

Sonraki Resim Kaydırma

Sonraki Görüntü Kaydırma, görüntünün üzerine bir kaplama yerleştirir ve sağ üst köşeye bir düğme ekler. Düğmenin rengini hem düz renkler hem de degradeler için ayarlayabilirsiniz. Bu örnek, varsayılan ayarları gösterir.

Kaplamayı da ayarlayabilirsiniz. Düz bir renk veya degrade ayarlayın. Ayrıca gradyan türleri ve standart kontroller içerir.

Arka plan konumu, görüntünün üstünü veya altını görüntülemenizi sağlar.

Görüntü, üzerine gelindiğinde yukarı veya aşağı hareket eder. Bu örnekte, modül görüntünün altını gösterir ve üzerine gelindiğinde görüntünün üstüne kayar.

Nihai Görüntü Vurgusu

Ultimate Image Hover, seçtiğiniz efekte göre boyutu ve şekli görüntüler. Bu Efekt 1'dir. Fotoğrafın bir bölümünü uzun dikdörtgen bir görüntüde gösterir. Başlık ve odak metni, içerik ve bir yer paylaşımı içerir. Kaplama, renk için düz veya degrade olarak ayarlamalar içerir.

Fareyle üzerine gelindiğinde, kaplama aydınlanır ve metin ortaya çıkar.

Görüntü opaklığı, görülebilen arka plan miktarını ayarlamanıza olanak tanır. Bu örnekte, opaklığı azalttım, başlık ve odak metninin boyutunu değiştirdim, başlık metni rengini, odak metninin koyuluğunu değiştirdim, odak metnini tamamı büyük harf yaptım ve odak metnine bir metin gölgesi ekledim.

Bu modül 24 vurgulu efekte sahiptir. Resmi farklı boyutlarda, opaklık seviyelerinde, metin yerleşiminde gösterirler ve kenarlıklar eklerler.

Bu Efekt 4'tür. Görüntüyü bir kare şeklinde gösterir ve iç kısmın çevresine uçlarda örtüşen bir kenarlık ekler.

Bu Efekt 5'tir. Kaplamayı koyulaştırır ve görüntünün iç çevresine bir kenarlık ekler ve görüntüyü kare şeklinde görüntüler.

Efekt 6, başlığı ve odak metnini üstte, altlarında bir çizgi olacak şekilde ve içeriği altta olacak şekilde yerleştirir.

Efekt 8, büyük dikdörtgen boyutunu korur ve ince bir kenarlık ekler.

Bu, Efekt 10'dur. Fareyle üzerine gelindiğinde görüntü yakınlaşır, çizgi x olur ve gradyan belirir.

Sonraki Resim Efekti Pro Örneği

Basit bir örnek için, burada bir CTA oluşturmak için Ultimate Image Hover modülü eklenmiş Divi Home Renovation düzenine bir göz atın. Resmin soluna ekledim ve düzendeki renkleri kullandım.

Fareyle üzerine gelindiğinde, görüntü sağa kayar, CTA ortaya çıkar, görüntü daha az opak hale gelir (bu, arka plan renginin daha fazla geçmesine izin verir) ve bir kenarlık eklenir. Bu örnek, vurgulu efekti 8 kullanır.

Sonraki Image Effect Pro'yu Satın Alın

Next Image Effect Pro, Divi Marketplace'te 49 $ karşılığında mevcuttur. Sınırsız web sitesi kullanımı, 30 günlük para iade garantisi ve 1 yıllık destek ve güncelleme içerir.

Biten Düşünceler

Divi için Next Image Effect Pro'ya bakışımız bu. 7 modül, sitenizi öne çıkaran birçok görüntü özelliği ekler. Bunları kullanmak sezgiseldir. Tüm modüller arasındaki efekt ve kombinasyon sayısı etkileyici. Her modül benzersizdir, ancak çoğu, CTA'lar, ekip üyeleri, referanslar, genel bilgiler, iletişim bilgileri ve çok daha fazlası için birçok tasarım olanağı sağlamak için resimler, başlıklar ve içerik ekler.

Senden duymak istiyoruz. Next Image Effect Pro'yu denediniz mi? Yorumlarda bunun hakkında ne düşündüğünüzü bize bildirin.

Elenabsl / Shutterstock.com üzerinden Öne Çıkan Görsel