BELAJAR

MACROMEDIA FLASH 5
Macromedia Flash adalah program aplikasi yang banyak diguanakan dalam pembuatan animasi,
maupun presentasi, dan web site interaktif, yang berbasis vector.

1. Menjalankan Macromedia Flash 5

Ada 2 cara menjalankan macromedia flash 5:
a. Double klik icon Macromedia Flash 5 pada desktop

b. Klik START  ALL PROGRAMS  Macromedia Fash 5 Flash 5

2. Toolbar Pada Macromedia Flash 5

a. Flash Drawing and Painting Tools
- Arrow : digunakan untuk menseleksi gambar
- Subselection : digunakan untuk menseleksi sub gambar
- Line : digunakan untuk menggambar garis
- Lasso : Untuk menseleksi gambar secara bebas
- Pen : Untuk menggambar garis dengan titik-titik
point
- Text : untuk menulis teks
- Oval : untuk menggambar lingkaran
- Rectangle : Untuk menggambar persegi
- Pencil : Untuk menggambar garis secara bebas
- Brush : Menggambar dengan Kuas
- InkBottle : Memberi warna
- Paint Bucket : Memberi warna pada bagian tertenti/yang
diseleksi
- Eyedroper : untuk menggambil warna tertentu
- Eraser : Untuk menghapus gambar
- Hand : Untuk menggeser kanvas/ruang gambar
- Zoom : Untuk Memperbesar gambar
- Tool Modifers : Untuk memodifikasi Gambar
b. Toolbar Text Modification
 Character Toolbar ; Digunakan untuk memilih jenis huruf,/Font, Ukuran huruf, warna huruf.

 Paragraph Toolbar ; digunakan untuk mengatur posisi teks/teks alignment, rata kanan, rata kiri,
center, maupun rata kanan kiri.

 Text Option Toolbar ; Digunakan untuk memilih jenis Teks, ada 3 jenis teks :
 Statik text : digunakan untuk menulis teks biasa
 Dinamic Text : digunakan untuk tek yang merupakan keluaran dari program/animasi.
 Input text : digunakan untuk memasukan teks ke dalam program/animasi.

3. Belajar menggambar sederhana dengan menggunakan toolbar Macromedia Flash.

a. Gambarlah gambar dibawah ini :
4. Mengenal Animasi Gambar Frame By Frame :
a. Gambarlah roda seperti gambar dibawah ini :

b. Pada frame 2, Klik kanan mouse  pilih INSERT KEYFRAME

c. Masih di Frame 2, Dengan toolbar (ROTATE), Putar Roda beberapa derajat kekanan/searah
jarum jam, sampai gambar roda sebagai berikut ;

d. Ulangi langkah no 2 dan 3, tapi Lakukan INSERT KEYFRAME pada Frame 3, 4, 5 dan 6 sehingga
pada frame 1 sampai 6 ada gambar sbb ;

- Tampilan Frame 1 sampai 6

- Gambar roda tiap-tiap frame ;

Frame 1 Frame2 Frame 3 Frame 4 Frame 5 Frame 6

e. Cobalah animasi anda dengan menekan keyboard anda CTRL + ENTER secara bersama-sama!!

Latihan Soal ;
Buatlah animasi Peluncuran roket yg meluncur dari bawah keatas melekung lalu turun kebawah sbb ;
5. Mengenal Animasi Motion Tween
- Gambarlah Roda sebagai berikut pada frame 1 :

- Klik Kanan pada FRAME 20  Klik INSERT KEYFRAME

- Klik Kanan lagi pada Frame 20  pilih CREATE MOTION TWEEN

- Klik kanan lagi pada Frame 1  pilih CREATE MOTION TWEEN

- Sehingga pada Time line akan tampil ada anak panah sbb :

- Klik Frame 20  seleksi /pilih gambar roda  Putar Roda sebesar ¼ lingkaran searah jarum jam,
sebagai berikut :

- Cobalah animasi Motion Tween anda dengan menekan keyboard CTRL + ENTER

