After Effect Slider Number Koma Desimal

Adobe After Effects adalah produk peranti lunak yang dikembangkan oleh Adobe, digunakan untuk film dan pos produksi pada video. Pada awalnya merupakan sebuah software produk dari Macromedia yang sekarang sudah menjadi salah satu produk Adobe.

Adobe After Effects adalah sebuah software yang sangat profesional untuk kebutuhan Motion Graphic Design. Dengan perpaduan dari bermacam-macam software Design yang telah ada, Adobe After Effects menjadi salah satu software Design yang handal. Disamping itu, membuat animasi dengan Adobe After Effects, juga bisa dilakukan dengan hanya mengetikkan beberapa kode script yang biasa disebut Expression untuk menghasil pergerakan yang lebih dinamis.

Adobe After Effect memiliki tiga fungsi utama, yaitu compositing, efek, dan animasi. Jenis animasi yang menjadi unggulan dari After Effect adalah motion graphics, yang mana Anda dapat membuat logo, teks, atau grafis menjadi bergerak.

Terdapat salah satu fitur effect yang dapat dipakai untuk membuat animasi penghitungan nomor secara otomatis baik hitungan maju (count up) atau hitungan mundur (count down).

Fitur ini adalah Slider Control. Kamu bisa mencarinya di menu Effect > Expression Control > Slider Control

 

Berikut cara penggunannya:

  • Buatlah Layer text, ketik nomor yang kamu inginkan

  • Gunakan effect slider control pada layer text. Pilih menu Effect >  Expression Control > Slider Control
  • Buka bagian effect dan text pada layer text, lalu hubungkan parent link text ke effect slider. Maka angka akan berubah menjadi 0.

paret link

  • Buatlah keyframe awal dan keyframe akhir, lalu masukan angka pada slider sesuai nomor yang kamu mau di tiap keyframenya.

 

yuk simak juga, Solusi After effect muncul invalid operation

 

buat keyframe

  • Jika kamu test play sekarang, maka animasi nomor akan berjalan dari nomor yang kamu masukan di frame awal, hingga nomor yang kamu masukkan di frame akhir. Namun pada saat animasi nomor terdapat koma (,) di belakang dan banyak nomor yang mengikutinya.
  • Untuk menjadikannya hanya 2 angka desimal di belakang koma, maka kamu perlu memasukkan script expression pada text.
  • Tekan alt, lalu klik source text, lalu masukan script dibawah ini.

 

t = effect(“Slider Control”)(“Slider”)

d = 100;

x = Math.round(t*d)/d

x.toString().replace(“.”,”,”)

 

masukan script

  • Jika ingin menambahkan text dibelakang angka seperti persen (%), juta, GB, maka tambahkan lah script +”%”, sehingga script nya menjadi seperti di bawah ini.

 

t = effect(“Slider Control”)(“Slider”)

d = 100;

x = Math.round(t*d)/d

x.toString().replace(“.”,”,”)+”%”

 

  • Jika kamu hanya ingin count up atau count down dengan angka bulat. Maka masukan scriptnya seperti dibawah ini.

 

Math.round(effect(“Slider Control”)(“Slider”))

 

Terimakasih telah membaca semoga, tips/tutorial After Effect Slider Number Koma Desimal ini dapat membantu