Pada layer background, , tekan CTRL+F8, pilih movie clip, dan beri nama sesuai Pada layer papan, tekan CTRL+F8, pilih movie clip, dan beri nama sesuai 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 This page was created using Nitro PDF trial software. To purchase, go to http:www.nitropdf.com 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 30 dan 40 Create Motion Shape dan kembalikan tulisan ke bentuk awal. Langkah terakhir pilih Insert Frame pada posisi 100. This page was created using Nitro PDF trial software. To purchase, go to http:www.nitropdf.com 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 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, 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 This page was created using Nitro PDF trial software. To purchase, go to http:www.nitropdf.com 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 dengan Line Tool. Create Motion Shape perkecil dan perbesar objek dengan Free Transform Tool. 3. Tekan CTRL+F8, pilih movie clip, dan beri nama defenisi. Ketik pengertian dari monitor. 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 Action Script: Stop; pada frame terakhir.

3.2.5 Desain Halaman Perangkat Lunak

This page was created using Nitro PDF trial software. To purchase, go to http:www.nitropdf.com Halaman perangkat lunak adalah tampilan animasi beberapa perangkat lunak yang disertai link menuju video bagaimana mengoperasikan perangkat lunak tersebut. a. Buka halaman baru beri judul software.fla. Ubah ukuran stage menjadi 800 x 400 pixels. Buat 6 layer secara berturut yaitu layer background, papan, software, orang, judul, home. b. Pada layer background, tekan CTRL+F8, pilih movie clip, dan beri nama sesuai layer. Buat 3 layer baru. Pada layer 1, buat kotak menggunakan Rectangle Tool kemudian ganti warna menjadi FF6600 dan gambarkan lengkungan dibawahnya dengan menggunakan Rectangle Tool kemudian ganti warna menjadi FFFF00 dan pada layer 3 buat garis dengan Line Tool, ubah ukuran menjadi 8 dan warna E5E5E5 letakkan tepat diatas lengkungan . Pada layer 2, buat garis mengikuti lengkungan dan kotak dari arah bawah keatas menggunakan Line Tool sebanyak 6 buah. Tekan F6 sebanyak 4 kali dengan jarak frame 5, yaitu pada frame 5,10,15,20,25. Lakukan peng-editan warna pada setiap frame. Frame 1 ubah warna garis 1 dengan warna FF9900 alpha 50, frame 5 ubah garis ke 2 dengan warna yang sama. Begitu seterusnya hingga frame 25. Maka akan tampak seperti cahaya yang berganti-ganti. 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. This page was created using Nitro PDF trial software. To purchase, go to http:www.nitropdf.com d. Pada layer software, terdiri dari 4 simbol button. Microsoft Word, Excel, Paint, dan winamp. Untuk membuat simbol Micorsoft Word tekan CTRL+F8, pilih button dengan membuat kotak dan lingkaran yang dihubungkan disebelah kiri menggunakan Line Tool dan Oval Tool untuk membuat lingkaran,ganti warna menjadi FF9933. Ketik tulisan Microsoft Word ukuran 30, letakkan tepat diatas kotak. Lalu masukkan icon Microsoft Word dari panel library, drag dan letakkan diatas lengkungan. Tekan F6 sebanyak 3 kali hingga frame hit. Pada down, kecilkan ukuran objek dengan menggunakan Free Transform Tool. Lakukan langkah yang sama untuk membuat menu Excel, Paint, dan Winamp. e. Pada layer orang, t ekan CTRL+F8, dan beri nama sesuai layer. Buat 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. Unt uk mat a berjarak 5 set iap frame dengan 2 gambar masing–masing frame yait u mat a t erbuka dan t ert ut up, mulut bejarak 4 dengan gambar mulut sedang t erkat up 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. f. Pada layer judul, tekan CTRL+F8 beri nama sesuai layer. Buat 2 layer. Pada layer 1 ketik “Perangkat Lunak” menggunakan Text Tool dengan warna campuran merah dan ungu. Tekan CTRL+B 2 kali. Akan muncul titik-titik halus pada huruf. Tekan F6 sebanyak 2 kali dan geseer pada posisi 10 dan 20. Diantara frame 1 dan 20 Create Motion Shape dan ubah bentuk dengan menggunakan Free Transform This page was created using Nitro PDF trial software. To purchase, go to http:www.nitropdf.com Tool Tool pastikan tepat di frame 20 dan antara frame 10 dan 20 Create Motion Shape ganti warna huruf menjadi hijau di frame 20 masukkan Action Script: Stop; pada frame 20. Untuk layer 2 ketikkan tulisan “software”. Tekan F6 pada frame 20 Create Motion Tween dan geser objek kebawah. Lalu masukkan Action Script:Stop; pada frame 20 g. Pada layer home, 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.

3.2.5.1 Desain Halaman Word

Pada halaman ini hanya terdiri dari 4 layer, yaitu menu, link, text, back.Pada bagian ini dijelaskan pengertian dari Microsoft Word beserta tombol button Next dan Back. Pada tombol Next, link menuju video bagaimana menjalankan aplikasi Microsoft Word dan pada tombol Back, link kembali kepada menu awal software. a. Buka halaman baru dan beri judul awal dengan nama word1.fla. Ubah ukuran stage menjadi 800 x 400 pixels. Buat 4 layer secara berturut yaitu layer back, text, link, menu. This page was created using Nitro PDF trial software. To purchase, go to http:www.nitropdf.com b. Pada layer back, tekan CTRL+F8, pilih movie clip, dan beri nama sesuai