PERANCANGAN SISTEM
3. Tekan CTRL+F8, pilih movie clip, dan beri nama defenisi Ketik pengertian dari CPU Blok tulisan lalu tekan CTRL+B dan pilih Modify-Timeline-
Distribute to layers. Maka akan muncul beberapa layer yang terpisah sesuai dengan huruf yang diketik. Geser setiap frame pada layer dengan dengan berjarak 1. Masukkan ActionScript: Stop(); pada frame 55 pada layer a setelah sebelumnya Insert frame 55 pada semua layer.
3.2.4.3 Desain Halaman M onitor
a. Buka halaman baru beri judul Monitor.fla. Ubah ukuran stage menjadi 800 x 400 pixels. Buat 6 layer secara berturut yaitu layer background, papan, link, efek, orang, hardware.
b. Pada layer background, , tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. Buat 3 layer baru dengan nama back, bulat, efek. Pada layer background gambar 2 buah Rectangle Tool. Letakkan berdampingan,dengan posisi lebih kecil kiri dan kanan lebih besar. Untuk kotak yang sebelah kanan, warnai dengan type Radial dengan 2 titik warna berurut #00CC33, #FFFFFF. Untuk kotak sebelah kiri, warnai dengan warna type Linear dengan 2 titik berurut #FF3366, #FFFFFF dengan alpha 100%. Tambahkan gambar lemari buku dan pot menggunakan Line Tool dan Retangle Tool. Pada layer bulat, gambar 4 objek lingkaran dengan menggunakan Oval Tool kemudian potong masing masing sisi luarnya, sehingga kelihatan seperti bentuk ketupat. Tekan CTRL+D untuk menggandakan, rapatkan posisi objek dengan yang lainnya hingga membentuk bulatan. Letakkan tepat diatas kotak yang sebelah kanan. Pada layer efek, buat persegi panjang dengan Rectangle Tool, atur warna dengan #FF0000 dan stroke pilih garis putus dengan ukuran 1,5 dengan warna #0099FF. Masih pada layer efek, letakkan objek diantara 2 kotak yang telah dibuat.Tekan F6 pada frame 35 kemudian Create Motion Tween diantara frame 1 dan 35 pada layer efek. Geser kotak persegi panjang ke atas. Pastikan ketika menggeser objek frame berada pada 35.
c. Pada layer papan, tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. Gambarkan papan tulis dengan menggunakan Rectangle Tool warna putih dan
stroke style garis solid dengan warna hitam.Untuk menggambar spidol dan penghapus dengan menggunakan Line Tool dan warnai dengan Paint Bucket Tool.
d. Pada layer link, terdapat 2 tombol yaitu Back dan Next. Tekan CTRL+F8, pilih button dan beri nama Kembali . Pada frame up ketikkan tulisan Back dengan menggunakan Text Tool dan beri warna hitam. Tekan F6 pada over dan down. Pada over dan down masukkan ikon kartun pada panel library dan letakkan tepat disamping kiri kata Back, perkecil objek Back dengan menggunakan Free Transform Tool. Tekan F5 pada hit warna dasar tidak ada. Perkecil objek pada down dengan menggunakan Free Transform Tool. Lakukan langkah yang sama untuk membuat tombol Next.
e. Pada layer efek, ada 2 objek sekaligus yaitu judul dan efek jatuh. Untuk membuat judul :
Tekan CTRL+F8, pilih movie clip, dan beri nama dengan judul. Ketik “Perangkat Keras” dengan menggunakan Text Tool dengan warna merah . Tekan CTRL+B sebanyak 2 kali hingga muncul titik-titik penuh pada setiap huruf. Tekan F6 sebanyakj 3 kali lalu geser ke frame 20, 30, dan 40.Untuk membuat tulisan memiliki 2 warna yang berbeda, menggunakan Line Tool yang digambar ditengah pada huruf, lalu warnai bagian atas atau bawah huruf secara acak dengan warna bertype Linear berturut #00FFFF, #3333CC, #FF00FF ini dilakukan pada frame 20. Create Motion Shape antara frame 1 dan 20. Begitu pula seterusnya antara frame 20 dengan 30 Motion Shaping dengan warna seperti semula. Antara frame
Untuk membuat efek jatuh:
Tekan CTRL+F8, pilih movie clip, dan beri nama dengan efek jat uh. Buat 4 layer baru bert urut dengan nama mouse, CPU, monit or, keyboard. Pada layer keyboard, gambar t erlebih dahulu keyboard dengan m enggunakan Line Tool dan Paint Bucket Tool dengan w arna abu-abu. Pada layer keyboard frame 1 t ekan F6 dan geser ke posisi 40. Create M ot ion Tween ant ara frame 1 dan frame 40. Pada frame 40 geser keyboard ke baw ah seolah-olah jat uh dan at ur alpha menjadi 28%. Pada layer monit or, t ekan F6 pada frame 5 dan gambarkan monit or dengan Line Tool gant i w arna dengan abu-abu. Tekan F6 kembali sebanyak 6 kali t empat kan pada frame 10, 15, 35,42. Pada frame 10 dan 15 hanya mengubah w arna pada objek. Ant ara frame 15 dan 35 , 35 dan 40 Creat e M ot ion Tw eendan jat uhkan objek monit or kebaw ah dengan alpha 28%. Pada layer CPU, t ekan F6 pada frame 9 kemudian gambar CPU dengan Line Tool, w arnai dengan abu-abu. Tekan F6 pada frame 40 dan Create M ot ion Tween geser CPU kebawah. Pada layer mouse t ekan F6 pada frame 6 dan gambar objek mouse menggunakan Line Tool dan Select ion Tool unt uk melengkungkan objek w arnai dengan abu-abu. Tekan F6 pada frame 35 dan 40. Creat e M ot ion Tween ant ara frame 6 dan 35, 35 dan 40 dengan gerakan jat uh kebaw ah unt uk masing-masing gerakan. Blok semua layer pada frame 50 t ekan F6, naikkan kembali dan susun objek menjadi sat u perangkat komput er yang t ak t erpisah. Tekan F6 pada layer keyboard, monit or, CPU, mouse bert urut pada frame 65, 75, 80, 85. Geser masing-masing objek keat as dan susun kembali menjadi perangkat komput er.
f. Pada layer orang, t ekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. Buat 9 layer baru yait u mat a, alis, t angan kanan, mulut , hidung,w ajah, baju, sepat u, t angan kiri.Gambar objek dengan Line Tool dan Select ion Tool. Dalam objek guru ini, yang
dianimasikan hanya mat a, t angan, dan mulut . M aka diset iap layer mat a, mulut , dan t angan diisi frame dengan objek yang berbeda. Untuk mat a berjarak 5 set iap frame dengan 2 gambar masing–masing frame yait u mat a t erbuka dan t ert utup, mulut bejarak 4 dengan gambar mulut sedang t erkatup dan t erbuka, dan t angan berjarak 7 dengan gambar set iap frame t angan mengepal, t erbuka dan menunjuk ke papan t ulis, unt uk meng-edit nya dengan menggunakan Free Transform Tool.
g. Pada layer hardware, terdiri atas 3 simbol yaitu text, monitor, dan defenisi. 1. Tekan CTRL+F8, pilih movie clip, dan beri nama text. Ketik tulisan
“Monitor”dengan menggunakan Text Tool dan tekan F6 sebanyak jumlah huruf pada monitor. Ganti warna kuning pada setiap frame satu huruf begitu seterusnya.
2. Tekan CTRL+F8, pilih movie clip, dan beri nama monitor. Gambar monitor