Adobe Muse'u kullanarak bir web sitesinin Tarayıcı ve Arka Plan dolgularına Kaydırma efektleri eklemeyi öğrenin.

Not:

Adobe Muse artık yeni özellikler eklemeyecek ve 26 Mart 2020'de desteği sonlandıracak. Ayrıntılı bilgi ve yardım için bkz. Adobe Muse hizmet sonu sayfası.

Tarayıcı Dolgusu olarak ayarlanmış görüntülere kaydırma efektleri uygulama

Kaydırma efektleri, tarayıcıdaki arka plan dolgusu görüntülerinin ve döşenmiş ya da döşenmemiş sayfa öğelerinin hızını kontrol etmenizi sağlar. Kaydırma efektleri döşenmiş, sığacak şekilde ölçeklenmiş, dolduracak şekilde ölçeklenmiş veya orijinal boyutuna ayarlanmış arka plan görüntüleri kullanan tarayıcı dolgusuna uygulanabilir. Tarayıcı dolgusu, Tarayıcı Dolgusu menüsündeki Kaydır bölümünde ayarlamış olduğunuz yönlere ve hız değerlerine göre sayfa kaydırıldıkça bir yön doğrultusunda hareket eder.

Not:

Kaydırma seçenekleri, Tarayıcı Dolgusu menüsünü kullanarak tarayıcı dolgusunun arka planına bir görüntü ekleyene kadar kullanılamaz. Yalnızca düz veya degrade renkle doldurulan bir tarayıcı dolgusuna kaydırma efektleri uygulanamaz.

Tarayıcı Dolgusuna nasıl Kaydırma Efekti eklenir?

Tarayıcı dolguları için kaydırma hareketi efektlerini aşağıdaki adımları izleyerek ayarlayabilirsiniz:

  1. Tasarım görünümünde Sayfa > Sayfa Özellikleri'ni seçin. Mizanpaj sekmesinde, Min. Yükseklik alanını 2000 piksel değerine ayarlayın. Böylelikle sayfanın kaydırılabilecek uzunlukta olmasını sağlarsınız. Tamam'ı tıklatarak değişiklikleri kaydedin ve Sayfa Özellikleri iletişim kutusunu kapatın.
Sayfanın uzun olmasını sağlamak için Sayfa Özellikleri iletişim kutusunda Min. Yükseklik alanını güncelleyin.
Sayfanın uzun olmasını sağlamak için Sayfa Özellikleri iletişim kutusunda Min. Yükseklik alanını güncelleyin.

  1. Kontrol panelinde Tarayıcı Dolgusu bağlantısını tıklatın. Dolgu sekmesinde, Görüntü bölümünün yan tarafındaki klasör simgesini tıklatarak masaüstünden bir görüntü seçin. Sığdırma menüsünde istediğiniz seçeneği işaretleyin ve Kaydırma seçeneğini etkinleştirin.
Tarayıcı penceresinde görüntülenen bir arka plan görüntüsü ekleyin.
Tarayıcı penceresinde görüntülenen bir arka plan görüntüsü ekleyin.

  1. Kaydır sekmesini tıklatın. Kaydırma Hareketi onay kutusunu etkinleştirin.
Hareket onay kutusunu seçerek Tarayıcı Dolgusu menüsünde kaydırma efektlerini etkinleştirin.
Hareket onay kutusunu seçerek Tarayıcı Dolgusu menüsünde kaydırma efektlerini etkinleştirin.

Tarayıcı Dolgusu menüsündeki Kaydır bölümünü gözden geçirin. Orta bölümdeki alan (şu anda 0 piksel olarak görünmektedir), hareketi kontrol eden temel konuma (T tutamacı konumu) denk gelir. Varsayılan 0 piksel ayarı, T tutamacının tarayıcı penceresinin en üst köşesine ayarlanmış olduğu anlamına gelir.

Temel konum alanında belirtilen piksel sayısı, İlk Hareket bölümünde ayarladığınız değişikliklerin, sayfa bu konumda kaydırılırken hareket edeceği (söz konusu yön ve hızda) anlamına gelir. Sayfanın üst kısmı 0 noktasında başlar ve sayfayı aşağı doğru kaydırdıkça piksel sayısı artar. (Kontrol panelinde ve Dönüştür panelinde, sayfanın üst kısmından itibaren mesafe Y değeri olarak anılır).

Son Hareket bölümüne girilen değerler, sayfa temel konumu (T tutamacının yeri) geçecek şekilde kaydırıldığında görünür.

