Fendy Novafianto

Fendy Novafianto [email protected]

MENGENAL MACROMEDIA FLASH 8 A.

Interface Flash Macromedia Flash merupakan salah satu program animasi 2D vector yang sangat handal. Disini kita bisa

membuat animasi kartun, animasi interaktif gambar, presentasi, video clip, movie, web animasi dan aplikasi animasi lainnya sesuai kebutuhan kita. B.

Keunggulan Flash 8  Relatif mudah digunakan  Tampilannya tidak terlalu rumit  Dapat membuat tombol interaktif dengan sebuah movie atau objek lain  Dapat membuat perubahan transparasi warna dalam movie  Membuat perubahan animasi dari satu bentuk ke bentuk lain  Dapat membuat gerakan animasi dengan mengikuti alur yang telah ditetapkan  Dapat di konversi dan di publish ke dalam beberapa format: *.swf, *.html, *.jpg, *.png, *.exe, *mov

C.

Cara Membuka Untuk membuka program Macromedia Flash 8 Anda dapat melakukan cara berikut:  Pilih Start > Program > Macromedia > Flash 8 Atau  Pilih Ikon Flash 8

pada dekstop (Layar monitor).

Modul Macromedia Flash 8 | Fendy Novafianto

D.

Mengenal Jendela Kerja

 Menubar

Berisi kumpulan menu atau perintah-perintah yang digunakan dalam Flash 8.  Toolbar/toolbox Simbol

Nama

Fungsi

Shortcut

Selection Tool

Memilih dan memindahkan objek

V

Subselection Tool

Mengubah bentuk objek dengan edit points

A

Free Transform Tool

Mengubah ukuran atau memutar bentuk objek sesuai keinginan

Q

Gradient Transform Tool

Mengubah warna gradasi

F

Line Tool

Membuat garis

N

Lasso Tool

Menyeleksi bagian objek yang akan diedit

L

Pen Tool

Membuat bentuk objek secara bebas berupa dengan titik-titik sebagai penghubung

P

Text Tool

Membuat teks (kata atau kalimat)

T

Oval Tool

Membuat objek elips atau lingkaran

O

Ractangle Tool

Membuat objek berbentuk segi empat atau segi banyak

R

Pencil Tool

Menggambar objek secara bebas

Y

Brush Tool

Menggambar objek secara bebas dengan ukuran ketebalan dan bentuk yang sudah disediakan

B

Ink Bottle Tool

Memberi warna garis tepi (outline)

S

Paint Bucket Tool

Memberi warna pada objek secara bebas

K


Eyedropper Tool

Mengambil contoh warna

I

Eraser Tool

Menghapus objek

E

Hand tool

Menggerser stage

H

Zoom tool

Memperbesar atau memperkecil objek

Stroke tool

Memberi warna garis

Fill color

Memberi warna isian objek

Options tool

Mengatur fungsi tambahan dari tool yang sedang aktif

M atau Z

 Timeline: Timeline atau garis waktu merupakan komponen yang digunakan untuk mengatur atau mengontrol jalannya animasi  Layer: sebuah nama tempat yang digunakan untuk menampung satu gerakan objek sehingga jika ingin membuat gerakan lebih dari satu objek, sebaiknya diletakkan pada layer tersendiri.  Stage: layar yang digunakan untuk menyusun objek-objek, baik teks maupun gambar.  Panel: Beberapa panel penting dalam Macromedia Flash 8 diantaranya panel: Properties, Filters & Parameters, Actions, Library, Color dan Align & Info & Transform  Document properties: Fungsi Document Properties adalah untuk melakukan pengaturan ukuran layar, warna background, framerate, dan dimensi dari animasi yang akan dibuat. Untuk memanggil kotak dialog Document Properties, pilih jendela Properties di bawah layar, kemudian pilih tombol Size.


MEMBUAT OBJEK A. Membuat objek gambar Pada toolbox klik rectangle Rectangle Tool (

)

untuk menggambar bentuk kotak pada layar. Untuk memulai menggambar, klik pada stage dan drag sebesar kotak yang Anda inginkan. Adapun jenis dan warna garis serta warna isi (fill) bentuk itu dapat dipilih pada panel Colors. Apabila Anda ingin bentuk sudut kotak tidak berbentuk lancip tetapi berupa sudut yang halus (lengkung), Anda dapat mengubahnya dengan cara pilih Rectangle dan pilih Set Corner Radius yang berada di bagian bawah panel. Masukkan nilai 5 dalam kotak dialog Rectangle Setting dan pilih OK. Mulailah menggambar kotak dan hasilnya akan terlihat. Stroke/garis Fill/isi

