Desember, 2008

Program Studi Ilmu Komputer S1

FMIPA – UNILA

www.Blog.unila.ac.id/alift

POKOK BAHASAN :
I. PENDAHULUAN
II. PENGENALAN KOMPONEN-KOMPONEN FLASH 8
III. MENGGAMBAR OBJEK DENGAN MENGGUNAKAN TOOL PADA FLASH 8
IV. METODE PEMBUATAN ANIMASI
V. PUBLISHING FILE
 I. PENDAHULUAN

Cara Membuka Aplikasi Flash 8:

a. Start>All Programs>Macromedia>Macromedia Flash 8.

b. Pada Desktop pilih shortcut Macromedia Flash 8.

Window Flash 8 akan tampil :

Membuat satu dokumen flash sederhana :

1. Pilih File > New.

2. Pada New Document kotak dialog, pilih Flash Document.

Klik OK.
 II. PENGENALAN KOMPONEN-KOMPONEN FLASH 8

Di bawah ini merupakan window dari Macromedia Flash professional 8 yang digunakan dalam
pekerjaan pembuatan animasi, baik itu berupa graphic atau animasi bergerak (cartoon) :

Tools boxs TimeLine

Stage

Tab Properties

Keterangan :

a. Timeline, digunakan untuk mengatur dan mengontrol isi keseluruhan movie yang dibuat.
b. Stage, merupakan tempat dimana melakukan pekerjaan pembuatan sebuah graphic maupun
animasi.
c. Tools Boxs, berisi alat-alat yang digunakan untuk menggambar objek pada stage.
d. Properties, digunakan untuk mengatur area kerja (stage) sesuai keinginan.
Tools Boxs berisi :
Tool ini digunakan untuk memilih suatu objek atau
Arrow Tool
untuk memindahkannya.

Tool ini digunakan untuk merubah suatu objek

Subselection Tool
dengan edit points.
Tool ini digunakan untuk membuat suatu garis di
Line Tool
stage.
Tool ini digunakan untuk memilih daerah di objek
Lasso Tool
yang akan diedit.
untuk menggambar dan merubah bentuk suatu
Pen Tool
objek dengan menggunakan edit points.
Tool ini digunakan untuk menuliskan Huruf, kata
Text Tool
atau juga kalimat.
Tool yang digunakan untuk menggambar sebuah
Oval Tool
lingkaran.
Rectangle Tool, PolyStar Tool yang digunakan untuk menggambar sebuah
Tool segiempat. PolyStar Tool untuk segi banyak.
Tool yang digunakan untuk menggambar sketsa dll,
Pencil Tool
seperti menggambar dengan pensil.
Tool yang digunakan untuk menggambar sketsa dll,
Brush Tool
seperti menggunakan stabillo.
Tool ini digunakan untuk Mengubah Ukuran, posisi,
Free Transform Tool
bentuk dan rotasi.
Tools ini digunakan untuk memodifikasi warna pada
Fill Transform Tool
objek.
Tool ini digunakan untuk memberi garis pada objek
Ink Bottle Tool
yang bordernya telah hilang (tidak ada).
Tool ini digunakan untuk memberi warna pada
Paint Bucket Tool
objek yang dipilih.
Tool ini digunakan untuk menghapus objek yang
Eraser Tool
Anda bentuk.
 III. MENGGAMBAR OBJEK DENGAN MENGGUNAKAN TOOL PADA FLASH 8

Dalam bab ini kita akan menggambar objek dengan menggunakan tools yang ada pada Macromedia
Flash 8. Gambar objek yang akan di gambar yaitu sebagai berikut :

1. Buka program Flash 2008 lalu siapkan stage ukuran 600 x 600 pixels dengan warna Background :
Putih.

