Membuat banner web berbasis Flash Membuat tombol untuk navigasi movie klip Membuat jam digital

Transkripsi

1 Kata Pengantar Buku Student Exercise Series Flash merupakan pasangan dan pelengkap dari seri buku Student Guide Series yang cocok dan pas untuk dijadikan pegangan belajar dan latihan secara mudah, praktis, dan cepat bagi para siswa-siswi SMP/SMA atau pemula. Dalam penulisan buku ini, penulis memberikan sejumlah materi latihan yang mudah dimengerti dan dipelajari, tip-trik yang bermanfaat yang terkait langsung dengan materi latihan dan soal-soal yang bisa diaplikasikan oleh para pembaca guna menambah keterampilan dan memperkaya materi yang sudah dikuasai. Buku Student Exercise Series Flash ditujukan untuk para siswa-siswi SMP/SMA dan pemula pengguna komputer agar dapat lebih memahami, menguasai, dan terampil menggunakan program aplikasi yang digunakan untuk merancang dan membuat animasi. Materi latihan yang akan Anda dapatkan dalam buku Student Exercise Series Flash mencakup: Menggunakan fungsi Trace Bitmap untuk membuat bentuk kartun dari foto Menggambar sederhana dengan tool Flash Memahami konsep Simbol dan Instance Memvariasikan instance dengan fungsi efek dan filter Membuat animasi dengan konsep tweening dan perubahan frame v

2 Membuat banner web berbasis Flash Membuat tombol untuk navigasi movie klip Membuat jam digital Selamat menikmati kelezatan buku ini! Pinggir pantai, awal 007 vi

3 Daftar Isi Kata Pengantar... v Daftar Isi...vii MODUL Basic Flash... MODUL Menggambar di Flash... MODUL Simbol dan Instance MODUL 4 Animasi MODUL 5 Tombol MODUL 6 ActionScript vii

4 Student Exercise Series: Flash Latihan : Langkah Pertama Di latihan paling awal ini kita akan melakukan beberapa perintah paling dasar Flash, mulai dari membuat file baru, mengatur layout, dan menyimpan file. Membuat File Baru Untuk membuat file baru di Flash lakukan langkah berikut. Klik File New. Tekan Ctrl+N (N untuk New) untuk membuat file baru Dalam kotak dialog yang muncul, pilih Flash Document lalu klik tombol OK.

5 Modul : Basic Flash Anda akan memperoleh tampilan layar seperti berikut.

6 Student Exercise Series: Flash Mengatur Layout Agar area kerja lebih luas, berikut langkah-langkah yang sebaiknya Anda lakukan. Klik dan geser bagian bawah panel Timeline untuk memperkecilnya. Klik baris judul panel Properties untuk membuatnya tersembunyi. 4

7 Modul : Basic Flash Klik kanan panel Library dan pilih Close panel group untuk menutupnya. 4 Tutup juga panel Color, klik kanan lalu pilih Close panel group. 5 Klik dan geser Tools agar terpisah dan mudah digeser-geser. 5

8 Student Exercise Series: Flash 6 7 Untuk menyembunyikan panel timeline klik tulisan Timeline. Klik lagi tulisan Timeline untuk mengembalikannya. Inilah bentuk layout yang akan Anda peroleh. Menyimpan Layout Anda bisa menyimpan bentuk layout yang diperoleh dengan cara sebagai berikut. Klik Window Workspace Layout Save Current... 6

9 Modul : Basic Flash Di kotak dialog yang muncul isikan nama layout, misalnya layout jeprie. Klik tombol OK. 4 Untuk mengembalikan tampilan layout ke tampilan standar, klik Window Workspace Layout Default. 5 Untuk kembali ke layout yang telah kita simpan tadi, klik Window Workspace Layout layout jeprie. 7

10 Student Exercise Series: Flash Menyimpan File Klik File Save, atau Anda tekan Ctrl+S dari keyboard. Simpan file di folder My Documents. Di pilihan File name isikan latihan sebagai nama file. Tekan tombol Save. Menutup File 8

11 Modul : Basic Flash Untuk menutup file klik File Close. Ingat shortcut untuk menutup file, Ctrl+W. Latihan : Menggambar Bola Di latihan ini akan ditunjukkan cara menggambar di Flash. Buat terlebih dahulu file baru. Membuat Lantai Aktifkan tool rectangle dari Tools. 9

12 Student Exercise Series: Flash Anda bisa juga menekan R (untuk Rectangle) dari keyboard untuk mengaktifkan tool rectangle. Ubah warna fill menjadi gradasi linear putih ke hitam. Hilangkan warna stroke dengan cara memilih kotak None. 4 Klik dan geser di bagian bawah stage hingga terbentuk sebuah kotak. 0

13 Modul : Basic Flash Fill adalah area di dalam bentuk yang Anda buat, sementara Stroke adalah garis luarnya. 5 6 Aktifkan tool free transform. Putar dan atur ukuran kotak hingga bentuknya seperti gambar di atas. Membuat Bola Klik ikon New Layer untuk membuat layer baru. Layer baru akan muncul dengan nama Layer. Klik ganda nama layer, ubah nama layer menjadi bola.

14 Student Exercise Series: Flash 4 Aktifkan tool oval. Ubah warna fill menjadi gradasi melingkar hijau. 5 Klik dan geser untuk membuat bola. 6 Aktifkan tool gradient transform.

15 Modul : Basic Flash 7 Klik bola. Ubah bentuk gradasi hingga kilauan bola terlihat lebih realistis. 8 9 Aktifkan tool selection. Pindahkan bola dengan cara klik dan geser. Menambahkan Bayangan Klik ikon New Layer untuk membuat layer baru. Klik ganda nama layer, ubah nama layer menjadi bayangan. Tambahkan elips di bagian bawah bola. Elips ini akan dijadikan bayangan.

16 Student Exercise Series: Flash 4 5 Dengan tool seleksi pilih elips. Klik Window Color Mixer. Dari dalam panel Color Mixer ubah warna fill menjadi abu-abu. Tekan Shift+F9 untuk membuka panel Color Mixer. 6 7 Dari dalam panel Timeline geser layer bayangan ke bawah layer bola. Bayangan akan berada di bawah bola. 4

17 Modul : Basic Flash Menyimpan File Klik File Save untuk menyimpan file. Simpan file di folder My Documents. Di kotak dialog Save As isikan nama file Latihan -bola statis. Klik tombol Save. File mentah yang dibuat Flash akan memiliki akhiran fla. 5

18 Student Exercise Series: Flash Aktifkan mode layout layout jeprie. Buka panel Library. Geser panel Actions hingga terpisah dari bagian bawah stage. Simpan layout dengan nama Actions n Library. Kembali layout ke mode default. Buat file baru. Dengan menggunakan tool rectangle buat sebuah kotak dengan ukuran cukup besar di stage. 6

19 Modul : Basic Flash Buat satu lagi kotak dengan ukuran yang sama. Atur agar keduanya bertumpukan. Dengan menggunakan tool seleksi geser titik pertemuan kedua kotak hingga seperti di bawah. 4 5 Dengan tool line tambahkan garis agar bentuk lebih terlihat seperti kotak. Beri gradasi ke tiap sisi kotak agar terlihat lebih realistis. Atur arah gradasi dengan tool gradient transform. 6 Simpan file dengan nama Kubus D.fla. 7