B. Gradasi Untuk memberi warna gradasi bada suatu gambar/objek, pilih menu Window > Color Mixer, jendela Color Mixer akan muncul di sebelah kanan layar. Pilih gambar/objek yang akan diberi warna gradasi dengan Selection Tool (

), pada pull-down menu di panel Color Mixer, pilih Type Radial. Pilih warna yang lebih

terang untuk bagian sebelah kiri, sedangkan bagian kanan yang lebih gelap.


Untuk mengedit gradasi pilih Gradient Transform Tool (

). Klik dan drag handle yang muncul sesuai

dengan arah yang diinginkan.

C. Membuat objek teks Untuk menambahkan teks ke dalam stage pilih Text Tool (

) pada toolbar kemudian klik pada stage.

Sebuah kotak kosong akan muncul. Untuk mengubah jenis, ukuran serta warna font, gunakan jendela Properties di bagian bawah layar.

Kita bisa mengubah warna, ukuran, jenis pengetahuan hurufnya dengan memilih Properties pada bawah stage. Kita tinggal mengedit/mengubah-ubah properties yang kita inginkan, dengan memilih teks tersebut, kemudian di ubah sesuai kreasi kita


D. Import gambar Untuk memasukkan gambar dalam format bitmap, seperti misalnya foto, ke dalam movie dapat dilakukan dengan cara mengimpor gambar/foto tersebut. Pilih menu File > Import > Import to Stage, lalu cari letaknya direktori gambar yang akan di impor.


ANIMASI DALAM FLASH Animasi dalam flash merupakan serangkaian frame yang berisi gambar dengan perbedaan yang pencitrakan suatu gerakan pada manusia. Keyframe merupakan kumpulan frame tempat masing masing-masing gambar disusun, yang rangkaiannya dikontrol dengan timeline.

Keyframe

Frame kosong

A. Animasi Tween Animasi teknik ini diterapkan pada sebuah instance, yaitu obyek dalam flash yang memiliki sifat animasi atau Movie Klip behavior. 1) Animasi Motion Tween a. Pada toolbox klik Oval Tool b. Pada bagian color Klik Stroke Color

untuk memilih warna garis dan klik fill color

untuk memilih warna isi c. Pada bidang gambar yang tersedia buatlah gambar seperti contoh:

d. Pada toolbox Klik tombol Arrow Tool

kemudian klik dan drag untuk meyeleksi tiga buah

lingkaran yang telah kita buat tadi

e. Kemudian klik kanan (menu insert) dan pilih Convert to symbol, klik nama dan tulis misalnya “Coba1” kemudian pilih Default type yaitu Movie Clip.


f.

Pada panel Timeline klik frame1, kemudian klik kanan (menu insert) pilih Create Motion Tween

g. Pada panel Timeline klik frame 10, kemudian klik menu insert pilih Keyframe

h. Pastikan frame 10 terseleksi, klik satu kiri pada frame 10, kemudian pilih Arrow Tool

klik pada

gambar dan geser ke kanan. i.

Pada toolbox klik Free Transform Tool

, kemudian putar gambar Coba1 kira-kira 1800

j.

Dengan cara yang sama (dimulai dari langkah no 7) buatlah animasi pada frame 20 dan frame 30, sesuai dengan kreasi masing-masing.

2) Animasi Shape Tween Animasi teknik ini digunakan untuk membuat visualisasi perubahan bentuk yang sederhana. 1. Klik Insert layer 2. Klik ganda pada layer 2 ubah namanya menjadi “shape”

3. Pada bagian color Klik Stroke Color

untuk memilih warna garis dan klik fill color

untuk memilih warna isi 4. Pada bidang ganbar yang tersedia buatlah gambar seperti contoh:

5. Klik Frame 10, kmd klik kanan (menu insert) pilih Blank Keyframe 6. Buatkah Gambar lain seperti berikut pada frame 10

Keyframe 1

Keyframe 10

7. Klik Frame 1 lihat panel properties, dan ubah Tween jadi shape. Modul Macromedia Flash 8 | Fendy Novafianto

8. Tekan enter untuk melihat hasil animasi. B. Animasi Frame to Frame Animasi teknik ini memerlukan keahlian menggambar bentuk dan menuntut ketekunan untuk dapat menghasilkan gerakan animasi yang bagus pasa setiap framenya. 1. Klik Insert layer 2. Klik ganda pada layer 3 ubah namanya menjadi “frame” 3. Pada bagian color Klik Stroke Color pilih hitam

dan klik fill color

pilih none

