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.

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.

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.

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.

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








