Pengenalan dasar flash

Kata pepata "Tak kenal maka tak sayang " untuk itu terlebih dahulu saya perkenalkan dasar dari Macromedia flash

A. Pengertian Animasi

Menurut Ibiz Fernandes dalam bukunya Macromedia Flash Animation & Cartooning: A creative Guide, animasi definisikan sebagai berikut :

“Animation is the process of recording and playing back a sequence of stills to achieve the illusion of continues motion” ( Ibiz Fernandez McGraw- Hill/Osborn, California, 2002)
Yang artinya kurang lebih adalah : “Animasi adalah sebuah proses merekam dan memainkan kembali serangkaian gambar statis untuk mendapatkan sebuah ilusi pergerakan.” Berdasarkan arti harfiah, Animasi adalah menghidupkan. Yaitu usaha untuk menggerakkan sesuatu yang tidak bisa bergerak sendiri.
Secara garis besar, animasi computer dibagi menjadi dua kategori, yaitu:
a. Computer Assisted Animation, animasi pada kategori ini biasanya menunjuk pada system animasi 2 dimensi, yaitu mengkomputerisasi proses animasi tradisional yang menggunakan gambaran tangan. Computer digunakan untuk pewarnaan, penerapan virtual kamera dan penataan data yang digunakan dalam sebuah animasi.
b. Computer Generated Animation, pada kategori ini biasanya digunakan untuk animasi 3 dimensi dengan program 3D seperti 3D Studio Max, Maya, Autocad dan lain sebagainya.

B. Pengertian Multimedia

Menurut Rosch definisi animasi adalah kombinasi dari computer dan video, menurut McCornick multimedia secara umum merupakan kombinasi tiga elemen, yaitu suara, gambar dan teks. Menurut Turban, dkk multimedia adalah kombinasi dari paling sedikit dua media input atau output dari data, media ini berupa audio (suara, musik), animasi, video, teks, grafik, dan gambar. Menurut Robin dan Linda multimedia merupakan alat yang dapat menciptakan presentasi yang dinamis dan interaktif yang mengkombinasikan teks, grafik, animasi, audio, dan gambar video. Definisi lain dari multimedia yaitu dengan menempatkan dalam konteks seperti yang dilakukan Hofstetter, multimedia adalah pemanfaatan computer untuk membuat dan menggabungkan teks, grafik, audio, gambar bergerak (video dan animasi) dengan menggabungkan link dan tools yang memungkinkan navigasi, berinteraksi, berkreasi, dan berkomunikasi.

C. Mengenal Animasi Macromedia Flash

Animasi pada Macromedia Flash sama halnya dengan film secara fisik, yang tersusun dari banyak frame dengan gambar-gambar penyusunnya. Frame yang mendefinisikan adanya perubahan pada objek disebut dengan keyframe. Dalam dunia animasi Web, teknologi Flash kini seolah meraja, bagaimana tidak keunggulan-keunggulan yang ditonjolkan membuat hampir semua hal yang terlihat rumit menjadi sedemikian simple dan gampang. Dukungan terhadap Macromedia Flash belakangan ini semakin luas, format Flash Movie *.SWF kini dapat dibuat tidak hanya oleh Macromedia Flash saja. Aplikasi lain kini memasukkan *.SWF sebagai format file yang dapat dieksport dari aplikasi trsebut, misalnya Adobe Illustrator atau CorelDraw. Jika anda telah membuat gambar pada aplikasi-aplikasi tersebut, anda dapat langsung mengekspornya ke dalam Flash. Tidak hanya aplikasi, bahkan kini scripting PHP pun dapat memuat format *.SWF Sesungguhnya Macromedia Flash MX adalah sebuah program standar untuk pembuatan animasi high-impact berbasis Web. Anda dapat membuat sebuah animasi logo, navigasi control Web site, animasi form yang panjang, sebuah website utuh berbasis Flash, atau aplikasi web lainnya menggunakan
program aplikasi ini, anda akan menemukan kekuatan dan fleksibilitas dari program Flash ini yang sangat ideal untuk mewujudkan kreativitas anda.

D. Metode Animasi dalam Flash
Pada dasarnya Macromedia Flash membagi animasi dalam 2 metode, yaitu:
a. Frame by frame animation
Yaitu : Pembuatan animasi dengan cara melakukan perubahan objek pada setiap frame secara manual, sehingga dihasilkan perubahan gambar yang teratur. Metode ini biasanya digunakan pada animasi dengan perubahan bentuk objek secara terus-menerus. Misalnya, film kartun.
b. Tweened animation
Yaitu : Pembuatan animasi dengan cara menentukan dua poin keadaan pada objek awal dan akhir, sedangkan macromedia flash membuat rangkaian gerakan diantaranya. Animasi yang dihasilkan menggunakan metode ini adalah gerakan yang halus, perubahan letak, ukuran, rotasi, bentuk maupun warna.

