Paralaks bileşeni

Resim katmanları ile derinlik yanılsaması oluşturmak için Paralaks bileşenini kullanın. Görüntüleyen kişiler, bir mobil cihazda sayfayı yukarı veya aşağı kaydırdığında, ön plan ve arka plan resimleri farklı hızlarda hareket eder.

Bu bileşen yalnızca Display & Video 360 Paralaks reklam öğelerinde kullanılmak üzere tasarlanmıştır.

Projenize Paralaks bileşeni eklemek için:

1. Bileşenler panelini, ardından Etkileşim klasörünü açın.
2. Paralaks bileşenini sahneye sürükleyin.
3. Bileşen düzenleme moduna girmek için bileşeni çift tıklayın.
4. Resim dosyalarını dosya sisteminizden sahneye ya da Katmanlar paneline (yalnızca Windows veya Mac) sürükleyerek veya Katmanlar panelinin alt kısmındaki Resim ekle düğmesini tıklayarak katmanları ekleyin. Yalnızca resimler katmanlar olarak eklenebilir.
5. Başlangıç ve Bitiş sekmelerini kullanarak her katmanı animasyonun başında ve sonunda görünmesi gereken yere konumlandırın. Katmanı istediğiniz yere sürükleyebilir veya Özellikler panelindeki Başlangıç ve Bitiş konumu alanlarını kullanabilirsiniz. Ayrıca, fareyle Başlat sekmesinin sağ tarafının üzerine gelip düğmesini tıklayarak orta durum ekleyebilirsiniz.
6. Gerektiğinde ek yapılandırma seçenekleri ayarlayın.
7. Bileşen istediğiniz gibi olduğunda (üzerinde çalışırken önizleme yapabilirsiniz) Kaydet'i tıklayın. Normal Google Web Designer arayüzüne dönersiniz.

Paralaksa Genel Bakış

Yapılandırma seçenekleri

Yapılandırmak için sahnede bileşeni çift tıklayın veya seçip Özellikler panelinde Ayarlar… seçeneğini tıklayın.

Katman ekleme

Bir katmanı iki şekilde ekleyebilirsiniz:

• Bir dosyayı, dosya sisteminizden (yalnızca Mac veya Windows) veya Kitaplık'tan sahneye veya Katmanlar paneline sürükleyin.
• Katmanlar panelinin alt kısmındaki Resim ekle düğmesini tıklayın.

Paralaks bileşenindeki katmanlar resimlerden oluşmalıdır.

Katmanları taşıma

1. Taşımak istediğiniz katmanı seçin.
2. Başlangıç, Orta veya Bitiş sekmesini seçin. (Henüz yapmadıysanız orta durum ekleyebilirsiniz.)
3. Aşağıdaki yöntemlerden birini kullanarak katmanı konumlandırın:
   • Katmanı yeni konumuna sürükleyin.
   • Katmanı her seferinde bir piksel taşımak için ok tuşlarını kullanın. Katmanı bir yönde 10 piksel taşımak için ilgili ok tuşuna basarken Üst Karakter tuşunu basılı tutun.
   • Katman özellikleri sekmesinde Başlangıç, Orta veya Bitiş konum özelliklerini ayarlayın. Yalnızca geçerli sekmeyle eşleşen özellikleri düzenleyebilirsiniz. Diğer konumu kopyalamak için Eşleşme başlangıç konumu, Eşleşme orta konumu veya Eşleşme bitiş konumu düğmelerini kullanın.

Katmanın konumunu animasyonun başka bir noktasında ayarlamak için başka bir sekmeye geçin.

Resimleri değiştirme

1. Değiştirmek istediğiniz sahnedeki resmi sağ tıklayın ve pop-up menüden Resmi değiştir... seçeneğini belirleyin.
2. Kitaplık'tan bir resim seçin veya bilgisayarınızdaki bir resim dosyasını seçmek için Dosyaları içe aktar düğmesini tıklayın.

Yeni resim, orijinal resmin yerini alır. Değiştirdiğiniz resmi daha önce yeniden boyutlandırdıysanız yeni resim de yeniden boyutlandırılan boyutları kullanır. Aksi halde, yeni resim normal boyutlarını kullanır.

Katmanları yeniden sıralama

Katmanlar panelinde bir katmanı listedeki yeni konumuna sürükleyin.

