Tutorial Membuat Animasi Pemutar Musik Menggunakan Adobe Animate CC

oleh

Adobe Animate merupakan aplikasi untuk merancang suatu animasi dan juga aplikasi berbasis android, desktop dan ios. Dalam aplikasi ini kamu bisa merancang suatu aplikasi atau game dengan hanya menggunakan beberapa tehnik seperti movie clip dengan Script yang minimum.

Membuat animasi pemutar musik ini merupakan suatu animasi yang dikemas untuk menyeimbangkan pemutaran lagu di adobe animate. Jadi ketika kamu memasukan suatu media suara maka kamu bisa memberikan sentuhan animasi seperti di aplikasi pemutar musik.

Dalam Tutorial kali ini kita akan mencoba untuk membuat animasi pemutar musik. Animasi ini dibuat dengan menggunakan 2 metode yaitu Movie Clip dan Frame by Frame. Untuk lebih jelasnya kamu bisa mempelajari tentang Frame By Frame Disini : Tutorial Membuat Animasi Orang Berjalan di Adobe Animate CC | Frame By Frame

Cara Membuat Animasi Pemutar Musik Di Adobe Animate CC

Untuk membuat suatu animasi pemutar musik kita membutuhkan beberapa bahan seperti musiknya. Kemudian kita juga membutuhkan suatu movie Clip animasinya. Jadi ada beberapa persiapan yang perlu kamu lakukan untuk menyelesaikan Project ini. Ikuti langkah-langkah berikut ini : 

Masukan Media Suara (Lagu/Musik) ke dalam Adobe Animate CC :

  1. Klik File
  2. Pilih Import > Import To Library
  3. Pilih Musik / Lagu yang ingin kamu gunakan
  4. Kemudian Tekan Open

Buat Suatu Movie Clip :

  1. Buat Suatu Movie Clip dengan Cara Klik Insert > New Symbol
  2. Kemudian Pilih Type Symbol : Movie Clip
  3. Kemudian Tekan OK 

Buatkan Animasi Music Bar di dalam Movie Clip :

  1. Masuk ke bagian Movie Clip yang tadi di buat dengan cara, Pergi ke bagian Library > Klik kanan di Movie Clip nya > Pilih Edit
  2. Buatkan Suatu objek menggunakan Rectangle Tools di Setiap Frame nya, Contohnya : 

    Penjelasannya : Di dalam Movie Clip.
    – Masukan Adegan 1 di frame 1
    – Masukan Adegan 2 di frame 2
    – Masukan Adegan 3 di frame 3
    – Masukan Adegan 4 di frame 4
    – Masukan Adegan 5 di frame 5
    – Masukan Adegan 6 di frame 6
    – Masukan Adegan 7 di frame 7
    – Masukan Adegan 8 di frame 8

    Jadi kamu hanya perlu membuat suatu objek berbeda di setiap frame nya. Namun Object tersebut harus menyerupai Bar Musik Seperti contoh pada gambar di atas.

  3. Setelah selesai, Kembali lagi ke Scene 1

Membuat Animasi Pemutar Musik di Adobe Animate CC :

Nah setelah menyelesaikan langkah-langkah di atas. Maka langkah selanjutnya adalah menggabungkan semua komponen yang telah dibuat sebelumnya, Dengan cara :

  1. Buat 2 Layer dan Insert Frame di Frame 30 (contohnya)

  2. Klik Layer Movie Clip kemudian Seret Movie Klip yang tadi dibuat ke Stage : 

    Setelah Movie Clip ada di Stage, atur Posisinya sesuai keinginan ..

  3. Klik Layer Music kemudian Seret Musiknya Ke Stage :

  4. Di Frame Akhir Layer Music, Beri Script untuk mencegah terjadinya penumpukan suara.
    Klik kanan di frame akhiir layer music > actions > masukan Script stop()
  5. Selesai… Untuk mencobanya tekan CTRL+ENTER

Versi Video nya bisa dilihat disini : 

Nah Itu adalah cara untuk membuat suatu animasi pemutar audio / Musik. Cara pembuatannya yaitu dengan menggunakan 2 tehnik / metode yaitu Movie Clip dan Frame By Frame. Kamu bisa mengembangkan Tutorial ini dengan metode atau tehnik yang kamu kuasai.

Tinggalkan komentar

x