Hareket uygulanan kaydırma efektini içeren öğe (bu örnekte, döşeme görüntüsü tarayıcı dolgusu olarak ayarlanmıştır) alanda 0'dan büyük bir değerdeki yönde/yönlerde hareket eder. Yatay ve dikey yönlerin değerleri 0 olarak ayarlanmışsa öğe sayfaya iğnelenir ve hareket etmez.

İlk Hareket bölümünde, alanlardaki değerlerin yan taraflarında küçük harfle "x" işareti olduğunu göreceksiniz. Bu işaret katsayıyı simgeler. Tarayıcı Dolgusu görüntüsünde, ilk hareket bölümü tarayıcı dolgusunun kaydırma oranının 1 misli (yani aynı hızda) yukarı yönde hareket edeceğini belirtmektedir. Ziyaretçi sayfayı daha hızlı kaydırırsa kaydırma efektinin hareket hızı aynı tempoya uygun şekilde artar.

Yatay (sol ve sağ) bölümde, alanda "0" değeri görünür. Bu, tarayıcı dolgusunun yatay olarak sağa veya sola doğru hareket etmeyeceği anlamına gelir.

Son Hareket bölümü benzer bir arabirim içerir. Tarayıcı Dolgusu görüntüsünde, tarayıcı dolgusu hareket oranının 1 misli yukarı yönde hareket edecek şekilde ayarlanmıştır ve yatay olarak hareket etmez.

Not:

Farenizi Kaydır sekmesinin sol alt köşesinde bulunan Bilgi düğmesinin (i simgesi) üzerine getirdiğinizde, bir tarayıcı dolgusuna kaydırma efekti uygulama hakkında bilgi alabilirsiniz.

  1. İlk Hareket alanındaki ok düğmelerini tıklatarak tarayıcı dolgusu hareketinin yönünü kontrol etmek üzere dikey yön (yukarı ve aşağı) ve/veya yatay yön (sol ve sağ) belirtebilirsiniz.
  2. İlk Hareket bölümünde sayısal değerler girerek veya yukarı ve aşağı ok düğmelerini tıklatarak yatay ve dikey kaydırma hızını ayarlayın. Aşağıda bu ayarlar hakkında ayrıntılı bilgi verilmektedir. 0 olarak ayarlanan hız alanı, öğenin kaydırma sırasında bu yönde hareket etmeyeceğini ifade eder (temel konuma ulaşmadan önce).
  3. Son Hareket bölümündeki değerleri güncelleyerek istediğiniz yönleri ayarlayın ve ilgili alanlara sayısal değerler girerek kaydırma hareketinin oluşacağı oranı belirleyin.
  4. Tarayıcı Dolgusu menüsünü kapatmak için sayfada herhangi bir yeri tıklatın.
  5. Dosya > Sayfayı Tarayıcıda Önizle'yi seçerek sayfayı yeni bir tarayıcı penceresine yükleyin. Sayfayı kaydırarak kaydırma efektlerinin nasıl oluştuğuna bakın.
  6. Test işlemlerinizi tamamladığınızda tarayıcıyı kapatarak Muse'a geri dönün.

Sayfa öğesi arka plan dolgusuna kaydırma hareketi uygulama

Arka Plan Dolgusuna nasıl Kaydırma Efekti eklenir?

Kaydırma hareketi, sayfada dolgu olarak ayarlanmış döşenmiş veya döşenmemiş arka plan görüntüleri bulunan nesnelere uygulanabilir. Şu adımları uygulayın:

  1. Tasarım görünümünde bir sayfayı düzenlerken Sayfa > Sayfa Özellikleri'ni seçin. Sayfanın kaydırılacak kadar uzun olması için Min. Yükseklik değerini 2000 piksel gibi yüksek bir değere ayarlayın. Tamam'ı tıklatarak değişiklikleri kaydedin ve Sayfa Özellikleri iletişim kutusunu kapatın. Dilerseniz daha fazla sayfa içeriği ekleyerek daha uzun bir sayfa oluşturabilirsiniz.
  2. Tasarım görünümünde, Kontrol panelinde Dikdörtgen aracını seçin.
  3. Sayfada bir dikdörtgen seçin.
  4. Dolgu menüsünü kullanarak döşenmiş veya döşenmemiş bir görüntüyü dikdörtgeni dolduracak şekilde ayarlayın.
Dikdörtgeni dolduracak bir arka plan görüntüsü ekleyin ve Dolgu menüsünden istediğiniz görüntüleme seçeneklerini ayarlayın.
Dikdörtgeni dolduracak bir arka plan görüntüsü ekleyin ve Dolgu menüsünden istediğiniz görüntüleme seçeneklerini ayarlayın.

  1. Dolgu menüsünden Kaydır sekmesini tıklatın ve kaydırma seçeneklerini ayarlayın.
  1. Dolgu menüsünde Kaydır sekmesini tıklatın. Hareket onay kutusunu etkinleştirin ve kaydırma seçeneklerini ayarlamaya başlayın.