Katmanların sırası, hangi katmanların diğerlerinin önünde görüntüleneceğini belirler. Listede daha yukarıda yer alan katmanlar, daha aşağıda listelenen katmanların önünde görünür.

Katmanları silme

1. Silmek istediğiniz katmanı seçin.
2. Katmanlar panelinin alt kısmındaki Sil düğmesini tıklayın veya Delete tuşuna basın.

Katmanları yeniden boyutlandırma

1. Yeniden boyutlandırmak istediğiniz katmanı seçin.
2. Katman özellikleri panelinde katmanın genişliğini ve yüksekliğini piksel olarak ayarlayın.
   • Genişlik ve yükseklik arasındaki en boy oranının sabit olup olmayacağını belirtmek için En boy oranını sınırla düğmesini tıklayın.

Katman, animasyon süresinin tamamı için belirtilen boyuta ölçeklenir.

Katman şeffaflığını değiştirme

1. Değiştirmek istediğiniz katmanı seçin.
2. Katman özellikleri panelinde başlangıç veya bitiş şeffaflığını 0 ila 1 arasında bir değere (0 şeffaf, 1 opak) ayarlayın.

Katman animasyonu yumuşak geçişini değiştirme

1. Değiştirmek istediğiniz katmanı seçin.
2. Katman özellikleri panelinde Yumuşak geçiş açılır menüsünden bir yumuşak geçiş türü seçin.

Özel bir yumuşak geçiş değeri kullanılamaz.

Orta durum ekleme

Paralaks bileşeni animasyonu üzerinde daha fazla denetim için bir orta durum ekleyebilir, söz konusu noktada katman özelliklerini değiştirebilirsiniz.

1. Fareyle Başlangıç sekmesinin sağ tarafının üzerine gelip düğmesini tıklayın. Orta sekmesi görünür.
2. Varsayılan olarak, orta durum, animasyonun başlangıcı ve bitişi arasındaki orta noktada oluşur. Animasyon zamanlamasını ayarlayabilirsiniz.
3. Bu noktadaki katman özelliklerini ayarlamak için Orta sekmesine geçin.

Orta durumunu kaldırmak için fareyle Orta sekmesinin sağına gidin ve X simgesini tıklayın.

Animasyon zamanlamasını değiştirme

Paralaks bileşeninin animasyon zamanlaması, animasyonun sayfanın ne kadar içine veya dışına kaydırıldığına göre belirlenir. Varsayılan olarak animasyon, bileşenin üst kenarı sayfa görünümüne girdiğinizde başlar (%0) ve alt kenar, sayfanın üst kısmından kaybolduğunda sona erer (%100). Bir orta durum eklediyseniz bunun animasyon sırasında ne zaman olacağını da ayarlayabilirsiniz. Animasyon zamanlaması iki şekilde ayarlanabilir:

• Animasyon zamanlaması panelinde, başlangıç, orta ve bitiş kutularını veya kaydırma çubuğunu istediğiniz yüzdeye sürükleyin.
• Animasyon zamanlaması panelindeki alanlara başlangıç, orta ve bitiş yüzdelerini girin.

Katmanları gizleme ve gösterme

Katmanlar panelinde katman küçük resminin yanındaki kutuyu tıklayın (Tüm katmanları gizle düğmesinin altında).

Tüm katmanları gizle düğmesini tıklayarak tüm katmanları gizleyebilir veya gösterebilirsiniz.

Bir katmanı gizlemek, başka bir katmanda çalışmayı daha kolay hale getirebilir ve gizli katmanın yapılandırma önizlemesinde görünmesini engeller, ancak tarayıcı önizlemesi veya yayınlanan reklam öğesi üzerinde herhangi bir etkisi yoktur.

İzleri gösterme ve gizleme

1. Bir katman seçin.
2. Katman özellikleri panelinde Gelişmiş özellikler altında İzi göster açma/kapatma anahtarını tıklayın.

İz, şu anda düzenleme yapmadığınız konumlardaki katmanın yarı saydam sürümüdür. Böylece, başlangıç, orta ve bitiş konumlarını görsel olarak karşılaştırabilirsiniz. İzler sadece referans içindir ve önizlemelerde veya yayınlanan dosyada gösterilmez.

Özellikler

Bileşen özellikleri

