Mendesain Tampilan Awal Animasi

BAB III PERANCANGAN ANIMASI

3.1 Mendesain Tampilan Awal Animasi

Desain tampilan awal animasi adalah sebagai berikut : Gambar 3.1 Rancangan Tampilan Awal Animasi Cara pembuatannya adalah sebagai berikut : 1. Buka lembar kerja macromedia flash 8, kemudian pilih flash document. 2. Buat satu layer pada timeline, yaitu layer 1. Dimana timeline dan layer 1 itu berada pada scene 1. 3. Untuk pembuatan image pada layer awal pilih import pada menu file, kemudian pilih import to library. Tulisan bergerak Profil Tulisan bergerak Exit next Universitas Sumatera Utara 4. Untuk pembuatan animasi tulisan bergerak, ketikkan kalimat yang akan kita tampilkan pada stage. Klik kanan pada kalimat tersebut, pilih Convert to Symbol. Ubah kalimat yang kita tuliskan pada stage itu menjadi movie clip. Kemudian klik 2 dua kali pada kalimat tersebut, maka kita akan masuk ke dalam movie clip tersebut. Kemudian klik pada frame yang berjarak kurang lebih 10 atau 15 bebas frame klik kanan kemudian insert keyframe. di antara frame awal ke frame akhir tersebut klik kanan kemudian pilih create motion tween. Klik frame awal seret movie clip tersebut ke posisi awal sebelum bergerak ke posisi yang di ingin kan, kemudian klik frame akhir yang berjarak kurang lebih 10 atau 15 bebas tersebut seret movie clip ke posisi yang di inginkan dimana movie clip tersebut akan berhenti. Pada akhir frame, dimana kita telah selesai merangkai kalimat yang kita inginkan, klik kanan pilih action, ketikkan script program sebagai berikut : stop; 5. Untuk pembuatan animasi tulisan berjalan, ketikkan huruf awal dari kalimat yang akan kita tampilkan pada stage. Klik kanan pada huruf tersebut, pilih Convert to Symbol. Ubah huruf yang kita tuliskan pada stage itu menjadi movie clip. Kemudian klik 2 dua kali pada huruf tersebut, maka kita akan masuk ke dalam movie clip tersebut. Isi satu persatu frame yang ada dengan melanjutkan huruf demi huruf dari huruf yang telah kita tuliskan tadi. Untuk membuat frame selanjutnya klik kanan di frame selanjutnya lalu pilih insert keyframe atau dengan shortcut F6. Pada akhir frame, dimana kita telah selesai merangkai huruf menjadi Universitas Sumatera Utara kalimat yang kita inginkan, klik kanan pilih action, ketikkan script program sebagai berikut : stop; 6. Tombol next berfungsi untuk masuk ke frame selanjutnya. Cara untuk membuat fungsi tombol next adalah dengan memasukkan dulu gambar ke dalam library dengan cara pilih menu file klik pada pilihan import lalu pilih import to library. Setelah gambar masuk ke dalam library, drag gambar ke dalam stage kemudian klik kanan pada gambar yang telah kita drag ke dalam stage itu pilih convert so symbol, pilih button. Kemudian klik kanan pada tombol tanda panah, lalu pada jendela Actions-Button ketikkan script program sebagai berikut : onrelease{ gotoAndStop2; } Angka 2 di sini berarti, ketika kita menekan tombol next, maka kita akan berpindah ke frame ke 2. 7. Tombol keluar berfungsi untuk keluar dari aplikasi. Untuk membuat fungsi tombol keluar adalah dengan memasukkan dulu gambar ke dalam library dengan cara pilih menu file klik pada pilihan import lalu pilih import to library. Setelah gambar masuk ke dalam library, drag gambar ke dalam stage kemudian klik kanan pada gambar yang telah kita drag ke dalam stage itu pilih convert so symbol, pilih button. Pada Actions-Button ketikkan script program sebagai berikut : onrelease{ fscommandquit; Universitas Sumatera Utara

3.2 Mendesain Halaman Home Utama