Mendesain Menu Utama Mendesain Animasi Kubus – Balok

lembar kerja utama dan tombol tersebut secara otomatis tersimpan di panel library. 9. Selanjutnya susunlah tampilan utama agar terlihat baik, yaitu letak ikan, dan tombol disesuaikan dengan background. Ambil semua gambar yang dibutuhkan di panel library. 10. Simpan file dengan nama depan.swf

3.2 Mendesain Menu Utama

1. Buka lembar kerja baru Adobe Flash CS5 dan ubah stage size nya menjadi 1360x680 pixels atau disesuaikan. 2. Kemudian import gambar ke panel library dengan cara pilih File  import  import to library, kemudian akan keluar kotak dialog import to library dimana akan dipilih gambar, pilih gambar 1.jpg kemudian tekan OK. 3. Siapkan 3tiga buah layer pada timeline, yaitu layer background, layer pilihan dan layer ayamku. 4. Selanjutnya pada layer background, drag gambar 1.jpg ke stage dan sesuaikan ukurannya dengan stage. 5. Pindah ke layer pilihan, pada layer ini, ketikkan teks berupa dynamic text dan susun sedemikian rupa, yaitu KUBUS-BALOK, PRISMA, LIMAS, TABUNG, KERUCUT, BOLA, QUIZ, EXIT. Kemudian tulisan-tulisan ini akan dijadikan tombol dengan cara me-link tulisan-tulisan tersebut dengan file-file yang dituju dengan terlebih dahulu mengubah setiap tulisan menjadi symbol  movie clip, Universitas Sumatera Utara kemudian mengetikkan action script yang fungsinya untuk memanggil animasi yang dituju. 6. Simpan dengan nama Menu Pembuka.swf

3.3 Mendesain Animasi Kubus – Balok

1. Buka lembar kerja baru, dan tembahkan 7 scene dengan memilih insert  scene, menambahkan scene ini bertujuan agar animasi tidak saling bertabrakan dalam satu file. 2. Pada scene 1, siapkan 5 layer yaitu layer background, layer gambar, layer tulisan, layer judul, dan layer tombol. 3. Pada layer background, pilih rectangle tool, lalu pilih line color none, dan fill color linear gradient, lalu atur warnanya gradasi hijau muda dan merah muda, kemudian pilih free transform tool  gradient transform tool putar 90 ◦ sehingga warna hijau muda diatas, dan warna merah muda dibawah. Kemudian pilih oval tool buat line color none, fill color kuning muda, lalu gambarkan bentuk oval ditengah agak kebawah dengan ukuran disesuaikan dengan bacnkground. Setelah itu sorot seluruh gambar, dan pilih modify  group, agar semua gambar menjadi satu kesatuan di layer background sehingga memudahkan jika ingin mengubah ukuran. 4. Selanjutnya pada layer gambar, ambil movie clip Kubus dan Balok dari library yang telah dibuat sebelumnya. Universitas Sumatera Utara 5. Selanjutnya pada layer tulisan, ambil movie clip Penjelasan Balok dari panel library yang telah dibuat sebelumnya dan atur posisi dan ukuran sesuai dengan background. 6. Selanjutnya pada layer judul, ketikkan tulisan judulnya KUBUS dan BALOK, kemudian sorot tulisan tersebut, lalu klik kanan dan pilih convert to symbol. Selanjutnya masih dalam keadaan tersorot, pilih insert  classic tween, kemudian doubleclick gambar untuk masuk ke lembar kerja classic tween. Kemudian buatlah 5 keyframe dimana setiap keyframe berada per satu detik, yaitu keyframe di frame 1,2,3,4,5. Pada keyframe 1, tulisan tetap biasa berwarna abu-abu, pada frame 2 klik text tool lalu sorot tulisan, dan ganti warna tulisan dengan warna merah, dengan cara yang sama di frame 3 warna kuning, frame 4 warna biru, frame 5 warna ungu, frame 6 warna pink, dan frame 7 warna putih. Lalu kembali ke lembar kerja utama. 7. Selanjutnya pada layer tombol, ambil button backward pada panel library yang telah dibuat sebelumnya, atur posisinya kesebelah kiri sudut dan atur ukurannya agar sesuai dengan item-item sebelumnya. 8. Selanjutnya pada scene 2, buat pilih modify  document  ganti warna stage menjadi biru gelap. 9. Lalu gambarkan sebuah kubus beserta judulnya yaitu unsur-usur kubus. Sorot gambar dan judul lalu klik kanan pada gambar, pilih convert to symbol, type movie clip dan namanya kubus_mc. Dalam keadaan tetap tersorot, pilih insert  classic tween, lalu doubleclick pada gambar untuk masuk ke lembar kerja classic tween. Lalu buatlah keyframe pada frame 1, 5, 10, 15, 20, 25, 30, 35, dan 40. Pada frame 1 gambar dan tulisan tetap normal. Pada frame 5, hapus judul, lalu tandai titik sudut yang sebanyak 8 buah dengan titik-titik merah, dan beri tulisan titik sudut Universitas Sumatera Utara ada 8 buah. Lalu pada keyframe 10, hapus semua perubahan yang sebelumnya sehingga yang tinggal hanya gambar kubus saja, kemudian beri garis merah pada salah satu rusuk kubus dan tuliskan rusuk ada 12 buah. Kemudian di keyframe 15 hapus semua perubahan yang sebelumnya, lalu fill salah satu sisi atas kubus dengan warna merah, dan beri tulisan sisibidang ada 6. Kemudian di keyframe 20 hapus semua perubahan sebelumnya, lalu beri garis putus-putus diagonal berwarna merah pada sisi atas kubus lalu beri tulisan diagonal bidang. Selanjutnya pada keyframe 25 hapus semua perubahan yang ada sebelumnya, lalu beri garis diagonal berwarna merah antara sudut kanan atas kubus dan sudut kiri bawah kubus dan beri tulisan diagonal ruang. Selanjutnya pada keyframe 30 gambarkan sisi diagonal didalam kubus dan fill warna merah dan beri tulisan bidang diagonal. Lalu masukkan keyframe pada frame 35 dan 40. 10. Lanjut ke scene 3. Pada scene 3 tuliskan keterangan rumus pada kubus, yaitu rumus luas kubus beserta contoh dan gambarnya. 11. Lanjut ke scene 4 buatlah tulisan keterangan rumus volume kubus beserta contohnya. 12. Selanjutnya pada scene 5, pada panel library, klik movie clip kubus_mc, klik kanan lalu pilih duplicate beri nama balok_mc. Kemudian doubleclick gambar tersebut untuk mengedit gambarnya menjadi balok, dna seluruh keterangan dan keyframe nya sama. 13. Kemudian pada scene 6 tuliskan keterangan rumus pada balok, yaitu rumus luas balok beserta contoh dan gambarnya. 14. Pada scene 7 buatlah tulisan keterangan rumus volume balok beserta contohnya. 15. Simpan file dengan nama mulai belajar1.swf. Universitas Sumatera Utara

3.4 Mendesain Animasi Prisma