2. Buat objek lingkaran ukuran 150 x 150 pixels, dengan menggunakan oval tool .
3. Buat objek lingkaran pipih (oval) ukuran 150 x 75 pixels, dengan menggunakan oval tool.
4. Buat objek gabungan objek oval, caranya pilih objek oval yang telah dibuat kemudian tekan
Ctrl+D secara bersamaan untuk menduplikat objek. Pindahkan objek ke kiri objek sebelumnya,
duplikat kembali objek kemudian putar objek tersebut 90o, caranya pilih menu Window >
Transform untuk menampilkan kotak dialog transform, ubah rotate 90o. Tempatkan objek
tersebut di tengah objek sebelumnya. Pilih objek gabungan tersebut lagi kemudian Ctrl+D secara
bersamaan untuk menduplikat objek. Kemudian putar objek tersebut 45o. Pindahkan objek
tersebut ke tengah objek sebelumnya.
5. Buat objek persegi ukuran 150 x 150 pixels, dengan menggunakan Rectangle tool .
6. Buat objek persegi ukuran 150 x 75 pixels, dengan menggunakan Rectangle tool.
7. Buat objek Balok, caranya pilih objek persegi yang telah dibuat kemudian tekan Ctrl+D secara
bersamaan untuk menduplikat objek. Pindahkan objek ke kiri objek sebelumnya, duplikat kembali
objek kemudian pindahkan objek ke kiri bawah objek sebelumnya (seperti gambar). Kemudian
beri garis pada setiap sudut objek. Untuk lebih jelasnya perhatikan gambar berikut.

8. Buat objek segilima ukuran 150 x 150 pixels, dengan menggunakan PolyStar tool . Polystar
tool ini ada dalam rectangle tool, cara mengganti rectangle tool ke polyStar tool yaitu klik
rectangle tool agak lama kemudian pilih polystar tool.

9. Buat objek bintang ukuran 150 x 150 pixels, dengan menggunakan PolyStar tool. Kemudian pada
tab properties pilih options. Kemudian akan tampil kotak dialog Tool setting, pilih Style : star,
Number of Sides : 5 Star point size : 0.05.

10.Buat objek buah Apel, langkah pertama membuat garis seperti gambar 1 dengan menggunakan
Line Tool , kemudian edit garis dengan menggunakan Arrow tool sampai seperti
gambar 2 , setelah itu rapihkan dengan Subselection Tool seperti gambar 3.

Langkah selanjutnya yaitu menduplikat objek (gambar 3), kemudian pilih menu Modify >
Transform > Flip Horizontal. Pindahkan objek agar seperti gambar 4 setelah itu beri gigitan pada
apel yang anda buat dengan menggunakan Oval Tool.
 Langkah selanjutnya membuat gambar daun apelnya, caranya seperti gambar berikut.

Tahap akhir dari gambar yaitu menggabungkan gambar apel dan gambar daun agar seperti
gambar berikut.

11.Simpan aplikasi dengan nama file Objek.fla.

 IV. METODE PEMBUATAN ANIMASI DALAM FLASH 8

Frame by Frame Animation

Frame by frame animation merupakan suatu metode pembuatan animasi dalam flash yang
menggunakan frame pada timeline.

Contoh animasi frame by frame :

1. Gambarlah lingkaran pada stage dengan menggunakan oval tool. Kemudian klik kanan pada
frame kedua lalu pilih Insert Keyframe.

Gambar 1. Memasukkan keyframe

2. Setelah itu dengan menggunakan eraser tool hapuslah sebagian dari lingkaran yang telah Anda
buat hingga menyerupai gambar dibawah ini. Sebelumnya di bagian option ubahlah eraser mode
menjadi erase normal.

Gambar 2. Menghapus oval tool

3. Ikutilah cara diatas untuk menghapus bagian yang lain dari lingkaran hingga habis. Perhatian:
Sebelum menghapus lingkaran, harus memasukkan keyframe terlebih dahulu. Hapuslah
perlahan-lahan hingga lingkaran habis sesuai dengan keyframe yang Anda buat.
4. Jika Anda telah selesai membuatnya, jalankan movie tersebut dengan cara menekan tombol
Enter. Untuk meng-compile film tersebut tekan Ctrl+Enter.

Tweened Animation