System minimal yang dibutuhkan Program

Berikut ini adalah spesifikasi hardware dan software yang dibutuhkan program Flash MX versi 6 :
Untuk Microsoft® Windows: Prosessor Intel Pentium 200 MHz atau lebih, Windows 98 SE, Windows ME, Windows NT 4.0, Windows 2000, atau Windows XP; 64 MB RAM (rekomendasi 128 MB); 85 MB disk space; monitor warna 16-bit dengan resolusi mencapai 1024 x 768; dan CD-ROM drive.
Untuk Macintosh: Power Macintosh dengan Mac OS 9.1 (atau lebih) atau Mac OS X versi 10.1 (atau lebih); 64 MB RAM (rekomendsi 128 MB), 85 MB disk space; monitor warna 16-bit dengan resolusi 1024 x 768; dan CD-ROM drive.

ocke langsung aja ke pengenalannya

PENJELASAN USER INTERFACE

User interface di Flash terbagi atas 5 bagian, yaitu:
1. Tools

Dalam bagian ini berisi alat-alat (tool) yang berguna untuk membentuk dan merubah tampilan dari berbagai macam objek.

a. Selection Tool
Tool ini berguna untuk menyeleksi objek atau merubah bentuk sebuah objek. Anda dapat memilihnya dengan memilihnya pada icon dalam Toolbox atau dengan menekan shortcut key V pada keyboard.

b. Subselection Tool
Tool ini berguna untuk merubah bentuk sebuah objek pada titik atau nodenya. Anda dapat memilihnya dengan memilihnya pada icon dalam Toolbox atau dengan menekan shortcut key A pada keyboard.

c. Line Tool

Tool ini berguna membuat bentuk garis. Anda dapat memilihnya dengan memilihnya pada icon dalam Toolbox atau dengan menekan shortcut key N pada keyboard.
d. Lasso Tool
Tool ini berguna untuk memotong objek. Anda dapat memilihnya dengan memilihnya pada icon dalam Toolbox atau dengan menekan shortcut key L pada keyboard.

e. Pen Tool
Tool ini berguna untuk membuat bentuk objek dalam titik atau node. Anda dapat memilihnya dengan memilihnya pada icon dalam Toolbox atau dengan menekan shortcut key P pada keyboard.

f. Text Tool
Tool ini berguna untuk membuat teks. Anda dapat memilihnya dengan memilihnya pada icon dalam Toolbox atau dengan menekan shortcut key T pada keyboard.

g. Oval Tool
Tool ini berguna untuk membuat bentuk oval atau lingkaran. Anda dapat memilihnya dengan memilihnya pada icon dalam Toolbox atau dengan menekan shortcut key O pada keyboard.

h. Rectangle Tool dan Polystar Tool
Tool ini berada pada satu tempat, dan anda dapa memilih dalah satunya dengan klik tahan pada tool. Tool ini berguna untuk membuat bentuk persegi / kotak (rectangle) dan segilima (polistar). Anda dapat memilihnya dengan memilihnya pada icon dalam Toolbox atau dengan menekan shortcut key R pada keyboard untuk memilih Rectangle Tool.

i. Pencil Tool
Tool ini berguna untuk membuat bentuk yang anda sukai, namun berbasis garis. Anda dapat memilihnya dengan memilihnya pada icon dalam Toolbox atau dengan menekan shortcut key Y pada keyboard.

j. Brush Tool
Tool ini berguna untuk membuat bentuk objek yang berbasis brush. Anda dapat memilihnya dengan memilihnya pada icon dalam Toolbox atau dengan menekan shortcut key B pada keyboard.

k. Free Transform Tool
Tool ini berguna untuk merubah / transformasi bentuk berupa ukuran, rotasi, maupun skew. Anda dapat memilihnya dengan memilihnya pada icon dalam Toolbox atau dengan menekan shortcut key Q pada keyboard.

l. Fill Transform Tool
Tool ini berguna untuk merubah warna gradasi. Anda dapat memilihnya dengan memilihnya pada icon dalam Toolbox atau dengan menekan shortcut key F pada keyboard

m. Ink Bottle
Tool ini berguna untuk mewarnai garis tepi objek / stroke. Anda dapat memilihnya dengan memilihnya pada icon dalam Toolbox atau dengan menekan shortcut key S pada keyboard.

n. Paint Bucket Tool
Tool ini berguna untuk mewarnai objek / fill. Anda dapat memilihnya dengan memilihnya pada icon dalam Toolbox atau dengan menekan shortcut key K pada keyboard.

