Pada frame menu, tekan CTRL+F8 pilih movie clip beri nama tiang. Gambar

dengan mengaktifkan Selection Tool. Pada color pilih type Linear dengan 3 titik. Bukit pertama dan kedua warnai berturut dengan FFFFFF, 00FF00, 00CC33 dengan stroke color warna hijau ukuran 9 dan stroke style garis putus. e. Pada layer komputer, tekan CTRL+F8 pilih movie clip dan beri nama sesuai dengan layer. Buat 5 layer berturut kabelmouse, PC, keyboard, huruf, mouse. Gambar objek dengan menggunakan Line Tool dan Selection Tool untuk melengkungkan,meluruskan, dan memotong garis pada objek. Setelah semua digambar, insert keyframe F6 diposisi frame 85 pada semua layer. Antara frame 1 dan frame 85 pada PC lakukan motion shape dengan mengatur properties Motion: Shape. Lakukan perubahan bentuk gambar dengan Free Transform Tool dengan memperkecil atau memperbesar objek PC. Ubah warna screen monitor dengan warna 000099. Begitu seterusnya pada layer mouse, keyboard, huruf, dan kabel mouse. Masukkan Action Script: Stop; pada frame 85 disemua layer untuk menghentikan gerakan objek agar tidak berulang. f. Pada frame menu, tekan CTRL+F8 pilih movie clip beri nama tiang. Gambar tiang dengan Line Tool dan untuk melengkungkan pilih Free Transform Tool. Pada tiang batasi dengan setiap garis yang terdiri dari 4 bagian dengan warna yang berbeda yaitu biru, kuning, ungu, merah, pink fungsinya untuk meletakkan masing-masing menu yang akan di link. Kemudian tekan CTRL+F8 pilih button. Beri nama sesuai layer. Pada up ketik tulisan This page was created using Nitro PDF trial software. To purchase, go to http:www.nitropdf.com “Defenisi Komputer” dengan ukuran 18 dan warna merah. Tekan F6 pada frame up untuk insert keyframe sampai ke hit. Pada over dan down, ubah ukuran huruf menjadi 20 namun pada down perkecil ukuran dengan Free Transform Tool dan pada hit tetap pada keadaan semula. Begitu pula untuk membuat link pada perangkat keras, perangkat lunak, kuis, dan keluar. Setelah selesai membuat link, drag masing-masing ke stage pada tiang yang telah dipisah dengan garis. g. Pada layer burung dan bunga, di sini penulis men-download animasi.gif agar tampilan lebih menarik dan sempurna, penulis hanya meng-edit motion tweennya saja agar animasi lebih tepat dalam penggerakan animasi, animasi.gif ini dibuat menjadi simbol dengan cara pada setiap layer tersebut tekan F8, pilih movie clip, dan beri nama sesuai nama layer tersebut.

3.2.3 Desain Halaman Defenisi Komputer