4. Buat lingkaran pada bidang gambar (letakkan pada frame 1) 5. Pada toolbox klik line Tool dan buatlah gambar seperti contoh

6. Pada

panel Timeline klik

frame

2, klik kanan (menu insert) pilih insert Keyframe

7. Pada roolbox klik Free Transform tool

kemudian klik tangan kanan, geser titik tengah transform ke

baguan bahu, dan klik ujung atas seleksi, putar hingga tangan kanan ke bawah.

8. Perlakukan langkah 7 untuk tangan kanan 9. Pada panel timeline klik frame 3, , klik kanan (menu insert) pilih insert Keyframe

10. Perlakukan no 7 untuk kaki 11. Dan seterusnya ulangi langkah no 6 untuk mengisi frame kosong dengan animasi 12. Tekan enter untuk melihat animasi


C. Animasi Motion Guide/Jalur Pada animasi ini, objek yang kita buat akan mengikuti jalur tertentu yang disebut guide. Misalnya kita akan membuat gerakan benda memutar, atau model bumi mengelilingi matahari atau model atom.  Buat dokumen baru, ubah nama layer menjadi “latihan”  Klik add motion guide di bawah layer (

)

 Buat lingkaran dengan oval tool pada layer “latihan”  Pada layer “guide” > buat lintasan dengan oval tool kemudian hilangkan fill atau isinya.  Hapus lintasan sedikit dengan eraser tool agar ada ujung dan akhirnya.

 Klik kanan > pilih insert keyframe pada frame 20 pada kedua layer.  Pada layer latihan lakukan klik kanan > pilih create motion tween  Letakkan benda pada frame 1 pada salah satu ujung, kemudian pada frame 20, letakkan benda pada ujung yang satunya. Frame 1

Frame 20

 Test movie anda dengan menekan tombol Ctrl + Enter D. Animasi Masking Animasi masking merupakan animasi tutup, seperti topeng, berguna sebagai penutup suatu benda. Untuk lebih memahami animasi ini, ikutilah langkah berikut:  Buat tulisan dengan teks tool, misalkan “pelatihan flash”  Buat layer baru kemudian buatlah sebuah lingkaran dengan oval tool  Klik kanan pada layer atas kemudian pilih mask


 Maka bagian yang akan terlihat hanyalah bagian yang tertutup oleh lingkaran tersebut. Sekarang berikan animasi motion tween pada lingkaran tersebut.  Insert keyframe pada ke dua layer, misal pada frame 30. Kemudian klik kanan pilih create motion tween pada layer yang ada lingkarannya.  Pada frame 30, geser lingkaran ke bagian kanan teks seperti pada gambar

 Jalankan animasi anda.  Bagaimana jika kedua layer ditukar/dibalik? Apa yang terjadi? Silahkan anda coba! E. Tombol Animasi 1. Klik Insert layer

, kemudian klik ganda layer 4 ubah namanya menjadi “tombol”.

2. Pada toolbox klik Rectangle Tool

3. Pada toolbox klik Arrow Tool

, buatlah kotak pada bidang gambar untuk dijadikan tombol

dan klik ganda kita yang telah kita buat.

4. Kemudian klik kanan (menu insert) dan pilih Convert to symbol, klik nama, dan tulis misalnya “Tombol” kemudian pilih Default type yaitu Button kemudian tekan OK.


5. Klik Insert layer

, kemudian klik ganda layer 5 ubah namanya menjadi “Script”.

6. Pada panel Timeline Layer Script klik frame 1, dan buka Panel Actions

, klik tanda plus dan

diikuti langkah sebagai berikut:

7. Lihat Frame 1 Layer Script sekarang memiliki icon huruf “a”,

yang artinya terdapat Action Script di

dalamnya, yaitu script stop untuk menghentikan movie flash. 8. Klik tombol frame 1 yang telah dibuat tadi, kemudian buka panel Action

, kemudian klik

tanda plus dan pada kotak ditulis Script sebagai berikut berikut:

9. Script goto seperti gambar di atas akan memerintahkan ketika tombol buatan anda ditekan, movie akan bergerak dari frame 1 10. Pada Menu control klik Test Movie. 11. Pada Menu File klik Save untuk menyimpan data flash anda 12. Untuk menghasilkan file movie secara terpisah, klik menu kemudian File kemudian klik Publish. 13. Buka folder lokasi anda menyimpan file flash, disana akan anda temukan file berekstensii swf dan html. 14. Klik ganda file swf untuk melihat animasi yang telah anda buat, jangan lupa tekan tombol buatan anda untuk melihat animasi dimainkan/diputar.


Fendy Novafianto

Recommend Documents