Cara Membuat Animasi Bendera di Adobe Animate

Kantong Tugas SMK WH :
https://drive.google.com/drive/folders/1gaHTq_iFfnZLkhIg5R3mxr8AtPyJdkJt?usp=sharing

https://youtu.be/ctMyoq3YORY?si=FGSJlAc1dnO3sG2i

Tutorial Adobe Animate: Membuat Animasi Bendera Berkibar

Video ini mengajarkan cara membuat animasi bendera berkibar menggunakan fitur Shape Tween dan Symbol di Adobe Animate.

1. Persiapan dan Pembuatan Bendera

Langkah pertama adalah menyiapkan ruang kerja dan menggambar bentuk bendera.

1. Buat Dokumen Baru

   • Buka Adobe Animate (atau Adobe Flash).

   • Buat dokumen baru dengan tipe ActionScript 3.0 (sesuai video).

2. Menggambar Bendera [00:08]

   • Pilih Rectangle Tool (R).

   • Pastikan Anda memilih warna isian (fill color) dan mematikan garis tepi (stroke) (dengan memilih warna garis tepi dan mengklik simbol garis miring).

   • Gambarkan persegi panjang di Stage untuk bagian warna merah bendera.

   • Gambarkan persegi panjang kedua tepat di bawahnya dengan warna putih untuk bagian putih bendera [00:11].

3. Mengubah menjadi Simbol (Symbol) [00:23]

   • Gunakan Selection Tool (V) untuk menyeleksi seluruh objek bendera (merah dan putih).

   • Tekan tombol F8 atau klik kanan dan pilih Convert to Symbol....

   • Beri nama simbol, misalnya Bendera.

   • Pilih Type sebagai Movie Clip [00:30].

   • Klik OK.

2. Membuat Tiang Bendera

Selanjutnya, buat lapisan baru untuk tiang bendera agar tidak mengganggu animasi bendera.

1. Buat Layer Baru [00:36]

   • Pada panel Timeline, klik ikon New Layer. Beri nama layer ini Tiang.

2. Menggambar Tiang [00:44]

   • Gunakan Rectangle Tool (R) atau Line Tool (N) untuk menggambar tiang bendera di sebelah kiri bendera. Gunakan warna cokelat atau abu-abu.

   • Pastikan tiang berada di bawah layer bendera di timeline jika Anda ingin bendera terlihat menutupi tiang.

3. Animasi Gelombang pada Bendera (Shape Tween)

Inti dari tutorial ini adalah menganimasikan gerakan melambai di dalam simbol Movie Clip Bendera.

1. Masuk ke Simbol Bendera [00:56]

   • Double-click simbol Bendera yang ada di Stage untuk masuk ke mode pengeditan simbol. Anda akan melihat tulisan Scene 1 > Bendera di atas Timeline.

2. Menyiapkan Keyframe

   • Di dalam Timeline simbol Bendera, klik Frame 1.

   • Klik Frame 20 dan tekan F5 (Insert Frame) [01:01] untuk memperpanjang durasi.

3. Membuat Gelombang Awal

   • Klik Frame 10. Tekan F6 (Insert Keyframe) [01:06].

   • Pada Frame 10, gunakan Selection Tool (V), arahkan kursor ke garis tepi bendera. Ketika kursor berubah bentuk menjadi melengkung, klik dan tarik garis tepi ke atas dan ke bawah untuk membentuk gelombang atau lipatan [01:10].

4. Membuat Gelombang Akhir

   • Klik Frame 20. Tekan F6 (Insert Keyframe) [01:21].

   • Pada Frame 20, ulangi langkah distorsi dengan Selection Tool, tetapi buat bentuk gelombang yang berbeda atau berlawanan dari Frame 10 [01:25]. Tujuannya adalah menciptakan ilusi gerakan berlanjut.

5. Menerapkan Shape Tween

   • Klik kanan di antara Frame 1 dan Frame 10. Pilih Create Shape Tween [01:38].

   • Klik kanan di antara Frame 10 dan Frame 20. Pilih Create Shape Tween [01:41].

4. Uji Coba dan Finalisasi

Setelah Shape Tween diterapkan, animasi bendera sudah selesai.

1. Kembali ke Scene Utama [01:50]

   • Klik Scene 1 (di sebelah kiri nama simbol Bendera di atas Timeline) untuk kembali ke Timeline utama.

2. Pengaturan Loop

   • Di Timeline utama, Anda dapat memperpanjang durasi tampilan dengan menekan F5 (Insert Frame) pada Frame yang diinginkan (misalnya Frame 60) [01:56]. Karena bendera adalah Movie Clip, ia akan otomatis berulang (loop) selama durasi di Timeline utama.

3. Menambahkan Detail (Opsional)

   • Video menambahkan layer baru untuk teks [02:10] dan mengatur tampilan teks tersebut. Anda dapat menambahkan detail lain seperti latar belakang atau awan.

4. Menjalankan Animasi

   • Tekan Control + Enter (atau Command + Enter di Mac) untuk menguji animasi di jendela pratinjau [04:59].

Selamat! Bendera Anda sekarang berkibar.

---

Video Referensi: TUTORIAL ADOBE FLASH - ANIMASI BENDERA BERKIBAR Channel: Tajul Arifin Sirajudin