Macromedia Flash Mx

15
Macromedia Flash Mx o leh S herly Canely

Transcript of Macromedia Flash Mx

Page 1: Macromedia Flash Mx

Macromedia Flash Mx

oleh Sherly Canely

Page 2: Macromedia Flash Mx

Nama : Sherly Canely

No. Absen : 12

FB : Sherly Canely

Twitter : @stylesc25

Biodata

Page 3: Macromedia Flash Mx

Bagian-bagian macromedia flash mx

TOOLBOX

menu

timeline

stage

Color window

componenproperties

Page 4: Macromedia Flash Mx

Bagian-bagian macromedia flash mx• Menu utama : file, edit, view…• Stage : lembar kerja untuk membuat animasi• Timeline : mengatur kecepatan / gerakan animasi• Panel Properties : panel pembantu untuk membuat animasi• Toolbox : tool membuat objek animasi

arrow tool (menseleksi dan memindahkan objek gambar) subselection tool (menggambar path seperti garis lurus & lengkung) line tool (membuat garis lurus) oval tool (membuat objek lingkaran) rectangle tool (membuat objek segi empat) brush tool (menggambar objek dengan brush) zoom tool (memperbesar dan memperkecil gambar) hand tool (menggeser gambar) stroke color (menentukan warna outline) fill color (mewarnai objek)

Page 5: Macromedia Flash Mx

Animasi Frame by Frame

Page 6: Macromedia Flash Mx

Prosedur Pembuatan

• Buatlah sebuah lingkaran menggunakan oval tool di tengah stage pada frame 1.

• Ketiklah angka 1 menggunakan text tool dan letakkan di tengah lingkaran tersebut.

• Klik kanan frame 5, lalu klik Insert keyframe• Gantilah warna lingkaran dan angka tersebut menjadi 2• Klik kanan frame 10, lalu klik Insert keyframe• Gantilah warna lingkaran dan angka tersebut menjadi 3• Lanjutkan sama seperti perintah di atas tetapi berurutan.• Klik enter untuk melihat hasilnya.

Page 7: Macromedia Flash Mx

ANIMASI MOTION TWEEN

Page 8: Macromedia Flash Mx

PROSEDUR PEMBUATAN1. Buatlah sebuah lingkaran menggunakan oval tool pada

frame 1.2. Klik kanan frame 20, lalu tekan Insert keyframe3. Pindahkan lingkaran tersebut ke kanan.4. Klik kanan pada frame 1, lalu klik Create Motion Tween5. Klik kanan pada frame 20, lakukan seperti perintah 46. Klik enter untuk melihat hasilnya. Lingkaran tersebut

akan bergerak dari kiri ke kanan.

Page 9: Macromedia Flash Mx

Animasi Motion Guide

Page 10: Macromedia Flash Mx

Prosedur pembuatan1. Pada frame 1, buatlah sebuah lingkaran dengan oval tool di

sebelah kiri bawah.2. Klik frame 20, dan klik kanan. Lalu tekan Insert keyframe.3. Pindahkan lingkaran tersebut ke kanan.4. Klik pada frame 1, klik kanan. Lalu klik Create Motion Tween.5. Lakukan pada frame 20 seperti perintah no. 46. Klik insert layer guide.7. Buatlah sebuah garis horizontal dari lingkaran tersebut pada

layer guide dengan line tool.8. Dengan menggunakan arrow tool, lengkungkan garis tersebut

menjadi seperti parabola.9. Klik enter untuk menampilkan hasil tersebut. Lingkaran tersebut

akan bergerak seperti parabola.

Page 11: Macromedia Flash Mx

ANIMASI ROTATE

Page 12: Macromedia Flash Mx

1. Buatlah sebuah persegi menggunakan rectangle tool.2. Gunakan arrow tool untuk melengkungkan seluruh sisi

pada persegi sehingga membentuk bunga.3. Klik frame 30. Klik kanan lalu klik Insert keyframe.

4. Klik frame 1, lalu klik kanan, klik Create Motion Tween.5. Klik frame 30, lakukan seperti perintah 4.

6. Klik frame 1, pada properties, klik option rotate, ubah dari auto menjadi CW.

7. Klik enter untuk melihat hasilnya.

PROSEDUR PEMBUATAN

Page 13: Macromedia Flash Mx

*Animasi Shape tween

Page 14: Macromedia Flash Mx

Prosedur PembuatanO Buatlah sebuah object menggunakan

rectangle tool atau pun oval tool pada frame 1.

O Klik kanan pada frame 20, klik Insert Keyframe.

O Buatlah object lain di frame 20.O Klik frame 1, pada properties, ubahlah

pilihan tween dari none ke shape.O Klik enter untuk melihat hasilnya.

Page 15: Macromedia Flash Mx

-THE END-THANK YOU