P. 1
Belajar Flash 5

Belajar Flash 5

|Views: 79|Likes:
Published by Aulia Doank

More info:

Published by: Aulia Doank on Nov 06, 2010
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC, PDF, TXT or read online from Scribd
See more
See less

10/31/2012

pdf

text

original

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 - Subselection - Line - Lasso - Pen - Text - Oval - Rectangle - Pencil - Brush - InkBottle - Paint Bucket - Eyedroper - Eraser - Hand - Zoom - Tool Modifers

: digunakan untuk menseleksi gambar : digunakan untuk menseleksi sub gambar : digunakan untuk menggambar garis : Untuk menseleksi gambar secara bebas : Untuk menggambar garis dengan titik-titik point : untuk menulis teks : untuk menggambar lingkaran : Untuk menggambar persegi : Untuk menggambar garis secara bebas : Menggambar dengan Kuas : Memberi warna : Memberi warna pada bagian tertenti/yang diseleksi : untuk menggambil warna tertentu : Untuk menghapus gambar : Untuk menggeser kanvas/ruang gambar : Untuk Memperbesar gambar : Untuk memodifikasi Gambar

ada 3 jenis teks :  Statik text : digunakan untuk menulis teks biasa  Dinamic Text : digunakan untuk tek yang merupakan keluaran dari program/animasi. warna huruf. rata kanan. 3.  Input text : digunakan untuk memasukan teks ke dalam program/animasi.  Paragraph Toolbar ./Font. Gambarlah gambar dibawah ini : . Ukuran huruf. digunakan untuk mengatur posisi teks/teks alignment. a. maupun rata kanan kiri. Belajar menggambar sederhana dengan menggunakan toolbar Macromedia Flash. Toolbar Text Modification  Character Toolbar .b. center.  Text Option Toolbar . Digunakan untuk memilih jenis huruf. rata kiri. Digunakan untuk memilih jenis Teks.

Cobalah animasi anda dengan menekan keyboard anda CTRL + ENTER secara bersama-sama!! Latihan Soal . 4. Pada frame 2.Gambar roda tiap-tiap frame . Buatlah animasi Peluncuran roket yg meluncur dari bawah keatas melekung lalu turun kebawah sbb .Tampilan Frame 1 sampai 6 . Masih di Frame 2. . Putar Roda beberapa derajat kekanan/searah jarum jam. tapi Lakukan INSERT KEYFRAME pada Frame 3. 5 dan 6 sehingga pada frame 1 sampai 6 ada gambar sbb .4. Mengenal Animasi Gambar Frame By Frame : a. Ulangi langkah no 2 dan 3. sampai gambar roda sebagai berikut . . Dengan toolbar (ROTATE). Klik kanan mouse  pilih INSERT KEYFRAME c. Gambarlah roda seperti gambar dibawah ini : b. d. Frame 1 Frame2 Frame 3 Frame 4 Frame 5 Frame 6 e.

sebagai berikut : .Sehingga pada Time line akan tampil ada anak panah sbb : .5. Mengenal Animasi Motion Tween .Gambarlah Roda sebagai berikut pada frame 1 : .Cobalah animasi Motion Tween anda dengan menekan keyboard CTRL + ENTER Contoh Soal : 1.Klik Kanan pada FRAME 20  Klik INSERT KEYFRAME . Buatlah animasi Bola yang berjalan dari kiri ke kanan.Klik Frame 20  seleksi /pilih gambar roda  Putar Roda sebesar ¼ lingkaran searah jarum jam.Klik Kanan lagi pada Frame 20  pilih CREATE MOTION TWEEN .Klik kanan lagi pada Frame 1  pilih CREATE MOTION TWEEN . dengan mengggunakan Motion Tween .

2 3 4 1 5 .Klik kanan lagi pada Frame 1  pilih CREATE MOTION TWEEN .Sehingga pada Time line akan tampil ada anak panah sbb : .Penyelesaian .Gambar Bola di frame 1 : .Klik frame 20  geser bola ke kanan. Buatlah animasi bola yang berjalan sbb . sejauh yang diinginkan .Klik Kanan pada FRAME 20  Klik INSERT KEYFRAME .Cobalah animasinya dengan tekan keyboard CTRL + ENTER 2.Klik Kanan lagi pada Frame 20  pilih CREATE MOTION TWEEN . .

Pada layer Tulisan.6. Membuat Masking Buatlah Dua buah layer dengan nama : Mask dan Tulisan. 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 . Pastikan Layer Mask diatas layer Tulisan. dan pada layer Mask Frame-1 buatlah lingkaran. Frame-1 buatlah tulisan : SMK NEGERI 2 SRAGEN .

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 .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.

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 . Down. Membuat Tombol/Button Buatlah Tulisan sbb : Seleksi/blok tulisan diatas. 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 masingmasing Frame : UP.8. OVER. kemudian klik INSERT  CONVERT TO SYMBOL  pilih BUTTON  beri Nama : PLAY  klik OK Gambar anda telah di convert menjadi sebuah tombol.

_rotation+10._rotation=this. akan mncul jendela object action sbb : Klik object action Tekan CTRL+E (untuk mengubah mode Expert ) tulis Script berikut : onClipEvent (EnterFrame) { this. 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. } Contoh penulisan Action : Tekan CTRL + ENTER .8.

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->