Materi Flash - 3

1. Animasi Flash
[OPENING]
Motion Tween
Bei Harira Irawan, S.Kom, MM, M.Kom

2. Bei Harira Irawan, S.Kom, MM, M.Kom
LATIHAN

3.  Buka aplikasi Macromedia Flash
 Kemudian pada Create New klik Flash Document
 Klik menu File kemudian klik Import, lalu
pilih Import To Library…..
 Pilih gambar Logo MIC yang telah saya berikan
masukkan ke Library
 Jika gambar berhasil disimpan maka gambar akan
tampil di Library tepatnya berada di sebelah kanan
halaman kerja Flash kita
 Masukkan gambar ke dalam Stage
Bei Harira Irawan, S.Kom, MM, M.Kom

4.  Klik kanan pada frame yang anda inginkan dan
pilihlah Insert Keyframe
 klik frame pada posisi 30 dan tekan Q pada
keyboard lalu pindahkan objek sesuai dengan
keinginan anda
 Klik kanan mouse pada frame yang berada pada
range 0-30 setelah itu pilihlah Create Motion Tween
 Simpan dengan nama Motion Efek
 Untuk melihat hasilnya klik Ctrl+Enter
Bei Harira Irawan, S.Kom, MM, M.Kom

5. Bei Harira Irawan, S.Kom, MM, M.Kom
LATIHAN

6.  Silahkan buat animasi dengan motion gambar
membesar
 Gunakan gambar yang sudah saya berikan
Bei Harira Irawan, S.Kom, MM, M.Kom

7.  Silahkan buat animasi dengan menambahkan 5
gambar bergerak membesar atau mengecil dengan
gambar akhir Logo MIC
 Gunakan gambar yang sudah saya berikan
Bei Harira Irawan, S.Kom, MM, M.Kom

8.  Silahkan install aplikasi MP3 Cutter
 Pilih sebuah lagu untuk dipotong dengan timing
waktu sama dengan frame akhir Opening di Flash
 Tambahkan lagu tersebut kedalam Flash
Bei Harira Irawan, S.Kom, MM, M.Kom

9. Animasi Flash
[BUTTON EXECUTION]
Bei Harira Irawan, S.Kom, MM, M.Kom

10. Bei Harira Irawan, S.Kom, MM, M.Kom
LATIHAN

11.  Buka aplikasi Macromedia Flash
 Kemudian pada Create New klik Flash Document
 Buatlah 5 buah Layer seperti berikut:
 IKUTI URUTAN LAYER SEPERTI DIATAS!
Bei Harira Irawan, S.Kom, MM, M.Kom

12.  Pastikan aktif pada Layer BACKGROUND frame
pertama. Buatlah background yang diinginkan atau
boleh dengan mengimport gambar sesuai yang
sudah saya beri
 Untuk membuat Button kita dapat memanfaatkan
tombol dari common libraries Klik menu windows
=> Common Libraries => Buttons
 Pastikan aktif pada Layer BUTTON frame pertama.
Buka folder Playback Flat, susun Button seperti
gambar berikut
Bei Harira Irawan, S.Kom, MM, M.Kom

13. Bei Harira Irawan, S.Kom, MM, M.Kom

14.  Pada Layer BACKGROUND klik kanan pada frame 5
lalu pilih Insert Frame
 Pada layer BUTTON klik kanan pada frame 2
kemudian Insert Keyframe, lakukan terus
penambahan Insert Keyframe untuk frame 3 sampai
frame 5
 Pada Layer MOVIE CLIP dan ACTION, klik kanan
pada frame 5 lalu pilih Insert Frame
Bei Harira Irawan, S.Kom, MM, M.Kom

15.  Pada layer ISI, klik kanan pada frame 1, lalu
tambahkan LOGO yang sudah saya berikan dan
tulisan untuk header (gunakan Text Tool untuk
membuat teks nya)
Bei Harira Irawan, S.Kom, MM, M.Kom