Bileşen özellikleri, Özellikler panelinde görünür. (Bileşen düzenleme modundan çıkmanız gerekir.)

Özellik	Açıklama
Ad	Paralaks bileşeninin adı.
Kaydırma katsayısı	Görüntüleyenin ne kadar uzağa kaydırdığını gösteren 0 ile 1 arasında bir sayı. Yalnızca Google Web Designer aşamasında görüntülemek için kullanılır. Varsayılan değer 0,5'tir.

Katman özellikleri

Katman özelliklerini bileşen düzenleme modundayken görebilir ve düzenleyebilirsiniz.

Özellik	Açıklama
Ad	Katmanın adı. (Düzenlenemez.)
Başlangıç	Bileşen ilk kez görünüme girdiğinde katmanın bileşenin sol tarafına ve üst kısmına olan mesafesinin (bileşenin üst kenarı, görüntü alanının alt kenarındadır) piksel cinsinden veya yüzde olarak gösterimi. Başlangıç sekmesi seçildiğinde düzenlenebilir.
Orta	Animasyonun orta durumunda, katmanın bileşenin solundan ve üst kısmından olan mesafesinin piksel cinsinden veya yüzde olarak gösterimi. Orta sekmesi seçildiğinde düzenlenebilir.
Bitiş	Bileşen görünümden çıkmak üzereyken katmanın bileşenin sol tarafına ve üst kısmına olan mesafesinin (bileşenin alt kenarı, görüntü alanının üst kenarındadır) piksel cinsinden veya yüzde olarak gösterimi. Bitiş sekmesi seçildiğinde düzenlenebilir.
Boyut	Katmanın genişliği ve yüksekliği. Animasyon süresinin tamamında katmanı etkiler.
Şeffaflık	Katmanın başlangıç ve bitiş şeffaflığı. 0 (şeffaf) - 1 (opak) arasında bir sayı ile gösterilir.
Yumuşatma	Katman animasyonunun yumuşak geçiş türü. Özel bir yumuşak geçiş değeri kullanılamaz.
İzi göster	Etkinleştirildiğinde, etkin olmayan konumlarda (şu anda düzenlemediğiniz konumlar) katmanın yarı saydam bir sürümü görüntülenir.

Etkinlikler

Etkinlikler, reklamınızdaki diğer işlemleri tetiklemek için kullanılabilir. Paralaks bileşeni, aşağıdaki etkinliği gönderir:

Etkinlik	Açıklama
Paralaks yüklendi	Bileşen görüntülenmeye hazır olduğunda gönderilir.

Önizleme

Yapılandırma sırasında

Üzerinde çalışmaya devam ederken Paralaks bileşenini önizleyebilirsiniz:

1. Bileşen düzenleme moduna girmek için sahnede bileşeni çift tıklayın.
2. Üstteki Önizleme sekmesini tıklayın.
3. Görünür katmanların örnek bir mobil cihaz düzeninde nasıl davrandığını görmek için yukarı ve aşağı kaydırın. (Gizli katmanlar görüntülenmez.)
4. Önizleme yaparken bileşeni düzenleyemezsiniz. Başlangıç, Orta veya Bitiş sekmesini tıklayın, değişikliklerinizi yapın ve ardından, bu değişiklikleri görmek için tekrar Önizleme sekmesini tıklayın.

Tarayıcıda

Bileşen düzenleme modundan çıkarak ve Google Web Designer'da Önizleme düğmesini kullanarak bileşeni tarayıcınızda önizleyin. Önizleme sayfası, bileşenin yukarısına ve aşağısına kaydırmanız için yeterli içeriğe sahip bir web sayfasında reklamın nasıl görüntüleneceğinin emülasyonunu yapar.

Aşağıdaki önizleme modu seçeneklerinden birini belirleyebilirsiniz:

• Cihaz - Bir mobil cihaz seçin veya Özel seçeneğini belirleyin.
• Cihazı döndür - Dikey ve yatay arasında geçiş yapın.
• Görüntü alanı boyutu - Cihaz için Özel seçeneğini belirlerseniz bu alanı düzenleyerek veya önizlemenin yeniden boyutlandırma tutma yerlerini sürükleyerek yeni bir boyut ayarlayabilirsiniz.

Paralaks reklamlar, her zaman tarayıcıdaki Paralaks önizleme modunu kullanır.