oleh 
Tonton tutorialnya
Langkah 1: Pasang ekstensi screenshot halaman penuh
Untuk mendapatkan seluruh halaman sebagai satu gambar, kamu butuh ekstensi screenshot halaman penuh. Tutorial ini memakai ekstensi Chrome gratis GoFullPage - Full Page Screen Capture. Pasang dari Chrome Web Store dan ekstensi itu akan muncul di menu ekstensi browsermu.
Langkah 2: Tangkap halaman web
Buka situs yang ingin ditampilkan, klik ikon Extensions lalu ikon kamera GoFullPage. Ekstensi ini mengambil beberapa screenshot seluruh halaman dan menyambungkannya menjadi satu gambar panjang. Setelah selesai, kamu bisa mengunduhnya sebagai PDF atau PNG. Pilih Download image (PNG).
Langkah 3: Taruh gambar di Premiere Pro
Impor PNG dan seret ke timeline. Perbesar dan posisikan agar bagian atas halaman memenuhi framemu, itulah posisi awalmu. Ini paling cocok jika lebar gambar sama dengan lebar videomu.
Lebih cepat dengan QuickPaste: salin gambar dan tempel langsung ke timeline dengan satu pintasan, tanpa perlu menyimpan dan mengimpor file dulu. Lihat QuickPaste
Langkah 4: Tambahkan efek Transform dan keyframe Position
Cari Transform di panel Effects (Video Effects > Transform) dan seret ke gambar. Di Effect Controls, buka bagian Transform, pindahkan playhead ke awal, lalu klik stopwatch di sebelah Position untuk membuat keyframe pertama. Kemudian maju di timeline dan seret gambar ke atas, atau ubah nilai Position, sampai mencapai bagian halaman tempat kamu ingin berakhir. Premiere Pro menambahkan keyframe kedua secara otomatis.
Langkah 5: Haluskan scroll dengan Ease Out
Pilih keyframe, klik kanan salah satunya, pilih Temporal Interpolation lalu Ease Out. Scroll sekarang dimulai dengan kecepatan penuh dan melambat hingga berhenti dengan lembut, yang terlihat jauh lebih alami daripada gerakan linear lurus.
Lebih halus dengan EaseFlow: pilih keyframe dan terapkan kurva easing sungguhan dengan satu klik, tanpa perlu menyeret handle Bezier. Lihat EaseFlow
Langkah 6: Atur kurva kecepatan dan tambahkan motion blur
Untuk kontrol penuh, buka panah di sebelah Position dan klik keyframe untuk menampilkan grafik kecepatan beserta handle-nya. Seret handle untuk membentuk kurvamu sendiri. Hanya saja jangan tarik handle ke atas, karena gambar akan melampaui target dan merusak animasi. Untuk realisme ekstra, hapus centang Use Composition's Shutter Angle pada efek Transform dan naikkan Shutter Angle untuk menambah motion blur saat halaman di-scroll.
Tips
- Tangkap di jendela yang lebar. Jendela browser yang lebih besar menghasilkan gambar lebih tajam saat diskalakan di Premiere Pro.
- Scroll per bagian kecil. Untuk halaman yang sangat panjang, tambahkan lebih banyak keyframe agar halaman berhenti sejenak di setiap bagian.
FAQ
Bagaimana cara membuat website ter-scroll di Premiere Pro?
Tangkap halaman penuh sebagai satu PNG, tambahkan efek Transform, dan animasikan Position-nya dengan keyframe dari atas gambar ke bawah, lalu haluskan keyframe-nya.
Mengapa scroll saya terlihat patah-patah?
Keyframe bersifat linear secara default. Terapkan Ease Out atau kurva easing dan tambahkan sedikit motion blur lewat pengaturan Shutter Angle.
Apakah saya perlu efek Transform?
Itu cara yang direkomendasikan. Position-nya bekerja pada gambar itu sendiri dan memberimu Shutter Angle untuk motion blur.
Mencari aset animasi untuk ditampilkan di samping halamanmu? Jelajahi template motion graphic kami.