Contoh Soal :
1. Buatlah animasi Bola yang berjalan dari kiri ke kanan, dengan mengggunakan Motion Tween
Penyelesaian ;
- Gambar Bola di frame 1 :

- Klik Kanan pada FRAME 20  Klik INSERT KEYFRAME

- Klik Kanan lagi pada Frame 20  pilih CREATE MOTION TWEEN

- Klik kanan lagi pada Frame 1  pilih CREATE MOTION TWEEN

- Sehingga pada Time line akan tampil ada anak panah sbb :

- Klik frame 20  geser bola ke kanan, sejauh yang diinginkan

- Cobalah animasinya dengan tekan keyboard CTRL + ENTER

2. Buatlah animasi bola yang berjalan sbb ;

2
3 4

1
5
6. Membuat Masking
Buatlah Dua buah layer dengan nama : Mask dan Tulisan, Pastikan Layer Mask diatas layer Tulisan.

Pada layer Tulisan, Frame-1 buatlah tulisan : SMK NEGERI 2 SRAGEN ,

dan pada layer Mask Frame-1 buatlah lingkaran. Perhatikan gambar dibawah ini :

Pada Layer Tulisan  klik Frame 40  klik kanan mouse  pilih INSERT FRAME

Pada Layer Mask  klik Frame 40  Klik kanan mouse  pilih INSERT KEYFRAME

Pada Layer Mask  Klik Frame 40  klik kanan mouse pilih CREATE MOTION TWEEN
Pada Layer Mask  Klik Frame 1  klik kanan mouse pilih CREATE MOTION TWEEN

Pada Layer Mask  Klik Frame 1  geser lingkaran ke kiri sampai menutupi huruf S pada tulisan
SMK
Pada Layer Mask  Klik Frame 40  geser lingkaran ke kanan sampai menutupi huruf N pada tulisan
SRAGEN

Klik kanan pada tulisan Layer Mask  pilih Mask

Test Movie anda dengan tekan CTRL+ENTER

7. Membuat Pre-Loader
Buatlah Tulisan seperti disamping ini :
Catatan :
Pisahkan layer nama dengan layer Background

Buatlah MOTION TWEEN Sampai Frame 20, seperti gambar dibawah ini :

Klik Frame 1 pada layer nama  Klik Effect  pilih Alpha  Ganti Nilai Alpha menjadi 0%

Test Movie anda dengan tekan CTRL+ENTER

8. Membuat Tombol/Button
Buatlah Tulisan sbb :

Seleksi/blok tulisan diatas, kemudian klik INSERT  CONVERT TO SYMBOL  pilih BUTTON 
beri Nama : PLAY  klik OK

Gambar anda telah di convert menjadi sebuah tombol, mendesain tombol dengan cara :
KLIK Double Tulisan/gambar PLAY  sehingga muncul tampilan sebagai berikut pada frame :

Tulisan UP = Animasi tombol ketika mouse tidak di tekan

Tulisan Over = Animasi tombol ketika mouse diatas tombol
Tulisan Down = Animasi tombol ketika mouse di tekan/ di Klik

Klik INSERT KEYFRAME pada frame OVER dan DOWN  Gantilah warna tombol untuk masing-
masing Frame : UP, OVER, Down.
PERHATIKAN GAMBAR DIBAWAH INI !!!

Cobalah tombol anda dengan menekan keyboard CTRL+ENTER

Memberi Action Pada tombol

Klik kanan pada gambar/tulisan PLAY  klik Action  Klik Basic Action klik double play

TUGAS anda berikutnya adalah : BUATLAH TOMBOL : STOP

8. Animasi gerakan dengan Action Script
Buatlah gambar roda seperti gambar dibawah ini :

Blok/seleksi semua gambar  klik INSERT  Convert to Symbol  Beri nama “Roda”  OK

Klik kanan pada gambar roda  pilih ACTION, akan mncul jendela object action sbb :

Klik object action Tekan CTRL+E (untuk mengubah mode Expert ) tulis Script berikut :

onClipEvent (EnterFrame) {
this._rotation=this._rotation+10;
}
Contoh penulisan Action :
Tekan CTRL + ENTER