Cara membuat progress bar di after effects

Cara Membuat Progress Bar di After Effects

Di tutorial kali ini kita akan belajar membuat progress bar di After Effects dengan mudah.

Cara Membuat Progress Bar di After Effects
Hasil akhir!
Hasilnya akan terlihat seperti ini:

Rincian tutorial
· Program: After Effects CC 2018
· Perkiraan Waktu Penyelesaian: 30 menit
· Kesulitan: Sedang
Referensi
· Video
Progres bar ini bisa kalian gunakan untuk menambah animasi yang unik di dalam video, jika kalian senang membuat konten video yang sering menambah animasi maka progress bar ini patut kalian coba.
Cara membuatnya sangat mudah dengan mengikuti beberapa langkah di bawah ini:

Cara membuat Pogress Bar di After Effects

1 – Buat composition baru

2 – Klik Pen Tool

Cara Membuat Progress Bar di After Effects
Kemudian atur:
Fill : none
Stroke : solid color


Setelah itu klik title/action safe seperti pada gambar.

3 – Atur pada menu shape layer


Add > Trim Paths


Kemudian klik stopwatch pada Trim Paths dan atur 0% pada frame pertama.


Pada Frame selanjutnya atur pada 100%.


Atur kedua keyframes tersebut menjadi easy ease (F9) atau klik kanan: keyframe assistant > easy ease (F9).

Setelah itu klik Graph Editor dan tarik posisinya seperti pada gambar.

Baca Juga: Cara Membuat Logo Animasi Premiere League di After Effects

4 – Buat Shape Layer baru


Sesuaikan dengan shape yang telah kita buat di awal tadi.
Atur shape layer baru dengan fill: none, stroke: 3px.

5- Buat Teks Baru


Teks ini untuk memberi informasi angka pada progress bar. Setelah itu pada menu effects dan presets, cari Slider Control dan masukkan pada teks baru tersebut.


Klik alt+stopwatch di source text dan tulis Math.round( ) seperti pada gambar.


Setelah itu tarik (drag) parent source text ke slider (slider control) seperti pada gambar.

6 – Mengatur Keyframe sesuai Slider Control


Atur keyframe pertama 0% dan keyframe selanjutnya 100%.


Kemudian atur keyframe menjadi easy ease dan klik pada graph editor seperti pada langkah sebelumnya.

7 – Tambahkan motion blur ke semua layer


Tambah motion blur ke semua layer seperti pada gambar untuk memperhalus gerakannya.

8 – Selesai

Itulah tutorial cara membuat progress bar di after effects. Siilahkan komentar di bawah jika belum mengerti dengan tutorial di atas atau masih baru dalam menggunakan after effects.