Tutorial Premiere Pro

Cara Membuat Efek Loading Bar di Premiere Pro

Buat animasi progress bar yang mengisi bagian bawah video dengan shape persegi panjang dan keyframe Scale Width di Premiere Pro.

Motion GraphicsPremiere Pro
Red progress bar along the bottom of an aerial river shot in Premiere Pro

Tonton tutorialnya

Langkah 1: Gambar persegi panjang

Taruh klip kamu di timeline dan pindahkan playhead ke awal sekali. Di toolbar, klik dan tahan tool shape lalu pilih Rectangle Tool. Setelah itu klik dan seret di Program Monitor untuk menggambar persegi panjang di bagian mana saja pada gambar. Premiere menambahkannya sebagai klip Graphic di track di atas footage kamu.

Program Monitor Premiere Pro dengan persegi panjang abu-abu di atas footage drone dan klip Graphic di V2 di atas tiga klip video

Langkah 2: Letakkan bar di tepi bawah

Pindah ke Selection Tool dengan menekan V, lalu seret persegi panjang ke bagian bawah frame. Tarik handle-nya sampai selebar gambar dan setebal yang kamu mau. Bar tipis terlihat lebih rapi daripada yang tebal. Snapping ke tepi frame membantu kamu menyejajarkannya dengan pas.

Langkah 3: Samakan panjang grafik dengan videomu

Progress bar baru masuk akal kalau berjalan selama seluruh video. Di timeline, seret ujung klip Graphic sampai mencapai akhir klip terakhirmu. Di video, grafiknya menutupi ketiga klip di bawahnya.

Timeline Premiere Pro dengan klip Graphic di V2 yang ditarik sampai akhir tiga klip video di V1

Langkah 4: Ganti warna

Dengan grafik terpilih, buka Effect Controls lalu kembangkan Shape (Shape 01) dan kemudian Appearance. Klik swatch warna Fill untuk membuka Color Picker dan pilih warnamu. Video ini memakai merah cerah, tapi kamu bisa menyesuaikan dengan warna brand atau memakai eyedropper untuk mengambil warna dari footage. Biarkan Stroke tetap mati supaya bar-nya bersih.

Effect Controls Premiere Pro dengan Fill pada Shape Appearance berwarna merah dan bar merah di bawah Program Monitor

Langkah 5: Atur anchor point dan matikan Uniform Scale

Supaya bar tumbuh dari kiri ke kanan, bar harus diskalakan dari tepi kirinya. Di Effect Controls, di bawah Vector Motion, geser Anchor Point sampai berada di ujung kiri bar (di video ini caranya dengan mengubah nilai Anchor Point dan menjaga Position tetap sejalan). Lalu hapus centang Uniform Scale. Ini membuka Scale Width sehingga kamu bisa mengubah lebar saja tanpa mengubah tinggi.

Langkah 6: Animasikan Scale Width

Pergi ke frame pertama grafik, klik stopwatch di sebelah Scale Width dan atur nilainya ke 0, supaya bar mulai dalam keadaan tak terlihat. Lalu lompat ke frame terakhir grafik dan atur Scale Width ke 100. Premiere membuat keyframe kedua secara otomatis. Tekan spasi untuk memutar dan lihat bar mengisi layar dari kiri ke kanan sepanjang video.

Effect Controls Premiere Pro dengan Uniform Scale tidak dicentang, stopwatch Scale Width aktif, dan warna Fill merah

Lebih halus dengan EaseFlow: pilih keyframe Scale Width dan terapkan kurva easing sungguhan dengan satu klik, tanpa menyeret handle Bezier. Lihat EaseFlow

Tips

  • Biarkan linear untuk progress bar yang sebenarnya. Bar yang tumbuh dengan kecepatan konstan sejalan dengan playhead, sedangkan bar dengan easing mulai dan berakhir pelan, yang lebih terasa seperti animasi loading.
  • Buat animasi loading singkat. Potong grafik jadi beberapa detik dan animasikan Scale Width dalam waktu itu untuk mendapatkan loading bar cepat untuk intro atau transisi.
  • Tambahkan bar kedua. Duplikat grafiknya, ganti warnanya, dan letakkan di belakang yang pertama untuk membuat jalur yang diisi oleh bar.

FAQ

Bagaimana cara membuat loading bar di Premiere Pro?

Gambar persegi panjang dengan Rectangle Tool, pindahkan Anchor Point ke tepi kiri, hapus centang Uniform Scale, lalu keyframe Scale Width dari 0 ke 100.

Kenapa bar saya tumbuh dari tengah, bukan dari kiri?

Anchor Point masih berada di tengah shape. Pindahkan Anchor Point ke ujung kiri bar supaya skala dimulai dari sana.

Bisakah ini dipakai sebagai progress bar video untuk YouTube atau TikTok?

Bisa. Letakkan bar di bagian bawah frame, panjangkan grafik sampai selama video, lalu animasikan Scale Width dari 0 ke 100 dalam rentang waktu itu.

Mau grafik animasi siap pakai yang jalan hanya dengan beberapa klik? Lihat template motion graphic kami untuk Premiere Pro. Lihat template