16.  Pada layer ISI, klik kanan pada frame 2 pilih Insert
Keyframe, lalu ubah tulisan headernya menjadi
seperti berikut
Bei Harira Irawan, S.Kom, MM, M.Kom

17.  Pada layer ISI, klik kanan pada frame 3 pilih Insert
Keyframe, lalu ubah tulisan headernya menjadi
seperti berikut
Bei Harira Irawan, S.Kom, MM, M.Kom

18.  Pada layer ISI, klik kanan pada frame 4 pilih Insert
Keyframe, lalu ubah tulisan headernya menjadi
seperti berikut
Bei Harira Irawan, S.Kom, MM, M.Kom

19.  Pada layer ISI, klik kanan pada frame 5 pilih Insert
Keyframe, lalu ubah tulisan headernya menjadi
seperti berikut
Bei Harira Irawan, S.Kom, MM, M.Kom

20.  Ubah masing-masing frame di layer ISI dengan teks
sesuai slide berikut ini. Isikan teks untuk halaman 1
di frame 1, halaman 2 di frame 2, dan seterusnya
 Gunakan Text Tool untuk membuat teks nya
 Jangan lupa memastikan posisi frame untuk
memberi tulisan sesuai frame ISI
Bei Harira Irawan, S.Kom, MM, M.Kom

21.  Layer ISI posisi pada frame 1
Bei Harira Irawan, S.Kom, MM, M.Kom

22.  Layer ISI posisi pada frame 2
Bei Harira Irawan, S.Kom, MM, M.Kom

23.  Layer ISI posisi pada frame 3
Bei Harira Irawan, S.Kom, MM, M.Kom

24.  Layer ISI posisi pada frame 4
Bei Harira Irawan, S.Kom, MM, M.Kom

25.  Layer ISI posisi pada frame 5
Bei Harira Irawan, S.Kom, MM, M.Kom

26.  Pada layer ACTION klik Frame 1 lalu klik kanan pilih
Actions
 Tambahkan Action Script stop();
Bei Harira Irawan, S.Kom, MM, M.Kom

27.  Pada Layer BUTTON klik Frame 1
 lalu klik kanan pada tombol navigasi arah kanan
kemudian pilih Actions
 Tambahkan Action Script seperti berikut:
Bei Harira Irawan, S.Kom, MM, M.Kom

28.  Pada Layer BUTTON klik Frame 2
 lalu klik kanan pada tombol navigasi arah kanan
kemudian pilih Actions
 Tambahkan Action Script seperti berikut:
Bei Harira Irawan, S.Kom, MM, M.Kom

29.  Pada Layer BUTTON klik Frame 3
 lalu klik kanan pada tombol navigasi arah kanan
kemudian pilih Actions
 Tambahkan Action Script seperti berikut:
Bei Harira Irawan, S.Kom, MM, M.Kom

30.  Pada Layer BUTTON klik Frame 4
 lalu klik kanan pada tombol navigasi arah kanan
kemudian pilih Actions
 Tambahkan Action Script seperti berikut:
Bei Harira Irawan, S.Kom, MM, M.Kom

31.  Pada Layer BUTTON klik Frame 5
 lalu klik kanan pada tombol navigasi arah kanan
kemudian pilih Actions
 Tambahkan Action Script seperti berikut:
Bei Harira Irawan, S.Kom, MM, M.Kom

32.  Pada Layer BUTTON klik Frame 1
 lalu klik kanan pada tombol navigasi arah kiri
kemudian pilih Actions
 Tambahkan Action Script seperti berikut:
Bei Harira Irawan, S.Kom, MM, M.Kom

33. Bei Harira Irawan, S.Kom, MM, M.Kom
TUGAS

34.  Buatlah sebuah opening menggunakan efek sound
minimal durasi 30 detik
 Buatlah 3 halaman Presentasi menggunakan
navigasi Button
 Gabungkan antara Opening dengan Presentasi anda
 GUNAKAN OTAK KANAN DALAM MENDESAINNYA!!
Bei Harira Irawan, S.Kom, MM, M.Kom