Dolgu menüsündeki Kaydır sekmesini kullanarak kaydırma efektleri için Hareket seçeneğini etkinleştirin.
Dolgu menüsündeki Kaydır sekmesini kullanarak kaydırma efektleri için Hareket seçeneğini etkinleştirin ve hareketin yönünü ve oranını ayarlayın.

Öğenin üstünde görünen T tutamacının kaydırma hareketi için etkinleştiğini göreceksiniz. Tutamaç, temel konumun görsel temsilidir (temel konum şu anda öğenin 100 piksel üst kısmına ayarlıdır). Kaydır sekmesinin orta bölümündeki simge, sayfada T tutamacının yerine denk gelir. Temel konumları sıfırlayabilir ve ortadaki alana yeni bir değer girerek veya T tutamacını sayfada sürükleyerek kaydırma efektlerinin ne zaman oluşacağını belirtebilirsiniz. T tutamacını sürüklediğinizde temel konumun üst kısmındaki alan geçici olarak karartılır.

Temel konumun görsel temsili olan T tutamacını tıklatıp sürükleyin.
T tutamacını tıklatıp sayfada dilediğiniz bir konuma sürükleyin.

Not:

T tutamacının seçilen öğeyle bağlantılı olarak yukarı yönde genişlemesi gerekmez. T tutamacını tıklatıp sürükleyerek bir öğenin üst köşesiyle hizalayabilir veya tutamacı sürükleyerek bir öğenin alt kısmına doğru genişletebilirsiniz.

Muse, tasarım sürecinde tam esneklik sağlar. Tutamaçları sürüklemek veya temel konum alanına sayısal değerler girmek arasında tercih yapabilir ve ziyaretçi sayfayı kaydırdığında oluşan hareketi tam olarak kontrol edebilirsiniz.

Dolgu menüsündeki Kaydır sekmesi, Tarayıcı Dolgusu menüsündeki Kaydır sekmesiyle aynı biçimde çalışır:

  1. Hareket kaydırma efektlerinin etkin olduğu bir öğe seçildiğinde, Dolgu menüsündeki Kaydır sekmesini kullanarak temel konumu sayısal olarak belirleyebilir veya T tutamacını tıklatıp sayfada sürükleyerek temel konumu ayarlayabilirsiniz.
  2. İlk Hareket alanında, yatay ve dikey yönleri ve sayfanın kaydırılma hızıyla bağlantılı olarak ilgili hız oranını ayarlayın. Böylelikle sayfa kaydırılarak temel konuma ulaşmadan önce oluşacak hareketi belirlemiş olursunuz.
  3. Son Hareket alanında, yatay ve dikey yönleri ve sayfanın kaydırılma hızına bağlantılı olarak ilgili hız oranını ayarlayın. Böylelikle sayfa kaydırılarak temel konuma ulaştıktan sonra oluşacak hareketi belirlemiş olursunuz.

Not:

Kaydırma özelliklerine sahip görüntüde, dikdörtgen sağa doğru hareket edecek şekilde ayarlanmıştır. Dikdörtgen, ziyaretçinin kaydırma hızının 3 misli hızda belirlenen konuma doğru hareket eder ve tarayıcıdaki sayfa temel konuma ulaştığında yerine oturur. Ziyaretçi sayfayı kaydırarak temel konumu aştığında (100 piksel), dikdörtgen konumundan çıkarak ziyaretçinin kaydırma hızının 3 misli hızda sola doğru hareket etmeye başlar. Bu örnekte, dikdörtgenin dikey yönde hareket etmemesinin sebebi yatay ve dikey alanların 0 olarak ayarlanmış olmasıdır.

  1. Dolgu menüsünü kapatmak için sayfada herhangi bir yeri tıklatın.
  2. Önizleme düğmesine basarak veya Dosya > Sayfayı Tarayıcıda Önizle'yi seçerek uyguladığınız kaydırma efektlerini test edin. Sayfayı kaydırarak öğenin nasıl hareket ettiğini kontrol edin.
  3. Test işlemlerini tamamladığınızda Muse'a geri dönebilir veya Tasarım düğmesine basıp sayfayı düzenlemeye devam edebilirsiniz.

Bu çalışma Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License kapsamında lisanslanmıştır  Creative Commons şartları, Twitter™ ve Facebook sitelerinde paylaşılanları kapsamaz.

Yasal Uyarılar   |   Çevrimiçi Gizlilik İlkesi