Animasi Mengikuti Jalur di Adobe Animate

 

https://www.youtube.com/watch?v=bAeMwBlf2Lw

Link Pengumpulan Tugas: 

https://drive.google.com/drive/folders/1gaHTq_iFfnZLkhIg5R3mxr8AtPyJdkJt?usp=sharing

Link Bahan-Bahan: 

https://drive.google.com/drive/folders/1aAuVAJnPmViPDzps05QS8HSQLpq9797i?usp=sharing

Langkah-langkah membuat animasi objek yang bergerak mengikuti jalur (garis) menggunakan Adobe Animate. Berikut adalah ringkasan prosedurnya:

1. Membuat Objek Animasi [01:03]

• Gunakan alat bantu seperti Rectangle Tool atau Line Tool untuk menggambar objek (dalam video ini dicontohkan membuat layang-layang).

• Gunakan Free Transform Tool untuk menyesuaikan bentuk.

• Penting: Ubah objek menjadi simbol dengan cara memblok objek, klik kanan, lalu pilih Convert to Symbol (pilih tipe Graphic). [02:46]

2. Membuat Jalur Gerakan (Classic Motion Guide) [03:15]

• Klik kanan pada layer objek, lalu pilih Add Classic Motion Guide.

• Pada layer "Guide" yang muncul, gunakan Pen Tool untuk menggambar garis atau jalur yang diinginkan. [03:33]

• Tarik titik-titik garis untuk membuat lengkungan sesuai arah gerakan yang diinginkan.

3. Mengatur Animasi pada Jalur [04:34]

• Tentukan durasi animasi dengan menambah frame (misal hingga frame 120) pada kedua layer.

• Pada frame pertama, letakkan objek tepat di ujung awal garis. [04:47]

• Buat Keyframe baru di akhir durasi, lalu pindahkan objek ke ujung akhir garis. [05:01]

• Klik kanan di antara dua keyframe tersebut dan pilih Create Classic Tween. Objek akan otomatis bergerak menyusuri garis.

4. Membuat Objek Menghadap Sesuai Jalur [06:09]

• Agar moncong objek selalu menghadap ke arah jalur (tidak kaku), klik pada area motion tween di timeline.

• Buka panel Properties dan centang opsi Orient to Path. [06:36]

5. Sentuhan Akhir (Background & Awan) [07:04]

• Tambahkan layer baru untuk background (misal warna langit biru).

• Anda bisa menambahkan awan dan memberikan animasi sederhana (Classic Tween) agar latar belakang terasa lebih hidup. [10:35]

• Garis bantu (guide) tidak akan terlihat saat video diekspor atau dijalankan (Ctrl + Enter). [08:11]