Tweened animation merupakan suatu animasi yang memanfaatkan fasilitas motion dari Flash.
biasanya objek yang telah di tween pada timeline akan terlihat tanda panah. Untuk menggunakan
animasi tween tersebut maka ikutilah petunjuk berikut ini :

1. Gambarlah bola pada stage dengan menggunakan oval tool, kemudian buatlah objek tersebut
menjadi satu group (Ctrl+G).
2. Setelah itu melalui timeline tentukanlah panjang animasi tersebut berjalan dengan cara klik
kanan pada frame ke 15 lalu pilih insert keyframe.
3. Kemudian klik kanan pada frame yang telah terbentuk. Sebelumnya blok dahulu keseluruhan
frame tersebut.
4. Lalu pilih Create Motion Tween.
5. Maka frame yang Anda blok tadi akan keluar sebuah tanda panah (sesuai panjang frame).
6. Gerakkan objek yang Anda buat dari tempat yang semula ke tempat yang lain. Jika objek sudah
Anda pindahkan, silahkan tekan enter untuk menjalankan animasi yang Anda disain. Maka objek
yang Anda buat tadi akan bergerak dari sisi awal menuju ke sisi yang lainnya secara otomatis.
Example:

Membuat satu animasi flash sederhana

Langkah pertama adalah membuat satu dokumen baru di Flash.

Cara membuat Dokumen baru:

1. Pilih File > New

2. Pada New Document dialog box, pilih Flash Document. Click OK.

Gambar Objek :

Menggambar objek orang-orangan di area stage.

Animasi dari objek yang dibuat sebelumnya:

1. Sebelumnya select all objek (ctrl+A) kemudian di group (ctrl+G).

2. Klik kanan objek, pilih convert to symbol. Pada convert to symbol dialog box, beri
nama dengan orang lari, type Movie clip, klik Ok

3. Kemudian Double klik objek orang lari tersebut. Ungroup objek dengan cara
menekan tombol ctrl+B.
4. Pada timeline, insert keyframe pada frame 2, 3, 4 dan ubah objek orangan tadi
seperti gambar di bawah ini :

Frame 2 Frame 3 Frame 4

5. Setelah selesai, klik tanda panah di samping tulisan Timeline untuk keluar dari movie
klip dari yang kita buat.

6. Selanjutnya, pada timeline insert keyframe pada frame 20.

7. Pilih Frame 1 dari Layer 1 pada Timeline.

8. pada tab Property, pilih Motion pada menu tween.

Jika berhasil, akan muncul tanda panah pada layer 1 dari frame 1 menuju ke frame
20 (tweened animation).
9. Pilih frame 1, kemudian pindahkan objek ke kiri area stage. Setelah itu, pilih frame
terakhir yaitu frame 20 kemudian pindahkan objek ke kanan area stage.
10. Untuk menjalankan animasi yang telah dibuat, Control > Test Movie atau tekan
ctrl+enter.
 V. PUBLISHING FILE

Apa itu publishing file? Publishing file adalah cara untuk menyimpan file selain .fla, dalam
Macromedia Flash 8 ada beberapa jenis file dalam publishing file yaitu .swf, .html, .gif, .jpeg dan
sebagainya.

Cara untuk publishing file yaitu :

Pilih menu File > Publish Setting > Pilih Jenis File Yang Diinginkan > Klik Publish >Ok. Simpan
kembali applikasi anda.

Cara untuk melihat hasil file yang telah dipublish adalah di folder penyimpanan yang sebelumnya
folder untuk menyimpan file.fla.
Biografi Penulis :

Assalamualaikum Wr. Wb.

Nama Saya Dede Ali Ma’rifat, Lahir di Bandar Lampung pada tanggal 29 Januari 1989. Saya
Menamatkan pendidikan SMA pada tahun 2007 di SMA N 4 Bandar Lampung, saat ini Saya sedang
menimba ilmu di Universitas Lampung mengambil Program Studi Ilmu Komputer S-1.

Jangan pernah untuk coba BERHENTI menggapai semua impian dan cita-citaMu

Email:
Double_d@students.unila.ac.id
dhe_alift@yahoo.com

Blog:
www.blog.unila.ac.id/alift