o. Eyedropper Tool
Tool ini berguna untuk menduplikat warna. Anda dapat memilihnya dengan memilihnya pada icon dalam Toolbox atau dengan menekan shortcut key I pada keyboard.

p. Eraser Tool
Tool ini berguna untuk menghapus objek. Anda dapat memilihnya dengan memilihnya pada icon dalam Toolbox atau dengan menekan shortcut key E pada keyboard.

q.Hand Tool
Tool ini berguna untuk menggeser layer seperti halnya tangan. Anda dapat memilihnya dengan memilihnya pada icon dalam Toolbox bagian view atau dengan menekan shortcut key H pada keyboard.

r. Zoom Tool
Tool ini berguna untuk memperbesar atau memperkecil layer seperti halnya lup. Anda dapat memilihnya dengan memilihnya pada icon dalam Toolbox bagian view atau dengan menekan shortcut key M atau Z pada keyboard.

s. Colors Dalam bagian Color ini berisikan tool untuk merubah warna dari objek dabik itu berupa warna stroke maupun fill.

t. Stroke Color Tool
Stroke Color berguna untuk mewarnai bentuk stroke atau garis luar dari objek.

u. Fill Color Tool
Fill Color berguna untuk mewarnai bentuk fill atau warna dalam dari objek.

v.Options
Dalam bagian ini berisikan macam-macam option yang digunakan untuk melakukan modifikasi objek. Option dalam bagian ini dinamakan modifier dimana jenisnya bermacam-macam tergantung dari objek yang kita pilih.

MENGGUNAKAN TOOLS
1. Rectangle Tools
Kita dapat membuat bentuk kotak maupun persegi menggunakan tools ini dengan berbagai warna maupun style. Untuk membuatnya, ikuti langkah-langkah berikut”
1. Klik Rectangle tools pada toolbar
2. Klik drag pada halaman kerja membentuk kotak
3. Sesuaikan dengan ukuran yang diinginkan
4. Menggunakan Arrow tools , klik pada gambar.
5. pada fill color pilih warna yang anda sukai.
Membuat kotak dengan sudut tumpul :
1 Pilih Rectangle tools
2 Klik option
3 Pada kotak dialog yang muncul, masukkan angka 45
4 gambarlah kotak pada stage
2. Ovale Tools
Ovale tools digunakan untuk membuat bentuk lingkaran. Untuk membuatnya ikuti langkah-langkah berikut:
1. Pilihlah Ovale tools
2. Klik dan drag untuk membuat lingkaran pada halaman kerja
3. Untuk membuat lingkaran sempurna, tekan tombol shift ketika membuat lingkaran.
3. Pencils Tools
Penggunaan pencils tools sama dengan menulis menggunakan pensil. Ada beberapa mode pilihan menggunakan pencils tools, yaitu:
1. Straighten mode, digunakan untuk membuat bentuk dengan garis lurus-lurus.
2. Smooth mode, digunakan untuk membuat bentuk dengan sudut halus.
3. Ink mode, digunakan untuk membuat betuk yang lebih bebas.
a. Line Tools
Line tools digunakan untuk membuat bentuk lurus. Apabila anda bermaksud membuat garis lurus dengan perbedaan sudut 450 , maka tekan shift ketika membuat garis.

b. Text Tools
Flash memberikan 3 pilihan jenis teks, yaitu:
1 Static text, yaitu teks sederhana yang biasanya digunakan untuk membuat label.
2 Dinamic teks, yaitu teks yang dapat digunakan untuk menampilkan teks dari luar.
3 Input teks, yaitu teks yang digunakan untuk meminta input dari user. Misalnya pembuatan form isian.

c. Paint Bucket
Tools ini digunakan untuk memberi warna pada objek yang diinginkan.
1 Buatlah objek lingkaran.
2 Klik pada paint bucket tools. Pada bagian fill color, pilih warna yang anda sukai.
3 Klik pada objek yang akan diberi warna.

d. Ink Bottle
Penggunaan Ink bottle, seperti halnya paint bucket, namun penggunaan tools ini untuk mewarnai garis tepi objek.

e. Brush Tools
Mewarnai menggunakan tools ini, akan menghasilkan goresan seperti menggunakan kuas. Ada beberapa pilihan yang dapat anda gunakan untuk mewarnai, yaitu:
1 Paint Normal, digunakan untuk mengecat bagian objek dengan mode normal.
2 Paint Fill, digunakan untuk mengecat bagian warna objek.
3 Paint Behind, digunakan untuk mengecat bagian belakang objek.
4 Paint Selection, digunakan untuk mengecat bagian yang terseleksi.
5 Paint Inside, digunakan untuk mengecat bagian dalam objek.
Untuk mencobanya, buatlah lima objek dengan warna yang berbeda dengan warna brush. Kemudian gunakan brush tool dengan mode yang berbeda-beda.

