PERANCANGAN SISTEM
3.1. Desain Cover Halaman Awal
3.2.3. Tombol Bagian Air
3.3.3.1. Kapal Pesiar
Pada scene kapal pesiar ini terdapat 10 layer yang terdiri di antara lain background, kapal pesiar, teks kapal pesiar, tombol play dan stop , tombol next dan prev, bahasa inggris kapal pesiar, ikan1, ikan2, matahari dan script.
Pada penjelasan background. Tombol play dan stop, serta tombol next dan prev serta layer script yang sebelumnya sudah di jelaskan di sebelum nya karena 4 layer ini memiliki fungsi sama di setiap scene.
a. Pada layer teks kapal pesiar, penulis melakukan dengan menggunakan text tool “KAPAL PESIAR”, klik kanan pada frame 1 dan frame 42 . kemudian pilih insert key frame dan pilih motion tween di antara frame 1 dengan frame 42. b. Pada layer kapal pesiar, penulis juga mengambil media dari internet, ada pun
cara memasukkannya ialah file>import>import to stage, lalu gambar juga diatur letak nya agar gambar yang satu dan yang lain tidak bertabrakan. Klik kanan pada frame 1 dan frame 50 ,kemudian pilih insertkey frame dan pilih motiontween di antara frame 1 dengan frame 50 dan di ujung diletakkan script Stop(); ,agar gambar kapal pesiar tetap pada lembar kerja.
c. Untuk layer bahasa inggris penulis mengambil suatu filesound berupa format .wav yang sudah penulis rekam sebelumnya dengan cara klik file>import>import tostage dan pilih sound yang telah tersedia. Setelah sound
masuk ke library, pada menu properties pilih sound yang diinginkan maka otomatis akan muncul suara bahasa inggris dari alat transportasi tersebut. d. Pada layer ikan1, penulis mengambil dari media internet, namun satu yang
harus diketahui dalam pengambilan gambar untuk menunjang proses kerja animasi harus format gambar “ .PNG ”, penulis memasukan nya dengan cara file>import>import to library, lalu gambar di atur diletak di bagian mana yang diinginkan, klik kanan pada frame 1 dan frame 25. Kemudian pilih insertkey frame dan pilih motiontween di antara frame 1 dengan frame 25.
e. Pada layer ikan2, penulis mengambil dari media internet, namun satu yang harus diketahui dalam pengambilan gambar untuk menunjang proses kerja animasi harus format gambar “ .PNG ”, penulis memasukan nya dengan cara file>import>import to library, lalu gambar di atur diletak di bagian mana yang diinginkan, klik kanan pada frame 1 dan frame 42. Kemudian pilih insertkey frame dan pilih motiontween di antara frame 1 dengan frame 42.
f. Pada layer matahari, penulis mengambil dari media internet, namun satu yang harus diketahui dalam pengambilan gambar untuk menunjang proses kerja animasi harus format gambar “ .PNG ”, penulis memasukan nya dengan cara file>import>import to library, lalu gambar di atur diletak di bagian mana yang diinginkan, klik kanan pada frame 1 dan frame 44. Kemudian pilih insertkey frame dan pilih motiontween di antara frame 1 dengan frame 44.
Gambar 3.10. Tampilan Halaman Kapal Pesiar
3.3.3.2. Rakit
Pada scene taksi ini terdapat 11 layer yang terdiri di antara lain background, rakit, teks rakit, tombol play dan stop , tombol next dan prev, bahasa inggris rakit, ikan1, ikan2, awan1, awan2 dan script.
Pada penjelasan background. Tombol play dan stop, serta tombol next dan prev serta layer script yang sebelumnya sudah di jelaskan di sebelum nya karena 4 layer ini memiliki fungsi sama di setiap scene.
a. Pada layer teks rakit, penulis melakukan dengan menggunakan text tool “RAKIT”, klik kanan pada frame 1 dan frame 26 . kemudian pilih insert key frame dan pilih motion tween di antara frame 1 dengan frame 26.
b. Pada layer rakit, penulis juga mengambil media dari internet, ada pun cara memasukkannya ialah file>import>import to stage, lalu gambar juga diatur letak nya agar gambar yang satu dan yang lain tidak bertabrakan. Klik kanan
pada frame 1 dan frame 50 ,kemudian pilih insert key frame dan pilih motion tween di antara frame 1 dengan frame 50 dan di ujung diletakkan scriptStop(); ,agar gambar rakit tetap pada lembar kerja.
c. Untuk layer bahasa inggris penulis mengambil suatu filesound berupa format .wav yang sudah penulis rekam sebelumnya dengan cara klik file>import>import to stage dan pilih sound yang telah tersedia. Setelah sound masuk ke library, pada menu properties pilih sound yang diinginkan maka otomatis akan muncul suara bahasa inggris dari alat transportasi tersebut. d. Pada layer ikan1, penulis mengambil dari media internet, namun satu yang
harus diketahui dalam pengambilan gambar untuk menunjang proses kerja animasi harus format gambar “ .PNG ”, penulis memasukan nya dengan cara file>import>import to library, lalu gambar di atur diletak di bagian mana yang diinginkan, klik kanan pada frame 1 dan frame 38. Kemudian pilih insertkey frame dan pilih motiontween di antara frame 1 dengan frame 38
e. Pada layer ikan2, penulis mengambil dari media internet, namun satu yang harus diketahui dalam pengambilan gambar untuk menunjang proses kerja animasi harus format gambar “ .PNG ”, penulis memasukan nya dengan cara file>import>import to library, lalu gambar di atur diletak di bagian mana yang diinginkan, klik kanan pada frame 1 dan frame 41. Kemudian pilih insertkey frame dan pilih motiontween di antara frame 1 dengan frame 41.
f. Pada layer awan1, penulis mengambil dari media internet, namun satu yang harus diketahui dalam pengambilan gambar untuk menunjang proses kerja animasi harus format gambar “ .PNG ”, penulis memasukan nya dengan cara
file>import>import to library, lalu gambar di atur diletak di bagian mana yang diinginkan, klik kanan pada frame 1 dan frame 19. Kemudian pilih insertkey frame dan pilih motiontween di antara frame 1 dengan frame 19.
g. Pada layer awan2, penulis mengambil dari media internet, namun satu yang harus diketahui dalam pengambilan gambar untuk menunjang proses kerja animasi harus format gambar “ .PNG ”, penulis memasukan nya dengan cara file>import>import to library, lalu gambar di atur diletak di bagian mana yang diinginkan, klik kanan pada frame 1 dan frame 26. Kemudian pilih insertkey frame dan pilih motiontween di antara frame 1 dengan frame 26.
Gambar 3.11. Tampilan Halaman Rakit
3.3.3.3. Perahu
Pada scene perahu ini terdapat 11 layer yang terdiri di antara lain background, pearhu, teks perahu, tombol play dan stop , tombol next dan prev, bahasa inggris perahu, ikan1, ikan2, awan, burung dan script.
Pada penjelasan background. Tombol play dan stop, serta tombol next dan prev serta layer script yang sebelumnya sudah di jelaskan di sebelum nya karena 4 layer ini memiliki fungsi sama di setiap scene.
a. Pada layer teks perahu, penulis melakukan dengan menggunakan text tool “PERAHU”, klik kanan pada frame 1 dan frame 35 . kemudian pilih insert key frame dan pilih motion tween di antara frame 1 dengan frame 35.
b. Pada layer perahu, penulis juga mengambil media dari internet, ada pun cara memasukkannya ialah file>import>import to stage, lalu gambar juga diatur letak nya agar gambar yang satu dan yang lain tidak bertabrakan. Klik kanan pada frame 1 dan frame 50 ,kemudian pilih insert key frame dan pilih motion tween di antara frame 1 dengan frame 50 dan di ujung diletakkan scriptStop(); ,agar gambar perahu tetap pada lembar kerja.
c. Untuk layer bahasa inggris penulis mengambil suatu filesound berupa format .wav yang sudah penulis rekam sebelumnya dengan cara klik file>import>import to stage dan pilih sound yang telah tersedia. Setelah sound masuk ke library, pada menu properties pilih sound yang diinginkan maka otomatis akan muncul suara bahasa inggris dari alat transportasi tersebut. d. Pada layer ikan1, penulis mengambil dari media internet, namun satu yang
harus diketahui dalam pengambilan gambar untuk menunjang proses kerja animasi harus format gambar “ .PNG ”, penulis memasukan nya dengan cara file>import>import to library, lalu gambar di atur diletak di bagian mana yang diinginkan, klik kanan pada frame 1 dan frame 36. Kemudian pilih insertkey frame dan pilih motiontween di antara frame 1 dengan frame 36.
e. Pada layer ikan2, penulis mengambil dari media internet, namun satu yang harus diketahui dalam pengambilan gambar untuk menunjang proses kerja animasi harus format gambar “ .PNG ”, penulis memasukan nya dengan cara file>import>import to library, lalu gambar di atur diletak di bagian mana yang diinginkan, klik kanan pada frame 1 dan frame 36. Kemudian pilih insertkey frame dan pilih motiontween di antara frame 1 dengan frame 36.
f. Pada layer burung, penulis mengambil dari media internet, namun satu yang harus diketahui dalam pengambilan gambar untuk menunjang proses kerja animasi harus format gambar “ .PNG ”, penulis memasukan nya dengan cara file>import>import to library, lalu gambar di atur diletak di bagian mana yang diinginkan, klik kanan pada frame 1 dan frame 45. Kemudian pilih insertkey frame dan pilih motiontween di antara frame 1 dengan frame 45.
g. Pada layer awan, penulis mengambil dari media internet, namun satu yang harus diketahui dalam pengambilan gambar untuk menunjang proses kerja animasi harus format gambar “ .PNG ”, penulis memasukan nya dengan cara file>import>import to library, lalu gambar di atur diletak di bagian mana yang diinginkan.
Gambar 3.12. Tampilan Halaman Perahu