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.
Tulisan bergerak Tulisan bergerak Tulisan berjalan Tulisan bergerak Tulisan bergerak Tulisan bergerak next
3. Untuk pembuatan image pada layer awal pilih import pada menu file, kemudian pilih import to library
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 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 :
on(release){ gotoAndStop("2");
}
Angka 2 di sini berarti, ketika kita menekan tombol next, maka kita akan berpindah ke frame ke 2.
Mendesain Halaman Home / Utama
Desain halaman Home adalah sebagai berikut :
Gambar 3.2 Rancangan Tampilan Halaman Home
Cara pembuatannya adalah sebagai berikut :
1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame.
keluar
Tulisan berjalan
2. Untuk membuat background pada tampilan ini pilih menu file klik pada pilihan import lalu pilih import to library, kemudian pilihlah gambar yang diinginkan. Sesuaikan lah ukuran gambar dengan ukuran frame.
3. 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 kalimat yang kita inginkan, klik kanan pilih action, ketikkan script program sebagai berikut : stop();
4. Tombol keluar berfungsi untuk keluar dari aplikasi. Cara 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. Kemudian klik kanan
pada tombol tanda panah, lalu pada jendela Actions-Button ketikkan script program sebagai berikut :
on(release){
fscommand("quit");
5. Tombol menu berfungsi untuk masuk ke frame menu. Cara untuk
membuat fungsi tombol menu 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 :
on(release){ gotoAndStop("4"); }
Angka 4 di sini berarti, ketika kita menekan tombol next, maka kita akan berpindah ke frame ke 4.
6. Tombol profil berfungsi untuk masuk ke frame profil atau frame awal. Cara untuk membuat fungsi tombol profil 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 :
on(release){ gotoAndStop("1"); }
Angka 1 di sini berarti, ketika kita menekan tombol next, maka kita akan berpindah ke frame ke 1.
Mendesain Halaman Menu
Desain tampilan pada halaman menu :
Gambar 3.3 Rancangan Tampilan Halaman Menu Gambar burung
home
Tombol pengertian sampah Tombol dampak terhadap lingkungan Tombol dampak terhadap kesehatan
Cara pembuatannya adalah sebagai berikut :
1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame.
2. Untuk memasukkan gambar ke dalam frame yaitu pilih menu file klik import lalu pilih import to library, masukan gambar dari menu library ke dalam frame.
3. Tombol home berfungsi untuk kembali ke halaman home atau halaman utama. Cara untuk membuat fungsi tombol home 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 :
on(release){ gotoAndStop("2"); }
Angka 2 di sini berarti, ketika kita menekan tombol next, maka kita akan berpindah ke frame ke 2
4. Untuk pembuatan tombol pengertian sampah ketikkan kalimat pengertian sampah. Klik kanan pada kalimat tersebut, pilih Convert to button. Ubah kalimat yang kita tuliskan pada stage itu menjadi button. Untuk membuat script pada tombol pengertian sampah dengan cara mengklik jendela action-buttons ketikkan script program sebagai berikut:
on(release){
gotoAndStop("16"); }
Tombol pengertian sampah bertujuan untuk masuk ke frame pengertian sampah yang ada di frame 16.
5. Untuk membuat tombol dampak sampah terhadap lingkungan sama seperti membuat tombol pengertian sampah. Hanya berbeda pada script nya yaitu sebagai berikut:
on(release){ gotoAndStop("5"); }
Tombol dampak sampah terhadap lingkungan bertujuan untuk masuk ke frame. Dampak sampah terhadap lingkungan yang ada di frame 5.
6. Untuk membuat tombol dampak sampah terhadap kesehatan sama seperti membuat tombol pengertian sampah. Hanya berbeda pada script nya yaitu sebagai berikut:
on(release){ gotoAndStop("9"); }
Tombol dampak sampah terhadap kesehatan bertujuan untuk masuk ke frame. Dampak sampah terhadap kesehatan yang ada di frame 9.
7. Untuk membuat tombol cara penanganan sama seperti membuat tombol pengertian sampah. Hanya berbeda pada script nya yaitu sebagai berikut: on(release){
gotoAndStop("10"); }
Tombol cara penanganan bertujuan untuk masuk ke frame cara penanganan sampah yang ada di frame 10.
Mendesain Tampilan Pengertian Sampah
Desain tampilan pengertian sampah adalah sebagai berikut :
Gambar 3.4 Rancangan Tampilan Pengertian Sampah
Tulisan berjalan
Tulisan bergerak Tombol
organik
Tombol anorgani k Menu
Cara pembuatannya adalah sebagai berikut :
1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame.
2. Untuk pembuatan background pada frame ini, sama seperti pembuatan background pada halaman sebelum nya
3. Untuk pembuatan tulisan berjalan dan tulisan bergerak, sama seperti pembuatan tulisan berjalan atau tulisan bergerak sebelum nya.
4. Tombol menu yang sudah di buat pada frame home akan tersimpan di library, untuk membuat tombol menu di halaman ini drag button menu dari library ke dalam stage.
5. Tombol organik berfungsi untuk masuk ke frame penjelasan sampah organik. Cara untuk membuat fungsi tombol organik 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, pada jendela Actions-Button ketikkan script program sebagai berikut :
gotoAndStop("17"); }
Angka 17 di sini berarti, ketika kita menekan tombol next, maka kita akan berpindah ke frame ke 17.
6. Tombol anorganik berfungsi untuk masuk ke frame penjelasan sampah anorganik. Cara untuk membuat fungsi tombol anorganik sama dengan pembuatan tombol organik hanya beda gambar dan script nya. Script, untuk tombol sampah anorganik sebagai berikut :
on(release){ gotoAndStop("3"); }
Angka 3 di sini berarti, ketika kita menekan tombol next, maka kita akan berpindah ke frame ke 3.
Mendesain Tampilan Penjelasan Sampah Organik
Desain tampilan penjelasan sampah organik adalah sebagai berikut :
Gambar 3.5 Rancangan Tampilan Penjelasan Sampah Organik
Tulisan berjalan
kembali Gambar
Cara pembuatannya adalah sebagai berikut :
1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame.
2. Untuk pembuatan tulisan berjalan pada frame ini, sama seperti pembuatan tulisan berjalan sebelumnya.
3. Tombol kembali berfungsi untuk kembali ke frame sebelum nya. Cara untuk membuat fungsi tombol kembali pada frame ini 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, pada jendela Actions-Button ketikkan script program sebagai berikut :
on(release){
gotoAndStop("16"); }
Angka 16 di sini berarti, ketika kita menekan tombol kembali, maka kita akan berpindah ke frame ke 16.
Gambar kartun
kembali
4. Untuk memasukkan gambar ke dalam frame yaitu pilih menu file klik import lalu pilih import to library, masukan gambar dari menu library ke dalam frame.
Mendesain Tampilan Penjelasan Sampah Anorganik
Desain tampilan penjelasan sampah organik adalah sebagai berikut :
Gambar 3.6 Rancangan Tampilan Penjelasan Sampah Anorganik
Cara pembuatannya adalah sebagai berikut :
1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame.
2. Untuk pembuatan tulisan berjalan pada frame ini, sama seperti pembuatan tulisan berjalan pada frame sebelumnya.
3. Untuk pembuatan tombol kembali pada frame ini, sama seperti pembuatan tombol kembali pada frame penjelasan sampah organik.
4. Untuk memasukkan gambar ke dalam frame yaitu pilih menu file klik import lalu pilih import to library, masukan gambar dari menu library ke dalam frame.
Mendesain Tampilan Dampak Sampah Terhadap Lingkungan
Desain tampilan dampak sampah terhadap lingkungan adalah sebagai berikut :
Gambar 3.7 Rancangan Tampilan Dampak Sampah Terhadap Lingkungan
Cara pembuatannya adalah sebagai berikut :
1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame. teks Tombol air Tombol tanah Tombol udara Menu
2. Tombol menu yang sudah di buat pada frame home akan tersimpan di library, untuk membuat tombol menu di frame ini drag button menu dari library ke dalam stage.
3. Untuk pembuatan tombol air ketikkan air. Klik kanan pada kata tersebut, pilih Convert to button. Ubah kata yang kita tuliskan pada stage itu menjadi button. Untuk membuat script pada tombol pengertian sampah dengan cara mengklik jendela action-buttons ketikkan script program sebagai berikut:
on(release){ gotoAndStop("6"); }
Tombol air bertujuan untuk masuk ke frame penjelasan dampak sampah terhadap air yang ada di frame 6.
4. Untuk membuat tombol tanah sama seperti membuat tombol air. Hanya berbeda pada script nya. yaitu sebagai berikut:
on(release){ gotoAndStop("7"); }
Tombol tanah bertujuan untuk masuk ke frame penjelasan dampak sampah terhadap tanah yang ada di frame 7.
Kembali
5. Untuk membuat tombol udara sama seperti membuat tombol air. Hanya berbeda pada script nya. yaitu sebagai berikut:
on(release){ gotoAndStop("8"); }
Tombol udara bertujuan untuk masuk ke frame dampak sampah terhadap udara yang ada di frame 8
Mendesain Tampilan Dampak Sampah Terhadap Air
Desain tampilan dampak sampah terhadap air adalah sebagai berikut :
Gambar 3.8 Rancangan Tampilan Dampak Sampah Terhadap Air
Cara pembuatannya adalah sebagai berikut :
1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame.
2. Untuk membuat background pada tampilan ini pilih menu file klik pada pilihan import lalu pilih import to library, kemudian pilihlah gambar yang diinginkan. Sesuaikan lah ukuran gambar dengan ukuran frame.
3. Untuk pembuatan tulisan berjalan pada frame ini, sama seperti pembuatan tulisan berjalan pada frame sebelumnya.
4. Tombol kembali yang sudah di buat pada frame penjelasan sampah organik akan tersimpan di library, untuk membuat tombol kembali di frame ini drag button kembali dari library ke dalam stage. Untuk membuat script pada tombol kembali dengan cara mengklik jendela action-buttons ketikkan script program sebagai berikut:
on(release){ gotoAndStop("5"); }
Angka 5 di sini berarti, ketika kita menekan tombol kembali, maka kita akan berpindah ke frame ke 5 atau frame dampak sampah terhadap lingkungan.
kembali
Mendesain Tampilan Dampak Sampah Terhadap Tanah
Desain tampilan dampak sampah terhadap tanah adalah sebagai berikut :
Gambar 3.9 Rancangan Tampilan Dampak Sampah Terhadap Tanah
Cara pembuatannya adalah sebagai berikut :
1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame.
2. Untuk membuat background pada tampilan ini pilih menu file klik pada pilihan import lalu pilih import to library, kemudian pilihlah gambar yang diinginkan. Sesuaikan lah ukuran gambar dengan ukuran frame.
3. Untuk pembuatan tulisan berjalan pada frame ini, sama seperti pembuatan tulisan berjalan pada frame sebelumnya.
4. Untuk pembuatan tombol kembali pada frame ini, sama seperti pembuatan tombol kembali pada frame dampak sampah terhadap air.
kembali
Mendesain Tampilan Dampak Sampah Terhadap Udara
Desain tampilan dampak sampah terhadap udara adalah sebagai berikut :
Gambar 3.10 Rancangan Tampilan Dampak Sampah Terhadap Udara
Cara pembuatannya adalah sebagai berikut :
1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame.
2. Untuk membuat background pada tampilan ini pilih menu file klik pada pilihan import lalu pilih import to library, kemudian pilihlah gambar yang diinginkan. Sesuaikan lah ukuran gambar dengan ukuran frame.
3. Untuk pembuatan tulisan berjalan pada frame ini, sama seperti pembuatan tulisan berjalan pada frame sebelumnya.
4. Untuk pembuatan tombol kembali pada frame ini, sama seperti pembuatan tombol kembali pada frame dampak sampah terhadap air.
Mendesain Tampilan Dampak Sampah Terhadap Kesehatan
Desain tampilan dampak sampah terhadap kesehatan adalah sebagai berikut :
Gambar 3.11 Rancangan Tampilan Dampak Sampah Terhadap Kesehatan
Cara pembuatannya adalah sebagai berikut :
1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame.
2. Untuk membuat background pada tampilan ini pilih menu file klik pada pilihan import lalu pilih import to library, kemudian pilihlah gambar yang diinginkan. Sesuaikan lah ukuran gambar dengan ukuran frame.
3. 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.
Tulisan bergerak Tulisan bergerak Tulisan bergerak Tulisan bergerak Tulisan bergerak Menu
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();
4. Tombol menu yang sudah di buat pada frame home akan tersimpan di library, untuk membuat tombol menu di halaman ini drag button menu dari library ke dalam stage.
Mendesain Tampilan Cara Penanganan
Desain tampilan dampak cara penanganan adalah sebagai berikut :
:
Gambar 3.12 Rancangan Tampilan Cara Penanganan
Cara pembuatannya adalah sebagai berikut :
1. Membuat Frame baru klik kanan pada Frame awal setelah itu pilih insert Blank KeyFrame.
2. Tombol menu yang sudah di buat pada frame home akan tersimpan di library, untuk membuat tombol menu di frame ini drag button menu dari library ke dalam stage.
3. Untuk pembuatan tombol “cara penanganan sampah dengan reduce / mengurangi” ketikkan kalimat cara penanganan sampah dengan reduce / mengurangi. Klik kanan pada kalimat tersebut, pilih Convert to button.
Tombol reduce Tombol reuse Tombol recycle Tombol replace Tombol destroy Menu
Ubah kalimat yang kita tuliskan pada stage itu menjadi button. Untuk membuat script pada tombol cara penanganan sampah dengan reduce / mengurangi dengan cara mengklik jendela action-buttons ketikkan script program sebagai berikut:
on(release){
gotoAndStop("11"); }
Tombol cara penanganan sampah dengan reduce / mengurangi bertujuan untuk masuk ke frame cara penanganan sampah dengan reduce / mengurangi
sampah yang ada di frame 11.
4. Untuk membuat tombol “cara penanganan sampah dengan reuse / memakai kembali” sama seperti membuat tombol “cara penanganan sampah dengan reduce / mengurangi”. Hanya berbeda pada script nya yaitu sebagai berikut:
on(release){
gotoAndStop("12"); }
Tombol “cara penanganan sampah dengan reuse / memakai kembali” bertujuan untuk masuk ke frame cara penanganan sampah dengan reuse / memakai kembali sama yang ada di frame 12.
5. Untuk membuat tombol “cara penanganan sampah dengan recycle / mendaur ulang” sama seperti membuat “cara penanganan sampah dengan reduce / mengurangi”. Hanya berbeda pada script nya yaitu sebagai berikut:
on(release){
gotoAndStop("13"); }
Tombol “cara penanganan sampah dengan recycle / mendaur ulang” bertujuan untuk masuk ke frame cara penanganan sampah dengan recycle / mendaur ulang yang ada di frame 13.
6. Untuk membuat tombol “cara penanganan sampah dengan replace / mengganti” sama seperti membuat tombol “cara penanganan sampah dengan reduce / mengurangi”. Hanya berbeda pada script nya yaitu sebagai berikut:
on(release){
gotoAndStop("14"); }
Tombol “cara penanganan sampah dengan replace / mengganti” bertujuan untuk masuk ke frame cara penanganan sampah dengan replace / mengganti sampah yang ada di frame 14.
Kembali
7. Untuk membuat tombol “cara penanganan sampah dengan destroy / menghancurkan” sama seperti membuat tombol “cara penanganan sampah dengan reduce / mengurangi”. Hanya berbeda pada script nya yaitu sebagai berikut:
on(release){
gotoAndStop("15"); }
Tombol “cara penanganan sampah dengan destroy / menghancurkan” bertujuan untuk masuk ke frame cara penanganan sampah dengan destroy / menghancurkan yang ada di frame 15
Mendesain Tampilan Cara Penanganan Dengan Reduce
Desain tampilan cara penanganan dengan reduce adalah sebagai berikut :
Gambar 3.13 Rancangan Tampilan Cara Penanganan Dengan Reduce