Studio Editor: Bölümünüzün Arka Planını Değiştirme

8 dakikalık okuma
Her bir bölümü müşterinizin ihtiyaçlarına uygun şekilde tasarlayabilirsiniz. Bölüm arka planı için bir renk, gradyan, görüntü veya video seçin. İlgi çekici bir desen kaplaması ekleyin ve arka planın içerikten daha fazla dikkat çekmemesini sağlamak için opaklığı ayarlayın. 
Kesme noktalarıyla çalışma:
Tüm cihazlarda ideal görünümü yakalamak için her kesme noktasında farklı arka plan ayarlayabilirsiniz. 
Bu makalede öğrenecekleriniz:
İpucu:
Tasarım sürecini hızlandırmak amacıyla Öge Ekle panelindeki Bölümler altında çok sayıda tamamen duyarlı hazır bölümler oluşturduk.

Bölüm arka planına renk ekleme

Bölüm arka planı için tema renklerinden birini seçebilir veya özel bir renk belirleyebilirsiniz. Ardından, daha silik bir arka plan tercih ediyorsanız, opaklığı değiştirebilirsiniz.

Bir bölümün arka plan rengini değiştirmek için:

  1. İlgili bölümü seçin.
  2. Editörün sağ üstündeki Denetçiyi Aç simgesine  tıklayın.
  3. Tasarım altındaki renk kutusuna tıklayın.
  4. Tercihinize bağlı olarak bir renk seçin:
    • Tema renkleri: Site renkleri arasından seçim yapın.
    • Renklerim: Mevcut özel renklerden birini seçin.
    • Yeni renk: Renk Seçici paneline yeni bir renk eklemek için + Ekle'ye tıklayın. 
  5. (İsteğe bağlı) Rengin opaklığını artırmak veya azaltmak için kaydırıcıyı kullanın.
Studio Editor'daki Denetçi panelinde Renk Seçici'den bölüm arka planı için renk seçme

Bölüm arka planına gradyan ekleme

Studio Editor, bölümünüzün arka planı için farklı gradyan türleri sunar:
  • Dairesel, Doğrusal veya Konik gradyan : En fazla 8 renk seçin ve gradyanlardaki her bir rengin opaklığını belirleyin. İstediğiniz görünümü elde etmek için açıyı (Doğrusal), odak noktasını (Dairesel) veya her ikisini birden (Konik) ayarlayabilirsiniz.
  • Akışkan gradyan: Bu gradyan ihtiyaç duyduğunuz kadar rengi karıştırarak ağ benzeri bir efekt oluşturmanıza olanak sağlar. Gradyandaki her bir rengin opaklığını, boyutunu ve yayılımını kontrol edebilirsiniz. 

Bir bölüme gradyan arka plan eklemek için:

  1. İlgili bölümü seçin.
  2. Editörün sağ üstündeki Denetçiyi Aç simgesine  tıklayın.
  3. Tasarım altındaki renk kutusuna tıklayın.
  4. Her bir gradyan türünü nasıl oluşturacağınızı öğrenmek için aşağıya tıklayın:
Studio Editor'da bölüm arka planı için akışkan gradyan ayarlama

Bölüm arka planına görüntü ekleme

Bölümünüzün arka planına bir görüntü ekleyin ve istediğiniz kısmının her zaman görünür olması için odak noktasını ayarlayın. Kendi yüklediğiniz görsellerden birini kullanabilir, Wix / Unsplash üzerinden ücretsiz bir görsel ekleyebilir veya bir Shutterstock görseli satın alabilirsiniz. 
İpucu:
Görüntünüzün üzerine bir renk veya gradyan kaplaması ekleyebilirsiniz. Renk veya gradyan seçmek için renk kutusuna tıklayın, ardından bu katmanın opaklığını ayarlamak için kaydırıcıyı sürükleyin.  