a. Buka halaman baru beri judul Defenisi.fla. Ubah ukuran stage menjadi 800 x 400 pixels. Buat 9 layer secara berturut yaitu layer background, papan, judul, defenisi, istilah , guru, link, efek, komputer. b. Pada layer background, tekan CTRL+ F8, pilih movie clip, dan beri nama sesuai layer, kemudian membuat background dengan menggunakan 5 buah Rectangle tool yang dibuat secara vertikal dengan warna yang berbeda berturut 0066FF, FFFF00, FF00FF, 00FF00, FF6633 alpha 58 . Masih dalam keadaan terseleksi, tekan CTRL+D untuk menggandakan objek. Lakukan hingga 2 kali. This page was created using Nitro PDF trial software. To purchase, go to http:www.nitropdf.com Atur posisinya hingga menutupi background stage. Tambahkan kembali 2 Rectangle Tool dengan warna putih dan coklat alpha 58 letakkan dibawah dengan posisi horizontal. 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 putus-putus dengan warna hitam.Untuk menggambar spidol dan penghapus dengan menggunakan Line Tool. d. Pada layer judul, tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. Ketik tulisan “KOMPUTER” dengan ukuran 44 warna merah marun. Blok tulisan dan tekan CTRL+B lalu pilih Modify- Timeline- Disrtibute To Layers, maka muncul beberapa layer terpisah dengan huruf yang diketik tersebut. Hapus layer 1. Blok semua layer hingga ke posisi frame 4. Tekan F6 untuk Insert Keyframe. Pada layer K, ubah warna K menjadi biru pada frame 2, frame 3 menjadi warna kuning dan frame 4 menjadi warna merah tua. Pada layer O diposisi frame 2,3, dan 4 ubah warna menjadi pink, biru, hijau. Lakukan hal yang sama untuk huruf M,P,U,T,E,R dengan warna yang berbeda untuk setiap frame 2,3, dan 4. e. Pada layer defenisi, ketik tulisan “defenisi” dengan menggunakan Text Tool ukuran 34. Pada frame 35 tekan F6 lalu geser kata defenisi ke atas tepat diatas judul komputer. Klik kanan Create Motion Tween diantara frame 1 dan 35. Masukkan ActionScrip: Stop; pada frame 35. This page was created using Nitro PDF trial software. To purchase, go to http:www.nitropdf.com f. Pada layer istilah, tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. Ketik tulisan “Istilah Komputer berasal dari Bahasa Latin yaitu Computare yang berarti Menghitung” lalu blok tulisan dan tekan CTRL+B dan pilih Modify- Timeline- Disrtibute To Layers, maka muncul beberapa layer terpisah dengan huruf yang diketik tersebut. Geser layer 1 tepat dibawah layer G Geser frame 1 pada layer I ke frame 2, Pada layer S frame 1 geser ke frame 3, begitu seterusnya hingga layer g berjarak 1 frame. Pada layer 1 geser frame ke frame 75 dan tekan F6 geser ke posisi 80 perbesar tulisan dengan Free Transform Tool. Create Motion Tween antara frame 75 dan 80. Masih di layer 1 tekan F5 pada frame 180 Tambahkan layer dengan nama simulasi dan defenisi. Pada layer defenisi ketik tulisan pengertian komputer pada frame 181.Tekan F5 di frame 350 dan tambahkan keyframeF6 di frame 351 masukkan Action Script:Stop; lalu hapus frame dengan menekan tombol delete. g. Tekan CTRL+F8, pilih movie clip, dan beri nama simulasi. Buat 4 layer baru dengan nama masuk, data, proses, simpan, selesai. Pada layer masuk, gambar objek komputer di frame 1. Gambar tanda panah dengan Line Tool di frame 1 layer data dan letakkan tepat diatas gambar komputer.Tekan F6 hingga frame 10 pada layer masuk dan frame 15 layer data. Pada frame 15 layer data, tekan F6 di posisi 20 kemudian lakukan motion tween diantara keduanya. Geser tulisan data mengikuti tanda panah seolah-olah masuk kedalam komputer. Masih di layer data, tekan F6 hingga frame 30. Isi setiap frame 21 sampai 30 dengan masing- masing huruf didalam gambar komputer.Pada layer masuk, tekan F6 dari frame 30 sampai 36. Isi setiap frame dengan gerakan tanda panah ke samping menuju objek proses yang dibuat pada layer proses. Pada layer proses gambar objek This page was created using Nitro PDF trial software. To purchase, go to http:www.nitropdf.com tabung di frame 37 tekan F6 pada frame 45 kemudian atur pada properties, pilih Motion: Twin, Rotate: CW diantara frame 37 dan 45 dan tekan F6 hingga frame 53 isi setiap frame dengan tanda panah ke samping . Pada layer simpan frame 54, masukkan text tepat didalam tabung tekan F6 pada frame 58. Create Motion Tween diantara frame 54 dan 58 geser kata simpan kearah kanan. Tekan F6 8 kali pada layer simpan sampai frame 95 berjarak 5 dan gambar lingkaran dengan menggunakan Oval Tool. Tempatkan di atas kata simpan. Gambarkan tanda panah kembali di layer proses di frame 54. Pada layer simpan gambarkan kembali kompuer untuk hasil akhir dari simulasi ini. Ketik tulisan informasi dan letakkan tepat di screen monitor. Lalu pada layer komputer, data, proses dan simpan tekan F6 pada frame 180. Langkah terakhir, Insert frame pada semua layer di frame 500. Buka kembali simbol istilah. Pada layer simulasi,tekan F6 pada frame 350 kemudian drag simbol simulasi dari panel library. Insert Keyframe pada layer defenisi dan simulasi di frame 800. h. Pada layer guru, 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. This page was created using Nitro PDF trial software. To purchase, go to http:www.nitropdf.com i. Pada layer link, tekan CTRL+F8, pilih button dan beri nama home. Gambarkan bentuk rumah dengan menggunakan Line Tool ubah warna atap dengan merah dan dinding warna putih. Masukkan teks “home” dengan Text Tool. Tekan F6 hingga posisi hit. Pada over dan down ubah warna stroke menjadi kuning dan warna dasar tidak ada. Perkecil objek pada down dengan menggunakan Free Transform Tool. j. Pada layer efek, tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. Gambar komputer dengan menggunakan Line Tool warnai objek dengan warna hitam dan atur alpha 40. Pada layer efek, tekan F6 sebanyak 6 kali dan beri jarak 10.Geser objek ke segala arah dekat dengan papan tulis di setiap frame. k. Pada layer komputer, tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. Buat 9 layer baru dengan nama bayangan, kaki, tangan, mouse, kepala, alis, mata, mulut. Gambar objek dengan menggunakan Line Tool dan warnai dengan Paint Bucket Tool. Pada objek komputer ini, yang dianimasikan hanyalah tangan, mulut, dan mata dengan diisi objek yang berbeda pada setiap frame.

