Klik kanan frame 10 layer halaman isi kemudian pilih Insert Blank Keyframe

yang salah, maka sistem navigasi dari media pembelajaran interaktif akan berfungsi dengan baik. Membuat Transisi Halaman Untuk memperoleh sebuah interktif multimedia yang dinamis, pergantian antar halaman dapat ditambahkan sebuah efek transisi. Efek tersebut bisa berupa animasi motion tween, efek fade inout, efek zoom inout dan sebagainya. Pada contoh berikut dijelaskan proses pembuatan transisi halaman dengan menggunakan movieclip. Untuk lebih jelasnya perhatikan langkah berikut : 25. Lanjutkan file di atas. Buatlah sebuah layer baru di atas layer 1 layer 3. Kemudian atur kembali nama layer menjadi layer “konten”, “transisi” dan “kode” beruturan dari bawah ke atas.

26. Klik frame 1 layer transisi kemudian buatlah sebuah kotak dengan ukuran yang

sama persis dengan ukuran stage, dan posisikan tepat menutupi konten. Selanjutnya buatlah garis horizontal yang membelah kotak tersebut tepat di tengah digunakan untuk membuat animasi transisi yang menutup bagian atas dan bagian bawah. Lock layer konten untuk mempermudah proses agar konten tidak terganggu. Gambar 160. Mengatur transisi 27. Seleksi gambar di layer transisi tersebut, kemudian Convert to Symbol menjadi movieclip “transisi”. Selanjutnya dobel klik untuk mengeditnya.

28. Pada mode edit, seleksi bagian atas dari kotak yang terbelah, kemudian Convert to Symbol

menjadi movieclip “tutup atas”. 29. seleksi bagian bawah dari kotak yang terbelah, kemudian Convert to Symbol menjadi movieclip “tutup bawah”. Hapus outline yang tersisa dari stage, sehingga hanya menyisakan 2 movieclip. 121 Gambar 161. Movieclip tutup atas dan tutup bawah.

30. Seleksi dua movieclip tersebut, kemudian klik kanan dan pilih Distribute to Layer

.

31. Selanjutnya buatlah sebuah animasi tween membuka dan menutup dengan durasi

30 frame. Pada keyframe 1 dan keyframe 30, posisi penutup sama yaitu membuka penuh. Sedangkan pada keyframe 15 posisi penutup, menutupi layar secara penuh. Perhatikan gambar. Gambar 162. Animasi tween pada movieclip transisi 32. Keluar dari mode edit movieclip “transisi” dengan menekan Ctrl+E. 33. Untuk mengaktifkan transisi, klik frame 1 layer action dan ubah kode yang ada menjadi sebagai berikut : 1. konten . stop ; 2. transisi . stop ; 3. 4. konten . tombol_home . addEventListener MouseEvent . CLICK , aturNavigasi ; 5. konten . tombol_materi . addEventListener MouseEvent . CLICK , aturNavigasi ;