Premiere Pro Eğitimleri

Premiere Pro'da Akıcı Web Sitesi Kaydırma Nasıl Yapılır

Web sayfasının tamamını tek bir görsel olarak yakalayın ve Premiere Pro'da Transform keyframe'leri, Ease Out ve hareket bulanıklığıyla akıcı bir kaydırma için canlandırın.

Motion GraphicsPremiere Pro
Website page shown in the Premiere Pro Program Monitor for a smooth scrolling animation

Eğitimi izleyin

Adım 1: Tam sayfa ekran görüntüsü uzantısı yükleyin

Tüm sayfayı tek bir görsel olarak almak için tam sayfa ekran görüntüsü uzantısına ihtiyacınız var. Eğitimde ücretsiz Chrome uzantısı GoFullPage - Full Page Screen Capture kullanılıyor. Chrome Web Store'dan yükleyin, tarayıcınızın uzantılar menüsünde görünür.

Chrome Web Store'daki GoFullPage - Full Page Screen Capture uzantısı

Adım 2: Web sayfasını yakalayın

Göstermek istediğiniz web sitesini açın, Extensions simgesine ve ardından GoFullPage'in kamera simgesine tıklayın. Uzantı tüm sayfanın birkaç ekran görüntüsünü alır ve bunları tek bir uzun görselde birleştirir. Bittiğinde PDF veya PNG olarak indirebilirsiniz. Download image (PNG) seçeneğini seçin.

GoFullPage uzantısındaki Download image (PNG) düğmesi

Adım 3: Görseli Premiere Pro'ya yerleştirin

PNG'yi içe aktarın ve zaman çizelgesine sürükleyin. Sayfanın üst kısmı kadrajınızı dolduracak şekilde büyütün ve konumlandırın; bu sizin başlangıç konumunuzdur. Görsel genişliği video genişliğinizle eşleştiğinde en iyi sonucu verir.

QuickPaste ile daha hızlı: görseli kopyalayın ve önce dosyayı kaydedip içe aktarmadan tek bir kısayolla doğrudan zaman çizelgenize yapıştırın. QuickPaste'e göz atın

Adım 4: Transform efektini ve bir Position keyframe'i ekleyin

Effects panelinde Transform arayın (Video Effects > Transform) ve görselin üzerine sürükleyin. Effect Controls içinde Transform bölümünü açın, oynatma kafasını başa getirin ve ilk keyframe'i oluşturmak için Position yanındaki kronometreye tıklayın. Ardından zaman çizelgesinde ilerleyin ve sayfanın bitirmek istediğiniz bölümüne gelene kadar görseli yukarı sürükleyin veya Position değerini değiştirin. Premiere Pro ikinci keyframe'i otomatik ekler.

Premiere Pro Effect Controls'te Transform efektindeki Position kronometresi

Adım 5: Kaydırmayı Ease Out ile yumuşatın

Keyframe'leri seçin, birine sağ tıklayın, Temporal Interpolation ve ardından Ease Out seçeneğini seçin. Kaydırma artık tam hızla başlıyor ve yumuşak bir duruşa yavaşlıyor; bu da düz doğrusal bir hareketten çok daha doğal görünür.

Premiere Pro'da Ease Out'lu Temporal Interpolation menüsü

EaseFlow ile daha akıcı: keyframe'leri seçin ve Bezier tutamaçlarını sürüklemek yerine tek tıkla gerçek bir easing eğrisi uygulayın. EaseFlow'a göz atın

Adım 6: Hız eğrisine ince ayar yapın ve hareket bulanıklığı ekleyin

Tam kontrol için Position yanındaki oku genişletin ve hız grafiğini ve tutamaçlarını göstermek için bir keyframe'e tıklayın. Kendi eğrinizi şekillendirmek için tutamaçları sürükleyin. Yeter ki tutamaçları yukarı çekmeyin; çünkü görsel hedefi aşar ve animasyonu bozar. Daha fazla gerçekçilik için Transform efektinde Use Composition's Shutter Angle işaretini kaldırın ve sayfa kayarken hareket bulanıklığı eklemek için Shutter Angle değerini artırın.

Premiere Pro Effect Controls'te tutamaçlı Position hız grafiği

İpuçları

  • Geniş bir pencerede yakalayın. Daha büyük bir tarayıcı penceresi, görsel Premiere Pro'da ölçeklendirildiğinde daha net bir görüntü verir.
  • Küçük bölümler halinde kaydırın. Çok uzun sayfalarda daha fazla keyframe ekleyin; böylece sayfa her bölümde duraklar.

SSS

Premiere Pro'da bir web sitesini nasıl kaydırırım?

Tüm sayfayı tek bir PNG olarak yakalayın, Transform efektini ekleyin ve Position'ını görselin üstünden altına keyframe'lerle canlandırın, ardından keyframe'leri yumuşatın.

Kaydırmam neden sarsıntılı görünüyor?

Keyframe'ler varsayılan olarak doğrusaldır. Ease Out veya bir easing eğrisi uygulayın ve Shutter Angle ayarıyla biraz hareket bulanıklığı ekleyin.

Transform efektine ihtiyacım var mı?

Önerilen yol budur. Position'ı görselin kendisi üzerinde çalışır ve hareket bulanıklığı için size Shutter Angle sağlar.

Sayfanızın yanında göstermek için animasyonlu öğeler mi arıyorsunuz? Motion graphic şablonlarımıza göz atın.