PERANCANGAN SISTEM
3.2 Perancangan Aplikas
3.2.4 Desain Halaman Perangkat Keras
3.2.4.2 Desain Halaman CPU
a. Buka halaman baru beri judul CPU.fla. Ubah ukuran stage menjadi 800 x 400 pixels. Buat 6 layer secara berturut yaitu layer background, papan, link, efek, orang, hardware.
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 kanan, 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. 1. 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 ber-type 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 30 dan 40 Create Motion Shape dan kembalikan tulisan ke bentuk awal. Langkah terakhir pilih Insert Frame pada posisi 100.
2. 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. Padalayer keyboard frame 1 t ekan F6 dan geser ke posisi 40. Create
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, tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. Buat 9 layer baru yaitu mata, alis, tangan kanan, mulut, hidung,wajah, baju, sepatu, tangan kiri.Gambar objek dengan Line Tool dan Selection Tool. Dalam objek guru ini, yang dianimasikan hanya mata, tangan, dan mulut. Maka disetiap layer mata, mulut, dan tangan diisi frame dengan objek yang berbeda. Untuk mata berjarak 5 setiap frame dengan 2 gambar masing–masing frame yaitu mata terbuka dan tertutup, mulut bejarak 4 dengan gambar mulut sedang terkatup dan terbuka, dan tangan berjarak 7 dengan gambar setiap frame tangan mengepal,
terbuka dan menunjuk ke papan tulis, untuk meng-editnya dengan menggunakan Free Transform Tool.
g. Pada layer hardware, terdiri atas 3 simbol yaitu text, CPU, dan defenisi.
1. Tekan CTRL+F8, pilih movie clip, dan beri nama text. Ketik tulisan