BAB 3
PERANCANGAN SISTEM
Untuk memulai merancang suatu animasi maka terlebih dahulu harus menjalankan software atau aplikasi Adobe Flash CS3, kemudian pilih File New kemudian pada
tab general pilih ActionScript 2.0 dan aturlah lebar width dan tinggi height lalu klik tombol ok. Maka akan muncul lembar kerja Adobe Flash CS3.
3.1 Halaman Intro
Halaman awal adalah tampilan animasi yang pertama kali muncul jika aplikasi dibuka untuk pertama kalinya. Halaman ini berisi judul dari pembelajaran yaitu ”English
Education ” yang dianimasikan serta link – link menuju materi dan Soal Latihan.
Selain itu background dari halaman awal ini juga berupa animasi Sebuah gedung- gedung beserta pemandangan alam dan alat-alat transportasi seperti pesawat dan
mobil-mobil yang bergerak. Berikut Tahapanya :
a. Buat halaman baru dan beri judul Intro.fla. Buat 6 layer secara berturut
yaitu Layer Background, layer langit, kendaraan, button play, judul, button close. Dengan ukuran file 1370 x 770 px.
Universitas Sumatera Utara
b. Pada Layer background, penulis mengambil dari Gambar yang sudah tersedia,
Dengan cara klik File Import Import to library pilih Gambar. Setelah Gambar masuk ke library, pilih dan atur gambar tersebut ke dalam stage
pada layer background. Atur background dengan free transform tool.
c. Pada Layer Langit masukan gambar matahari dan awan dengan import to
library lalu convert to symbol menjadi movie clip dengan nama matahari. Yang dianimasikan dengan ActionScript.
Gambar 3.1 Layer Langit dengan ActionScript
d. Pada Layer Kendaraan Masukan gambar mobil dengan import to libary lalu
convert to symbol dengan nama car. Agar gambar bergerak penulis menggunakan motion guide atau guide line dimana menggerakan gambar
menggunakan garis lintasan tanpa menggunakan ActionScript .
Gambar 3.2 Layer Kendaraan dengan Motion Guide
Universitas Sumatera Utara
e. Pada layer judul buatlah teks judul “English Education” dengan menggunakan
teks tool, lalu convert to symbol menjadi movie clip dan beri nama Judul, lalu klik dua kali Judul pada timeline buatlah frame baru dan ganti warna pada
setiap huruf, setiap satu huruf untuk satu frame.
f. Pada layer button play masukan gambar dengan cara import to library, lalu
buat tulisan dengan text tool “play” , setelah itu convert to symbol ubah nama
menjadi play. Untuk menambahkan efek suara pada button tersebut dengan cara. Klik ganda pada salah satu button kemudian alihkan pada panel timeline,
kemudian tekan F6 pada frame over, down, dan hit. Kemudian pada frame over, perbesar ukuran button dan berikan efek suara. Dan cara ini dilakukan
untuk setiap button.
Gambar 3.3 Layer button Play menambahkan suara
Universitas Sumatera Utara
Gambar 3.4 Layer button Play dengan ActionScript
g. Pada layer button close masukan gambar button dengan format png lalu
convert to symbol menjadi button ubah nama menjadi keluar. Lalu masukan lagi gambar button untuk memilih ya atau tidak keluar dengan nama ya dan
tidak. Dan masukan lagi gambar format png ubah menjadi movie clip dengan convert to symbol dan ganti nama menjadi gelap.
Gambar 3.5 Layer button close dengan ActionScript
Universitas Sumatera Utara
Gambar 3.6 Layer button close ya dengan ActionScript
Gambar 3.7 Layer button close tidak dengan ActionScript
Universitas Sumatera Utara
3.2 Halaman Home
