BELAJARMACROMEDIA 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 5Ada 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 5a. 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 ;

1

23 4

5

6. Membuat MaskingBuatlah 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 TWEENPada 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-LoaderBuatlah 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/ButtonBuatlah 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 tekanTulisan Over = Animasi tombol ketika mouse diatas tombolTulisan 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 tombolKlik 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 ScriptBuatlah 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