f. Lasso Tools
Lasso tool merupakan tool pemilih. Anda dapat melakukan seleksi dengan bentuk lurus maupun bentuk bebas.
1. Pilih Lasso tool.
2. Klik pada titik awal objek, drag mengikuti aliran pemilihan.
3. Apabila pemilihan selesai, lepaskan mouse.
Jika anda bermaksud melakukan pemilihan dengan bentuk selalu lurus, pada option tools, pilih Polygon tools kemudian lakukan seleksi dengan cara klik setiap titik pemilihan dan diakhiri pada titik awal seleksi.

g. Eraser Tools
Tools ini digunakan untuk menghapus objek terpilih dengan beberapa pilihan:
1. Eraser Normal, untuk menghapus objek yang dilewati eraser tools.
2. Eraser Fill, untuk menghapus warna objek
3. Eraser Lines, untuk menghapus garis tepi objek
4. Eraser Selected Fills, untuk menghapus warna yang terpilih
5. Eraser Inside, untuk menghapus bagian dalam objek
6. Faucet Modifier, untuk menghapus satu bagian objek yang terkena faucet. Anda dapat mengubah ukuran penghapus dengan merubahnya pada tools option.

h. Eye dropper Tools
Tools ini digunakan untuk mengkopi warna dari satu objek ke objek yang lain.
1. Buatlah objek kotak dengan warna kuning.
2. Kemudian buat objek dengan warna hijau pada tempat yang berbeda.
3. Pilih Dropper tools, klik pada objek kotak, kemudian klik pada fill objek lingkaran. Perhatikan hasilnya.

i. Zoom Tools
Zoom tools digunakan untuk memperbesar tampilan objek.

j. Hand Tools
Apabila projek yang anda buat sangat besar, untuk melihat bagian yang diluar area preview dapat digeser dengan Hand tools.

2. Stage
Stage merupakan daerah yang bewarna putih, dimana area kerja utama jika anda ingin membuat animasi maupun aplikasi flash lainnya. Seluruh objek/gambar/animasi yang ada di stage nantinya akan tampil di flash movie, dan sebaliknya apabila objek/gambar tersebut berada di daerah abu-abu di pinggiran Stage tidak akan terlihat di flash movie.

3.Panel
Merupakan kumpulan kotak-kotak yang berfungsi untuk mengubah, mengatur dan mempercantik objek yang ada di stage. Misalkan memberi warna gradasi, meletakan objek persis di tengah stage, dan merotasi objek dengan sudut yang tepat.

4. property inspector
merupakan bagian informasi objek yang ada di stage. sebagai contoh, klik saja salah satu objek di stage, maka informasinya akan terlihat disini. atau klik saja di daerah kosong yang ada di stage, maka informasi mengenai stage akan terlihat.

5. Timeline

Dalam Timeline terbagi menjadi dua bagian yaitu :
1. Layer Dalam bagian Layer ini berguna sebagai tempat meletakkan objek. Untuk
membuat sebuah layer anda dapat dengan menggunakan cara klik icon Add Layer atau melalui Menu Insert > Timeline > Layer
atau dengan cara klik kanan Layer > Insert Layer
2. Frame Frame berfungsi untuk mengatur waktu dari objek ataupun animasi akan ditampilkan. Kecepatan frame yang dimainkan sangat berpengaruh dari framerate yang digunakan. Makin tinggi framerate maka akan makin cepat pula sebuah animasi akan dimainkan.

6.Mengenal Actionscript
Dalam Flash kita dapat membuat objek dalam aplikasi yang kita buat menjadi lebih interaktif. Untuk membuat interaktivitas dalam Flash kita dapat mengunakan perintah perintah yang biasa disebut dengan Actionscript. Pada dasarnya actionscript yang kita buat hampir sama dengan bahasa pemrograman Javascript, maka jika anda telah terbiasa dengan bahasa pemrograman ini maka ini akan sangat membantu anda dalam membuat aplikasi menggunakan actionscript ini. Dalam actionscript anda harus memahami tiga macam komponen untuk membuat aplikasi anda menjadi lebih interaktif, yaitu :
1 Event Merupakan peristiwa yang terjadi untuk memicu sebuah aksi pada objek
2 Action Merupakan aksi atau kerja yang dikenakan atau diberikan pada suatu objek.
3 Target
Merupakan objek yang dikenai oleh aksi.

Actionscript dalam Flash MX Profesional 2004 terdapat dalam panel Action yang dapat anda tampilkan dengan memilih menu Window – Development Panel – Action, atau dengan menekan tombol F9 pada keyboard.

Dalam Panel Action, anda dapat mengetikkan perintah langsung ke dalam jendela yang tersedia, atupun dengan memilih menu bantuan yang sudah disediakan pada panel ini.