Divi ses modülünüz nasıl yapılır “intergalaxic titreşimler”;
Bu yazı, Divi ses modüllerini düzenlemenin 5 eğlenceli yolunu başlıklı mini serimizde 5. Bölümün 1. Bölümüdür. Her birine nasıl ulaşacağına dair bir öğretici ile Divi Audio modülünün beş benzersiz örneği için bu haftayı dört gözle bekleyin!
Yeni başlayan bir halk şarkıcısı, kısmen zaman podcaster veya ödül kazanan keman oyuncusu mısınız, çalışmanızı web sitenizde göstermek isteyebilirsiniz. Divi Audio Modülü mükemmel bir çözümdür ve bu mini seride size tasarımınızı canlandırmanın 5 yolunu göstereceğim! Bugün, en son tekno ritmi için Divi varsayılan ses modülünü bir uzay gemisine değiştireceğiz!
Önce ve sonra: Divi Ses Modülü Ses modülünü düzenlemeye başlamadan önce varsayılan tasarımı görmek önemlidir. Her ne kadar hazır sürüm temiz ve işlevsel olsa da, çoğu tasarımcı marka veya temalar oluşturmaya yardımcı olmak için biraz parlama eklemek istiyor. İşte Divi ses modülünün varsayılan sürümü: Ve bu “Galaktik Vibes” dediğim tasarım konsepti: Tasarımımı taklit etmek için aşağıdaki talimatları izleyin ve aşağıdaki yorumlar bölümünde bana fikrinizi söyleyin! Divi Audio Modülü Tasarım Konsepti “Galaktik Vibes” nasıl yapılır YouTube kanalımıza abone olun
Bu tasarım için ilhamın konsepti ve ilhamı, sesi biraz dış mekan olan Carbon tabanlı Lifforms adlı İsveçli bir müzik ikilisidir. (Çalıştığınızda müdahale etmeyen ortam müziğine ihtiyacınız olduğunda parçalarını tavsiye ederim!) Kendime soruyorum, şarkılarından biri için bir ses oynatıcı tasarlarsam, neye benziyor? Sonuç bu! Tasarım Elemanları Hazırlama Divi’nin teması çok fazla varsayılan ayar seçeneğiyle birlikte geldiğinden, bu tasarım yalnızca bir grafiksel varlık gerektirir: arka plan görüntüsü. İstediğiniz gökyüzü temalı görüntüyü seçmekte özgür olsanız da, Unplash’tan buradan indirebileceğiniz bir görüntü seçiyorum. Yükleme süresinin mantıklı olabilmesi için, Photoshop’a veya diğer grafik tasarım programlarına aktarmayı ve 1920px’e indirmenizi öneririm. Tasarımı divi’de uygulamak, bu tasarım elektronik veya fütüristik seslere eğilimli olan müzisyenler için uygun olacaktır, ancak Görüntü varlıkları bir sayı estetiği iletmek için değiştirilebilir. Oldukça basit bir mimariye sahiptir: bir parça, sütun yapılarına sahip satırlar ve. Daha küçük bir satır sütununda ses modülünü gireceğiz. Daha büyük bir satır sütununa, iki modül anahtar yığınları gireceğiz.
Bölüm ayarları parçalarını ayarlamak çok kolaydır ve yalnızca arka plan görüntü yüklemelerini içerir. (Burada kullandığım bir yıldız gökyüzünün fotoğrafını bulabilirsiniz.) Genel sekmede rolünüzü ayarlayarak, bilgisayarınızdan kullanmak istediğiniz fotoğrafı seçin – elbette indirdikten sonra! Satır Ayarları Ayarları Satırlar varsayılan durumda kalabilir. Ancak, uygun sütun oranını seçtiğinizden emin olun: İlk ses modülü ayarları, Yıldız Performansı: Ses Modülümüzü işleyeceğiz. Seçim MP3 dosyasını yükleyerek ve Ses Modülü Ayarları penceresindeki Genel Ayarlar sekmesi altında temel bilgileri doldurarak başlayın: Şarkılar, sanatçılar ve albüm adları. Ayrıca, birkaç stil eklemek istiyoruz. Önce kolay ayrıntılarla başlayalım. Ses oynatıcınızı tutan kutunun arka plan rengini ve opaklığını ayarlamak için Gelişmiş Tasarım Ayarları sekmesini seçin. Gri çeliğe ulaşmak için RGBA değerini (61,61,61,0,5) kullanıyorum, ancak doğru kombinasyonu bulana kadar uygunsuz olabilir ve kayar çubukla oynayabilirsiniz. Space-recparat’ımız için biraz durgun bir varsayılan yazı tipi buldum, bu yüzden biraz daha aşağı kaydırıyorum, yazı tipini nefes alması için biraz daha fazla karakter vermek için 2px başlık alanları ile tutku birine ayarladım. Yuvarlak bir açıya ve ince bir gölgeye ulaşmak için birkaç özel CSS hattı eklememiz gerekir. Ses modülü ayarları penceresinden Özel CSS sekmesini tıklayın ve ana öğe başlıklı parçaya gidin. Buraya yerleştirilen kod tüm ses kutusunu etkileyecektir. Aşağıdaki görüntüleri metnin metnine yapıştırın. Box-Shadow: 5px 5px 5px #111; Border-Radius: 5 piksel; Bittiğinde Kaydet’i ve Çıkın’ı tıklayın. Sabırsız olmaya başlarsanız ilerlemenizi kontrol etmekten çekinmeyin! Modül ayarlarını satırınızın başka bir sütununa yönlendirin – daha geniş bir sütun – sonunda iki anahtar modülü gireceğiz. Bununla birlikte, zamandan tasarruf etmek için, ikincisini almak için çoğaltmadan önce en üst seviyeyi yapacağız ve düzenleyeceğiz. İlk geçiş modülünüzü oluşturduktan sonra, geçiş modülü ayarları penceresini açın ve genel ayarlar sekmesi altındaki ilgili bilgileri doldurun. Kullanıcılara bu hayali albüm hakkında biraz daha fazla bilgi vermeye karar verdim. Sonra, stil için! Ses modülü gibi, anahtar modülü için yapılandırma işlemi Gelişmiş Tasarım Ayarları sekmesini ve özel bir CSS sekmesini içerir. İlk olarak, Gelişmiş Tasarım Ayarları sekmesine gidin ve arka plan renginizi ayarlayın. Anahtar modülünün açık ve kapalı koşullar için farklı arka plan renkleri ayarlamanıza izin verdiğini unutmayın. Açılan anahtar modülünün arka planı için aşağıdaki RGBA değerini kullanıyorum: (13,1,79,0.55), ancak yine de siz Benzer bir görünüm elde etmek için slayt çubuğunu kullanabilir. Kapalı bir arka plan rengi için, ses modülümüzün arka planından biraz daha koyu olan RGBA değerini (0.0,0.0.53) seçtim. Ayrıca metnin tüm renklerini beyaz olarak ayarlamak için bu fırsatı da alın (#fff). Bu okunabilirlik sağlar. Ardından, Ses Modülünün tipografisine uygun olarak geçiş modülü başlık tipografimizi yapalım. Bir kez daha, yazı tipim ve 2px harf alanım için bir tutku seçtim.
Tasarımımızı tamamlamak için, yalnızca geçiş modülü ayarları penceresindeki Özel CSS sekmesine birkaç CSS hattı eklememiz gerekir. Ana öğeye gidin ve sınırı kaldırmak ve içerik kutusuna dumanlı damla gölgesini eklemek için aşağıdakileri yapıştırın. Sınır: Yok; Box-Shadow: 5px 5px 5px #111; Ama hatırla! Orijinal tasarımda iki modül modülü vardır. Neyse ki, Divi’nin hızlı bir çözümü var: sadece bir kağıt yığını gibi görünen simgeye tıklayarak ilk geçiş modülünüzü çoğaltın. Bitirdikten sonra Kaydet’i ve Çıkın’ı tıklayın. Mutlu! Divi varsayılan işlevinde sadece birkaç basit ayarla gerçekten olağanüstü bir ses modülü yaptınız.
Yarın: Bölüm 2 – Retro Records’tan esinlenen bir divi ses modülü nasıl yapılır, dizimizin bir sonraki kurulumu için yarın bize katılın, burada en sevdiğiniz klasik müziği oynamak için mükemmel retrodan esinlenen ses modülünü nasıl çoğaltacağımı göstereceğim veya indie rock en son. Büyük duyuruları, yararlı ipuçlarını veya divi freebie’yi asla kaçırmayacak şekilde e -posta bültenimize ve YouTube kanalımıza abone olduğunuzdan emin olun!