Bir sayfa bölümüne görüntü arka planı eklemek için:

  1. İlgili bölümü seçin.
  2. Editörün sağ üstündeki Denetçiyi Aç simgesine  tıklayın.
  3. Medya simgesinin altındaki Görsel veya Video Ekle'ye tıklayın. 
  4. (Medya Yöneticisi'nde) Tercihinize göre devam edin: 
    • Kendinize ait bir görseli seçin veya yükleyin.
    • Ücretsiz görsellerimizden birini kullanmak için Wix Medya Dosyaları veya Unsplash sekmesine tıklayın.
    • Görsel satın almak için Shutterstock sekmesine tıklayın. 
  5. Arka Planı Değiştir'e tıklayın.
  6. (İsteğe bağlı) Denetçi panelinde görüntü arka planını özelleştirin:
    • Odak Noktası: Ekran yeniden boyutlandırılsa bile görselin her zaman görünür olmasını istediğiniz kısmını seçmek için Odak Noktası simgesine tıklayın.
    • Opaklık: Görselin görünürlüğünü değiştirmek için kaydırıcıyı sürükleyin.
    • Sığdırma Seçenekleri: Görselin bölüme nasıl sığacağını belirlemek için açılır menüye tıklayın.
Studio Editor'daki Denetçi panelinde bölüm arka planına görüntü uygulama

Bölüm arka planına video ekleme

Bölümünüze hareket hissi katmak için bir video arka planı ekleyin. Videonun odak noktasını seçebilir, oynatma hızını değiştirebilir ve döngüde oynatılıp oynatılmayacağına karar verebilirsiniz.
Arka planınız için kullanabileceğiniz eksiksiz bir ücretsiz video kütüphanemiz var, ancak kendi dosyalarınızı kullanabilir veya Shutterstock'tan bir video satın alabilirsiniz.
İpucu:
Video arka planınızın üzerine bir renk veya gradyan kaplaması ekleyebilirsiniz. Renk veya gradyan seçmek için renk kutusuna tıklayın, ardından bu katmanın opaklığını ayarlamak için kaydırıcıyı sürükleyin.  

Bir sayfa bölümüne video arka planı eklemek için:

  1. İlgili bölümü seçin.
  2. Editörün sağ üstündeki Denetçiyi Aç simgesine  tıklayın.
  3. Medya simgesinin altındaki Görsel veya Video Ekle'ye tıklayın. 
  4. (Medya Yöneticisi'nde) Tercihinize göre devam edin: 
    • Kendi videonuzu seçin veya yükleyin.
    • Ücretsiz görsellerimizden birini kullanmak için Wix Medya Dosyaları veya Unsplash sekmesine tıklayın.
    • Bir video satın almak için Shutterstock sekmesine tıklayın.
  5. Arka Planı Değiştir'e tıklayın.
  6. (İsteğe bağlı) Denetçi panelinde video arka planını özelleştirin:
    • Odak Noktası: Ekran yeniden boyutlandırılsa bile videonun her zaman görünür olmasını istediğiniz kısmını seçmek için Odak Noktası simgesine tıklayın.
    • Opaklık: Videonun görünürlüğünü değiştirmek için kaydırıcıyı sürükleyin.
    • Oynatma hızı: Oynatma hızını (ör. Normal, 0.25x, 1.25x, vb. ) belirlemek için açılır menüye tıklayın.
    • Döngüde çal: Videonun oynatılma şeklini değiştirmek için geçiş düğmesine tıklayın:
      • Etkin: Video arka planda sonsuz bir döngüde oynatılır. 
      • Devre Dışı: Video yalnızca bir kez oynatılır ve ardından durur.  
İşleyişini görmek mi istiyorsunuz?
Tuval üzerinde nasıl göründüğünü kontrol etmek için videonuzdaki Oynat düğmesine tıklayın.
Studio Editor'da bir video arka planını tuval üzerinde önizleme

Bölüm arka planına desen kaplaması ekleme

Bölümünüzün arka planına ilgi çekici bir desen uygulayın. Aralarından seçim yapabileceğiniz, farklı renk ve boyutlarda çeşitli desenler sunuyoruz. Listeye göz atın ve beğendiğiniz desenlere tıklayarak arka planla nasıl uyum sağladıklarını kontrol edin.

Bölüm arka planına bir desen kaplaması eklemek için:

  1. İlgili bölümü seçin.
  2. Editörün sağ üstündeki Denetçiyi Aç simgesine  tıklayın.
  3. Arka Plan Kaplaması altındaki Desen Kaplaması Uygula geçiş düğmesini etkinleştirin. 
  4. Mevcut desenlere göz atın. Kaplama olarak eklemeyi düşündüğünüz bir desene tıklayın ve arka plana nasıl uygulandığını görün.  
Studio Editor'da desen kaplamalarını mevcut bir bölüme uygulayarak keşfetme

Bu içerik yardımcı oldu mu?

|