3.2.4 Desain Halaman Perangkat Keras

a. Buka halaman baru beri judul Opening Hardware.fla. Ubah ukuran stage menjadi 800 x 400 pixels.Buat 5 layer secara berturut yaitu layer background, home, orang, efek, hardware. This page was created using Nitro PDF trial software. To purchase, go to http:www.nitropdf.com 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 back 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 4 titik warna berurut 0099FF, 079CFF, 15A1FF, FFFFFF. Untuk kotak sebelah kanan, warnai dengan warna type Linear dengan 2 titik berurut FF3366, FFFFFF dengan alpha 100. Pada layer bulat, gambar 4 objek lingkaran dengan menggunakan Oval Tool warnai dengan FF00FF alpha 45. 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 Home, tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. tekan CTRL+F8, pilih button dan beri nama home. Gambarkan bentuk rumah dengan menggunakan Line Tool ubah warna atap dengan merah dan dinding warna putih. Masukkan teks “home” dengan Text Tool. Tekan F6 hingga posisi hit. Pada over dan down ubah warna stroke menjadi kuning dan warna dasar tidak ada. Perkecil objek pada down dengan menggunakan Free Transform Tool. d. 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, This page was created using Nitro PDF trial software. To purchase, go to http:www.nitropdf.com 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. 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 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. -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 This page was created using Nitro PDF trial software. To purchase, go to http:www.nitropdf.com 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 een dan 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 hardware, terdapat 2 objek berbeda yaitu subjudul dan link. -Untuk membuat subjudul: Tekan CTRL+F8, pilih movie clip, dan beri nama subjudul. Buat 2 layer baru, layer 2, ketikkan judul hardware pada frame 1 ketik pengertian hardware dengan menggunakan Text Tool dan layer 1 gambar objek menggunakan Line Tool dan lengkungkan dengan Selection Tool warna dasar putih dan pada stroke This page was created using Nitro PDF trial software. To purchase, go to http:www.nitropdf.com pilih warna pelangi dengan type Linear. Tekan F6 di frame 45 pada layer 1 dan 2. Create Motion Tween besarkan dan kecilkan objek dengan Free Transform Tool -Untuk membuat Link Tekan CTRL+F8, pilih movie clip, dan beri nama link. Gambarkan sebuah kotak dengan menggunakn Rectangle Tool dengan warna FFFFFF dan alpha 32 . Masukkan gambar hardware yang sebelumnya di convert to symbol agar berfungsi menjadi tombol button yang ketika di klik maka akan muncul keterangan dari gambar tersebut.

3.2.4.1 Desain Halaman Hardware

Pada bagian ini menjelaskan pengert ian dari suat u hardw are yang apabila diklik gambar maka akan muncul pengert ian dari hardw are t ersebut . Adapun hardw are yang akan di link pada halaman ini adalah CPU, monit or, keyboard, scanner, mouse, print er, st abilizer, dan UP S. Dalam hal ini penulis hanya menjelaskan halaman CPU dan monit or, karena pada dasarnya langkah yang dilakukan sama, namun yang membedakan hanyalah gambar objek, penamaan, warna background dan pengert ian dari hardw are t ersebut .

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. 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 back gambar 2 This page was created using Nitro PDF trial software. To purchase, go to http:www.nitropdf.com 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 This page was created using Nitro PDF trial software. To purchase, go to http:www.nitropdf.com 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 M ot ion Tween ant ara frame 1 dan frame 40. Pada frame 40 geser keyboard ke baw ah This page was created using Nitro PDF trial software. To purchase, go to http:www.nitropdf.com 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 een dan 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.