Cara Membuat Animasi Tweening di Adobe Animate

 

Cara Membuat Animasi Tweening 

di Adobe Animate

Link Download : Bahan TUGAS 3.zip

Assalamualaikum warahmatullahi wabarakatuh. 

Pada kesempatan kali ini, kita akan mencoba membuat animasi menggunakan Adobe Animate. Jenis animasi yang akan kita buat adalah animasi tween.

Langkah-langkah pembuatan animasi:

1. Buka Adobe Animate

2. Penjelasan singkat tentang animasi tween:

   - Animasi pergerakan (kiri ke kanan, atas ke bawah)

   - Animasi muncul dan hilang

   - Animasi perubahan warna

3. Pengaturan proyek baru:

   - Ukuran: HD 1280x720

   - Platform: ActionScript 3.0

   - Frame rate: 24 FPS

4. Membuat layer:

   - Layer background

   - Layer objek

5. Memasukkan gambar background:

   - File > Import > Import to Stage

   - Pilih gambar background (ukuran 1280x720)

6. Memasukkan objek (mobil):

   - File > Import > Import to Stage

   - Pilih gambar mobil

   - Tempatkan di luar area frame

7. Membuat simbol movie clip untuk objek:

   - Klik kanan pada mobil > Convert to Symbol

   - Nama: MC_mobil1

   - Tipe: Movie Clip

   - Registration: tengah

8. Membuat animasi tween:

   - Klik kanan pada frame 1 di layer objek > Create Classic Tween

   - Klik kanan pada frame 24 > Insert Keyframe

   - Geser objek mobil ke posisi akhir (gunakan Shift untuk geser lurus)

9. Menyesuaikan durasi animasi:

   - Tarik frame 24 ke frame 72 (3 detik)

   - Klik kanan pada background > Insert Frame

10. Mengatur jenis easing:

    - Pilih frame antara 1 dan 72

    - Di panel Properties, pilih Ease: Cubic

11. Menjalankan dan mengekspor animasi:

    - Tekan Ctrl + Enter untuk melihat preview

    - Untuk animasi tanpa percepatan, pilih Ease: None

12. Catatan tambahan:

    - 24 FPS cukup untuk animasi yang smooth

    - 60 FPS akan membuat animasi lebih halus tapi file lebih berat

Demikianlah tutorial membuat animasi tween menggunakan Adobe Animate CC 2019. Terima kasih telah mengikuti.

Wassalamualaikum warahmatullahi wabarakatuh.