Macromedia Flash

.::Fundamentals Workshop
 Flash::Outline
Konsep Dasar Flash
Tools, Color, Layer, Frame, Symbol, Properties,
Actions

Dasar-dasar Animasi
Motion Tween
Shape
Text
Blur
Path
Button
 Tools
Rectangle Tool
Stroke Color
Fill Color
Set Corner Radius

Text Tool
Static Text
Dynamic Text
Input Text
Line Type
Show Border Around Text
Variable
 Color
Color Mixer Type
Solid
Linear
Radial
Bitmap
Symbol color
Layers

Layer
Layer Folder
Motion Guide
Frames
Frame
Dipergunakan untuk
backgroud
Keyframe
Mengisi frame dari frame
sebelumnya
Blank Keyframe
Menyediakan frame kosong
membedakan dengan frame
sebelumnya
 Symbols
Convert Image to Symbol

Movie Clip
Button
Graphic
 Properties
Text Property

Rextangle Tool Property

 Actions
Actions Script Panel
 Actions
Actions Script Assist.
 Actions

Expert Actions Script Mode

Dasar-dasar Animasi
.::contoh sederhana
 MOTION TWEEN
1. Buat Lingkaran di stage bagian kiri
2. CTRL+A atau gunakan arrow tool agar fill
& stroke lingkaran tsb. terseleksi semua
3. F8, pilih graphic
4. Klik kanan frame 30 layer 1, pilih insert
keyframe
5. Pindahkan gbr. lingkaran tsb. ke stage
bagian kanan
6. Klik Frame 1 pada layer 1
7. Lihat panel properties di bagian bawah,
pilih tween=motion
8. CTRL+Enter, untuk melihat hasilnya
 Motion Shape
1. Pada bagian tengah stage, buatlah gbr.
lingkaran
2. Klik kanan frame 30, pilih Insert Blank
Keyframe
3. Pada bagian tengah stage, buatlah gbr.
Persegi panjang
4. Klik frame 1 (layer 1). Lihat panel
properties di bagaian bawah layar, pilih
tween=Shape
5. CTRL+Enter, untuk menjalankan flash
player
 TEXT ANIMATION
1. Buat tulisan UHO di tengah stage
2. Pada properties text, lakukan
perbesaran ukuran dan pergantian
warna teks
3. CTRL+B (break apart)
4. CTRL+Shift+D (distribute to layers)
5. Klik kanan pada frame 30 (layer U),
pilih insert keyframe
6. Klik kanan pada frame 30 (layer H),
pilih insert keyframe
7. Klik kanan pada frame 30 (layer O),
pilih insert keyframe
 Cont.
8. Klik (kiri) frame 30 layer U,
kemudian pindahkan huruf U ke
sebelah kiri
9. Klik (kiri) frame 30 layer H,
kemudian pindahkan huruf H ke atas
10. Klik (kiri) frame 30 layer O,
kemudian pindahkan huruf O ke
sebelah kanan
 Cont.
11. Klik frame 1 pada layer U, lihat properties
dan pili tween=motion
12. Klik frame 1 pada layer H, lihat
properties dan pili tween=motion
13. Klik frame 1 pada layer O, lihat
properties dan pili tween=motion

14. CTRL+Enter
 BLUR
1. Tulis FISIKA
2. Klik kanan pada frame 30 (layer 1), pilih
insert keyframe
3. F8, pilih Graphic
4. Klik tulisan FISIKA,lihat properties
color=Alpha, 5%
5. Klik frame 1. Lihat properties, ubah
Tween=Motion
6. CTRL+Enter
 PATH
1. Buat gbr. Lingkar
2. CTRL+A kemudia F8 pilih Graphic
3. Klik menu Insert-Timeline-Motion Guide,
sehingga muncul Guide: Layer Name
4. Klik frame 1 pada guide:layer name, gunakan
pencil tool untuk menggambar jalur
5. Pindahkan lingkaran tepat di awal jalur
6. Klik kanan frame 30 guide:layer name, pilih
Insert FRAME
7. Klik kanan frame 30 Layer 1, pilih insert
keyframe
8. Pindahkan lingkaran di akhir jalur
9. Klik frame 1 layer 1, pilih tween=motion dan
check list : orient to path
10. CTRL+Enter
 Masking
1. Buat sebuah movie flash baru
2. Buat tulisan MULTIMEDIA layer 1 dgn Text Tool
3. Klik frame 50 layer 1 lalu klik kanan Insert ->
keyFrame
4. Buat layer 2 dgn klik kanan layer 1 klik insert layer
5. Klik layer 2 utk berpindah dari layer 1
6. Buat Persegi panjang diatas tulisan MULTIMEDIA
7. Seleksi Persegi panjang tsb dan ubah menjadi
symbol graphic
8. Klik frame 25 layer 2 kemudian klik insert->
keyFrame dan pindahkan Persegi Panjang dibawah
tulisan MULTIMEDIA
9. Klik kanan layer2 frame 50 Insert keyframe dan
pindahkan kembali Persegi Panjang diatas tulisan
MULTIMEDIA
10. Klik kanan frame 1 layer 2 klik insert> Create
Motion Tween
11. Lakukan langkah 10 pada frame 25
12. Klik kanan layer 2 dan pilih Mask
13 Test Movie dgn Ctrl + Enter
 BUTTON
1. Buat gbr. elips berwana biru
2. Buat tulisan Proses berwarna putih, ukuran
disesuaikan. Tulisan tsb. bersatu dg gambar elips
3. CTRL+A, F8 pilih Button
4. Klik 2x (double click) tombol proses dan akan
muncul frame Up, Over, Down, Hit
5. Klik kanan frame Over, pilih insert keyframe.
Kemudian pilih tulisan, lihat properties ubah
warna tulisan menjadi hijau
6. Klik kanan frame Down, pilih insert keyframe.
Kemudian pilih tulisan, lihat properties ubah
warna tulisan menjadi Merah
7. Klik Scene 1, untuk kembali ke awal pengeditan
8. CTRL+Enter, tombol ciptaan sendiri siap
digunakan