BAB 3
PERANCANGAN ANIMASI
3.1 Struktur Perancangan
Dalam suatu perancangan aplikasi sangat dibutuhkan pembuatan struktur perancangan. Struktur perancangan merupakan bagan yang menggambarkan alur kerja dari suatu
aplikasi. Proses awal dari pembuatan aplikasi pembelajaran bangun datar dan bangun ruang ini juga membutuhkan struktur diamana menggunakan tahap tahap serta animasi
yang mudah dimengerti.
Universitas Sumatera Utara
Adapun struktur yang dibuat adalah sebagai berikut :
\
Mulai
Menu Profil
Pengenalan
Riau Peta
Aceh
Sumatera Selatan Bengkulu
Sumatera Utara
Kepulauan Riau
Jambi Baju Rumah Adat
TarianSenjata Adat
Sumatera Barat
Lampung Profil
Bangka Belitung Baju Rumah Adat
TarianSenjata Adat Baju Rumah Adat
TarianSenjata Adat Baju Rumah Adat
TarianSenjata Adat Baju Rumah Adat
TarianSenjata Adat Baju Rumah Adat
TarianSenjata Adat Baju Rumah Adat
TarianSenjata Adat Baju Rumah Adat
TarianSenjata Adat Baju Rumah Adat
TarianSenjata Adat Baju Rumah Adat
TarianSenjata Adat
Universitas Sumatera Utara
Gambar 3.1 Stuktur Rancangan Baju Adat Sumatera
3.2 Mendesain Tampilan Awal Animasi
Desain tampilan awal animasi adalah sebagai berikut :
Gambar 3.3 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. 4.
Untuk pembuatan animasi tulisan berjalan, ketikkan huruf awal dari kalimat yang akan kita tampilkan pada stage. Klik kanan pada huruf tersebut, pilih Convert to
NEXT Animasi Tulisan Berjalan
Universitas Sumatera Utara
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
kalimat yang kita inginkan, klik kanan pilih action, ketikkan script program sebagai berikut :
stop; 5.
Tombol next berfungsi untuk masuk ke halaman selanjutnya yaitu pada layer yang berisi pembelajaran, latihan, profil dan exit. 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{ gotoAndStopmenu;
} Menu di sini berarti, ketika kita menekan tombol next, maka kita akan berpindah
ke frame yang sudah dibe ri nama “menu”.
Universitas Sumatera Utara
3.3 Mendesain Halaman Menu
Kategori