Membuat Game Kuis Menggunakan Macromedia Flash 8
BAB 2
LANDASAN TEORI
2.1
Sekilas tentang Macromedia Flash 8
Macromedia Flash adalah sebuah program mutimedia dan animasi yang
keberadaannya ditujukan bagi pecinta desain dan animasi untuk berkreasi
membuat aplikasi-aplikasi unik, animasi-animasi interaktif pada halaman web,
film animasi kartun, presentasi bisnis maupun kegiatan. Disamping itu, tidak
menutup kemungkinan juga dengan menggunakan secara optimal kemampuan
penggunaan fasilitas menggambar dan bahasa pemrograman pada Flash (action
script) ini kita mampu membuat game-game yang menarik.
Keunggulan dari macro media Flash dibandingkan program animasi lainnya
adalah:
1.
Mudah dipelajari bagi seorang pemula yang masih awam dengan dunia
desain.
2.
Pengguna dapat dengan mudah dan bebas dalam berkreasi membuat animasi
dengan gerakan bebas sesuai dengan alur adegan yang dikehendaki.
3.
Dapat menghasilkan file yang ukurannya kecil. Karena Flash menggunakan
animasi yang berbasis vektor.
4.
Macromedia Flash menghasilkan file bertipe (ektensi). FLA yang bersifat
fleksibel, karena dapat dikonversikan menjadi bertipe .swf, .html, .gif, .png,
.exe, .mov.
Universitas Sumatera Utara
26
2.2
Dasar-Dasar Penggunaan Macromedia Flash 8
2.2.1 Membuka tampilan Macromedia Flash
Untuk membuka tampilan flash, kita dapat melakukan langkah-langkah berikut:
1. klik start
2. klik all programs
3. klik macromedia
4. klik macromedia flash 8
Gambar 2.1 Menampilkan macromedia flash 8
Universitas Sumatera Utara
2.2.2 Area Kerja Macromedia Flash 8
Setiap program desain dan animasi dibuat dengan dilengkapi area kerja tertentu
sebagai ciri khas dari masing-masing-masing program. Area kerja pada Flash ini
dilengkapi dengan tiga komponen utama yang penting untuk diketahui yaitu:
Toolbox, Timeline, Stage.
Namun ketiga komponen utama tidak dapat berdiri sendiri, karena pada saat
bekerja dengan menggunakan Flash versi apapun, ketiga komponen tersebut
ditunjang dengan dua komponen lainnya, yaitu Menu dan Panel.
Gambar 2.2 Area kerja dan komponen flash
Berikut fungsi masing-masing dari area kerja Macromedia Flash :
1.
Toolbox
Satu dari komponen utama pada flash yang berisi alat-alat yang digunakan pada
saat menggambar dan mewarnai obyek yang telah kita buat pada stage. Selain itu,
pada toolbox ini terdapat pula alat pendukung yang berguna untuk mengatur
pandangan bekerja di stage.
Universitas Sumatera Utara
26
Gambar 2.3Bagian-bagian dari komponen toolbox
Berikut fungsi dari komponen toolbox:
Tabel 2.1. Fungsi dari komponentoolbox
No
MENU
FUNGSI
1
Selection tool
Memillih dan memindahkan objek
2
Subselection tool
Memilih titik-titik pada suatu garis dalam objek
3
Free Transform tool
Memperbesar,
memperkecil
atau
memutar(rotate) objek yang kita buat serta dapat
mengubah bentuk objek menjadi bentuk lain
4
Gradient
Transform Mengatur posisi gradient pada objek
tool
5
Line tool
Membuat garis
Universitas Sumatera Utara
6
Lasso tool
Memilih sebagian dari objek atau objek yang
tidak teratur. Jika selection tool hanya bisa
memilih keseluruhan dari objek, maka Lasso
tool bisa memilih apapun yang terdapat dari
objek yang digambar
7
Pen tool
Menggambar kurva dan garis yang dapat
dimanipulasi dengan Subselect tool
8
Text tool
Menuliskan kalimat atau kata-kata
9
Oval tool
Membuat lingkaran atau oval
10
Rectangle tool
Menggambar persegi atau kotak
11
Pensil tool
Menggambar suatu bentuk teratur
12
Brush tool
Seperti kuas dengan warna tertentu dapat
membuat bentuk yang bebas
13
Ink bottle tool
Menambah atau mengubah warna garis di
pinggir suatu objek
14
Paint Bucket tool
Memberi atau mengubah warna pada suatu
bidang(fiil)
15
Eye Dropper tool
Menghapus area yang tidak diinginkan dari
objek
16
Eraser tool
Menghapus area yang tidak diinginkan dari
objek
17
Hand tool
Menggeser layer atau tampilan pada stage
18
Zoom tool
Memperbesar atau memperkecil tampilan pada
stage
19
Stroke Color
Mewarnai bingkai yang berada di pinggir objek
20
Fill Color
Mewarnai bidang objek
21
Swap Color
Memilih stroke color atau fill color secara
bergantian
22
No Color
Mengosongkan warna
23
Default Color
Menentukan warna sekitar baik untuk stroke
atau fill
Universitas Sumatera Utara
26
24
Black&White
Memberi warna objek dan warna border/ garis
dengan warna hitam putih
2.
Timeline
Dengan timeline kita dapat mengatur lamanya suatu animasi dijalankan, mengatur
kecepatan suatu animasi suatu ketika dijalankan, dan mengatur banyaknya layer
yang akan digunakan dalam pembuatan desain animasi.
Layer
Keyframe
Frames
Blank Keyframe
Gambar 2.4 Timeline flash dan bagian penyusunnya
3.
Stage
Digunakan untuk memainkan objek - objek yang akan diberi animasi. Dalam
stage kita dapat membuat gambar, teks, memberi warna dan lain - lain.
4.
Panel
Berisi kontrol fungsi yang diapakai dalam flash, yaitu untuk mengganti dan
memodifikasi berbagai properti objek animasi secara cepat dan mudah.
Universitas Sumatera Utara
Gambar 2.5 Tampilan Panel
5.
Panel Properties
Panel propeties akan berubah tampilan dan fungsinya mengikuti bagian mana
yang sedang diaktifkan. Misalnya anda sedang mengaktifkan Line Tool, maka
yang muncul pada jendela properties adalah fungsi - fungsi untuk mengatur
line/garis seperti bentuk garis, besarnya garis, dan warna garis.
Gambar 2.6 Panel Properties
Universitas Sumatera Utara
26
6.
Library
Panel Library mempunyai fungsi sebagai perpustakaan simbol/media yang
digunakan dalam animasi yang sedang dibuat. Simbol merupakan kumpulan
gambar baik movie, tombol (button), sound, dan gambar statis (graphic).
Gambar 2.7 Library
Universitas Sumatera Utara
LANDASAN TEORI
2.1
Sekilas tentang Macromedia Flash 8
Macromedia Flash adalah sebuah program mutimedia dan animasi yang
keberadaannya ditujukan bagi pecinta desain dan animasi untuk berkreasi
membuat aplikasi-aplikasi unik, animasi-animasi interaktif pada halaman web,
film animasi kartun, presentasi bisnis maupun kegiatan. Disamping itu, tidak
menutup kemungkinan juga dengan menggunakan secara optimal kemampuan
penggunaan fasilitas menggambar dan bahasa pemrograman pada Flash (action
script) ini kita mampu membuat game-game yang menarik.
Keunggulan dari macro media Flash dibandingkan program animasi lainnya
adalah:
1.
Mudah dipelajari bagi seorang pemula yang masih awam dengan dunia
desain.
2.
Pengguna dapat dengan mudah dan bebas dalam berkreasi membuat animasi
dengan gerakan bebas sesuai dengan alur adegan yang dikehendaki.
3.
Dapat menghasilkan file yang ukurannya kecil. Karena Flash menggunakan
animasi yang berbasis vektor.
4.
Macromedia Flash menghasilkan file bertipe (ektensi). FLA yang bersifat
fleksibel, karena dapat dikonversikan menjadi bertipe .swf, .html, .gif, .png,
.exe, .mov.
Universitas Sumatera Utara
26
2.2
Dasar-Dasar Penggunaan Macromedia Flash 8
2.2.1 Membuka tampilan Macromedia Flash
Untuk membuka tampilan flash, kita dapat melakukan langkah-langkah berikut:
1. klik start
2. klik all programs
3. klik macromedia
4. klik macromedia flash 8
Gambar 2.1 Menampilkan macromedia flash 8
Universitas Sumatera Utara
2.2.2 Area Kerja Macromedia Flash 8
Setiap program desain dan animasi dibuat dengan dilengkapi area kerja tertentu
sebagai ciri khas dari masing-masing-masing program. Area kerja pada Flash ini
dilengkapi dengan tiga komponen utama yang penting untuk diketahui yaitu:
Toolbox, Timeline, Stage.
Namun ketiga komponen utama tidak dapat berdiri sendiri, karena pada saat
bekerja dengan menggunakan Flash versi apapun, ketiga komponen tersebut
ditunjang dengan dua komponen lainnya, yaitu Menu dan Panel.
Gambar 2.2 Area kerja dan komponen flash
Berikut fungsi masing-masing dari area kerja Macromedia Flash :
1.
Toolbox
Satu dari komponen utama pada flash yang berisi alat-alat yang digunakan pada
saat menggambar dan mewarnai obyek yang telah kita buat pada stage. Selain itu,
pada toolbox ini terdapat pula alat pendukung yang berguna untuk mengatur
pandangan bekerja di stage.
Universitas Sumatera Utara
26
Gambar 2.3Bagian-bagian dari komponen toolbox
Berikut fungsi dari komponen toolbox:
Tabel 2.1. Fungsi dari komponentoolbox
No
MENU
FUNGSI
1
Selection tool
Memillih dan memindahkan objek
2
Subselection tool
Memilih titik-titik pada suatu garis dalam objek
3
Free Transform tool
Memperbesar,
memperkecil
atau
memutar(rotate) objek yang kita buat serta dapat
mengubah bentuk objek menjadi bentuk lain
4
Gradient
Transform Mengatur posisi gradient pada objek
tool
5
Line tool
Membuat garis
Universitas Sumatera Utara
6
Lasso tool
Memilih sebagian dari objek atau objek yang
tidak teratur. Jika selection tool hanya bisa
memilih keseluruhan dari objek, maka Lasso
tool bisa memilih apapun yang terdapat dari
objek yang digambar
7
Pen tool
Menggambar kurva dan garis yang dapat
dimanipulasi dengan Subselect tool
8
Text tool
Menuliskan kalimat atau kata-kata
9
Oval tool
Membuat lingkaran atau oval
10
Rectangle tool
Menggambar persegi atau kotak
11
Pensil tool
Menggambar suatu bentuk teratur
12
Brush tool
Seperti kuas dengan warna tertentu dapat
membuat bentuk yang bebas
13
Ink bottle tool
Menambah atau mengubah warna garis di
pinggir suatu objek
14
Paint Bucket tool
Memberi atau mengubah warna pada suatu
bidang(fiil)
15
Eye Dropper tool
Menghapus area yang tidak diinginkan dari
objek
16
Eraser tool
Menghapus area yang tidak diinginkan dari
objek
17
Hand tool
Menggeser layer atau tampilan pada stage
18
Zoom tool
Memperbesar atau memperkecil tampilan pada
stage
19
Stroke Color
Mewarnai bingkai yang berada di pinggir objek
20
Fill Color
Mewarnai bidang objek
21
Swap Color
Memilih stroke color atau fill color secara
bergantian
22
No Color
Mengosongkan warna
23
Default Color
Menentukan warna sekitar baik untuk stroke
atau fill
Universitas Sumatera Utara
26
24
Black&White
Memberi warna objek dan warna border/ garis
dengan warna hitam putih
2.
Timeline
Dengan timeline kita dapat mengatur lamanya suatu animasi dijalankan, mengatur
kecepatan suatu animasi suatu ketika dijalankan, dan mengatur banyaknya layer
yang akan digunakan dalam pembuatan desain animasi.
Layer
Keyframe
Frames
Blank Keyframe
Gambar 2.4 Timeline flash dan bagian penyusunnya
3.
Stage
Digunakan untuk memainkan objek - objek yang akan diberi animasi. Dalam
stage kita dapat membuat gambar, teks, memberi warna dan lain - lain.
4.
Panel
Berisi kontrol fungsi yang diapakai dalam flash, yaitu untuk mengganti dan
memodifikasi berbagai properti objek animasi secara cepat dan mudah.
Universitas Sumatera Utara
Gambar 2.5 Tampilan Panel
5.
Panel Properties
Panel propeties akan berubah tampilan dan fungsinya mengikuti bagian mana
yang sedang diaktifkan. Misalnya anda sedang mengaktifkan Line Tool, maka
yang muncul pada jendela properties adalah fungsi - fungsi untuk mengatur
line/garis seperti bentuk garis, besarnya garis, dan warna garis.
Gambar 2.6 Panel Properties
Universitas Sumatera Utara
26
6.
Library
Panel Library mempunyai fungsi sebagai perpustakaan simbol/media yang
digunakan dalam animasi yang sedang dibuat. Simbol merupakan kumpulan
gambar baik movie, tombol (button), sound, dan gambar statis (graphic).
Gambar 2.7 Library
Universitas Sumatera Utara