1 Pert 4 : Animasi Frame by Frame

Animasi Frame By Frame

A. Pengertian

Animasi Frame by Frame merupakan pergerakan animasi dari Frame 1 ke Frame 2, ke

Frame 3 dan seterusnya, Pada animasi frame by frame dibutuhkan 2 buah tombol yaitu tombol
NEXT yang akan digunakan untuk menuju ke halaman berikutnya contoh dari frame 1 ke frame
2) dan tombol BACK yang akan digunakan untuk kembali kehalaman sebelumnya (contoh dari
halaman 2 kembali ke halaman 1).

B. Langkah-langkah
Berikut ini langkah-langkah pembuatan animasi frame by frame:

1. Buka App Adobe Flash CS 6, ActionScrip 2.0

Rohaniatul Husna, S.Pd., M.Kom

2 Pert 4 : Animasi Frame by Frame

2. Atur ukuran STAGE, contoh 1000 x 600px

3. Sediakan 4 buah layer, ganti nama layer menjadi Action, Button, Text, Background
(berurutan dari layer paling atas ke paling bawah).

Rohaniatul Husna, S.Pd., M.Kom

3 Pert 4 : Animasi Frame by Frame

4. Klik Frame 1 layer BACKGROUND, Buat kotak berwarna seukuran stage kemudian
posisikan kotak tersebut diatas stage. Kemudian perpanjang Frame background
hingga frame ke 5. Teraklir Kunci layer Background.

5. Klik Frame 1 Layer TEXT, ketikkan judul dari media yang akan dirancang, contoh
seperti dibawah ini:

Note: gunakan jenis teks yang jelas dibaca, dan sesuaikan ukuran teks dengan ukuran
stage.

Rohaniatul Husna, S.Pd., M.Kom

4 Pert 4 : Animasi Frame by Frame

6. Kik Frame 1 layer BUTTON, buat 2 buah tombol NEXT dan BACK, kemudian convert
“MASING-MASING” objek tersebut menjadi “BUTTON”. Kemudian posisikan tombol
seperti gambar dibawah ini:

Ketetangan:
a. Tombol dibuat dengan menggunakan objek “Rectangle Primitif Tool”.
b. Kemudian atur bagian “Rectangle Option” pada panel Properties.

c. Selanjutnya Tambahkan teks “Next” diatas objek tombol, lalu blok tombol
tersebut dan duplikat dengan cara klik tombol Ctrl+C lalu Ctrl+V, kemudian ubah
nama salah satu tombol menjadi “Back”.

Rohaniatul Husna, S.Pd., M.Kom

5 Pert 4 : Animasi Frame by Frame

d. Terakhir Convert masing-masing objek menjadi BUTTON dengan cara

1. Blok tombol “Next” lalu tekan F8 di keyboard, ubah name menjadi “next”,
ganti type menjadi button, lalu OK.
2. Blok tombol “Back” lalu tekan F8 di keyboard, ubah name menjadi “back”,
ganti type menjadi button, lalu OK
3. cek panel Library, pastikan hanya boleh tersimpan 2 buah tombol.
4. Klik tombol “next” tekan F9 pada keyboard, ketikkan action script seperti
berikut:

5. Klik tombol “back” tekan F9 pada keyboard, ketikkan action script seperti
berikut:

Rohaniatul Husna, S.Pd., M.Kom

6 Pert 4 : Animasi Frame by Frame

7. Klik frame 1 layer Action, tekan F9 pada keyboard, ketikkan action script stop();

8. Blok frame 2 layer “layer Action, Button dan Text” secara bersamaan, kemudian
klik kanan insert key frame atau (F6). Sehingga semua objek pada frame 1 akan
tercopy ke frame 2.

Rohaniatul Husna, S.Pd., M.Kom

7 Pert 4 : Animasi Frame by Frame

9. Selanjutnya ubah tampilan stage pada frame 2 menjadi seperti gambar dibawah ini:

10. Blok lagi Frame 3 “layer Action, Button dan Text” secara bersamaan, kemudian klik
kanan insert key frame atau (F6). Sehingga semua objek pada frame 2 akan tercopy
ke frame 3. Selanjutnya ubah tampilan stage pada frame 3 menjadi seperti gambar
dibawah ini:

Rohaniatul Husna, S.Pd., M.Kom

8 Pert 4 : Animasi Frame by Frame

11. Ulangi langkah pada poin 10 untuk frame 4 dan 5

12. Simpan animasi dengan nama “animasi frame by frame”
13. Jalankan animasi (test movie) dengan cara menekan tombol Ctrl+Enter

TUGAS:

Buatlah animasi Frame by Frame dengan ketentuan:

1. Tema bebas (info profile, media biologi, b.indonesia dll)

2. Terdiri dari ninimal 5 frame
3. Tambahkan isi materi
4. Gunakan background dan gambar2 sebagai pendukung
5. Simpan dan bawa tugas kekampus pada pertemuan berikutnya utk dinilai.

MULTIMEDIA adalah SENI,

maka Nilai Tertinggi dari seni adalah,
MENARIK

Rohaniatul Husna, S.Pd., M.Kom