nota flash unit 5

ANIMASI

DISEDIAKAN OLEH :NORLINA RUSLEE

UNIVERSITI PENDIDIKAN SULTAN IDRIS 

PRODUKSI MULTIMEDIASMK PULAU NYIOR

®

??  ?

1. MENGGUNAKAN MODUL PEMBELAJARAN

2. MENGGUNAKANBLOG PEMBELAJARAN

MACROMEDIA FLASH MX

• Macromedia Flash MX ialah satu perisian yang berupaya diaplikasikan dalam pelbagai aras pengarangan multimedia, khususnya interaktif menerusi web. 

• Ia adalah perisian yang berasaskan Timeline yang dapat memenuhi keperluan perisian pengarangan multimedia, perisian grafik dan perisian animasi. Ia juga berupaya membenarkan elemen interaktif digunakan dengan mudah dan berkesan. 

• Modul ini menyediakan beberapa kemudahan kepada pengguna, supaya dapat mempelajari aspek-aspek utama yang terdapat dalam Macromedia Flash MX.  Pada akhir modul ini pengguna akan dapat menghasilkan satu persembahan interaktif yang mudah. 

UNIT 5 : ANIMASI

Objektif Selepas mengikuti unit pembelajaran ini, murid dapat :

• Menghasilkan animasi pergerakan bagi objek dan teks.• Menghasilkan animasi perubahan warna bagi objek dan teks.

• Menghasilkan animasi perubahan saiz bagi objek dan teks.

• Menghasilkan animasipergerakan secara motion guide.• Menghasilkan animasi mask.

Apakah ANIMASI  Simon 1995 : Usaha untuk memaparkan suatu lakaran yang mana setiap satu 

daripada lakaran tersebut mempunyai sedikit perbezaan untuk menghasilkan satu pergerakan secara berterusan.

Neo & Neo 1997 : Satu teknologi yang membolehkan imej pegun kelihatan seolah-olah hidup, dapat bergerak dan bercakap. 

Teknologi yang membolehkan suatu siri imej pegun kelihatan seolah-olah bergerak.

Persistence of Vision : Objek yang dilihat dipetakan pada retina mata dan objek tersebut kekal pada retina untuk suatu tempoh tertentu

ANIMASI?

Kartun 2D

• Doraemon• Naruto

• Dragon Ball• Mickey Mouse• Tom & Jerry

• Dora The Explorer• Keluang Man• Usop Santorian• Anak-Anak Sidek

Kartun 3D

• Upin & Ipin• Kung Fu Panda

• Tarzan• Snow White

? ??2

D3D

BENTUK 2-DIMENSI

•  Bentuk 2-dimensi adalah sebarang bentuk yang 

mempunyai panjang dan tinggi BENTUK 3-DIMENSI

• Bentuk 3-dimensi adalah sebarang bentuk yang 

mempunyai panjang, lebar dan kedalaman. 

CIRI-CIRI 2-DIMENSI

- Mempunyai panjang dan lebar 

- Semua bentuk 2D mempunyai sisi yang lurus kecuali bagi bentuk bulat. 

- Semua bentuk 2D mempunyai 1 permukaan 

yang rata kecuali bagi bentuk bulat. 

- Mempunyai bucu  

CIRI-CIRI 3-DIMENSI

- Mempunyai panjang, lebar dan kedalaman 

- Semua bentuk 3D mempunyai sisi yang lurus 

- Semua bentuk 3D mempunyai permukaan yang 

rata kecuali bagi bentuk sfera, kon dan silinder. (minimum  bilangan 

permukaan bagi bentuk 3D adalah 2) 

- Mempunyai bucu 

ANIMASI PERGERAKAN OBJEK

ANIMASI PERGERAKAN TEKS

Langkah-langkah :

1. Hasilkan satu layer teks.2. Pada layer tersebut, insert > keyframe pada frame 30.3. Ubah kedudukan teks ke tempat yang dikehendaki.4. Aktifkan layer teks, create > motion tween.5. Klik enter untuk menguji animasi.

ANIMASI PERUBAHAN WARNA OBJEK

Langkah-langkah :

1. Hasilkan satu layer objek.2. Pada keyframe yang pertama lukis objek dengan warna yang 

diingini.3. Klik insert > keyframe pada frame 30.4. Pada keyframe 30 tukarkan warna yang berlainan.5. Aktifkan layer objek pilih tween > shape.6. Klik enter untuk menguji animasi.

Aktiviti :

1. Hasilkan satu ANIMASI PERUBAHAN WARNA TEKS.

ANIMASI PERUBAHAN SAIZ OBJEK

Langkah-langkah :

1. Hasilkan satu layer objek.2. Pada keyframe yang pertama hasilkan objek bersaiz kecil.3. Klik frame yang terakhir insert > keyframe.4. Kemudian hasilkan objek bersaiz besar.5. Aktifkan layer objek.6. Pilih tween > shape.7. Delete objek bersaiz kecil.8. Klik enter untuk menguji animasi.

ANIMASI PERUBAHAN SAIZ TEKS

Langkah-langkah :

1. Hasilkan satu layer objek.2. Pada keyframe yang pertama tulis perkataan MULTIMEDIA. 3. Klik insert > keyframe pada frame 30.4. Aktifkan layer teks insert > create motion tween.5. Klik pada transform tool untuk besarkan saiz teks.6. Klik enter untuk menguji animasi.

ANIMASI PERGERAKAN MOTION GUIDE

Langkah-langkah :

1. Masukkan satu objek, namakan layer sebagai objek.2. Pada layer tersebut, klik frame 30 insert > keyframe.3. Pilih add motion guide, pilih insert > motion guide.4. Pada layer motion  hasilkan satu garisan lengkung.5. Klik pada layer objek, seretkan gambar ke hujung garisan.6. Aktifkan layer tersebut dan klik insert > create motion tween.7. Klik enter untuk menguji animasi.

ANIMASI MASK

Langkah-langkah :

1. Bina satu layer teks.2. Pada layer tersebut, insert > keyframe pada frame 30.3. Hasilkan satu layer baru untuk membina satu objek.4. Klik pada frame yang terakhir pada layer objek tersebut 

kemudian insert > keyframe.5. Aktifkan layer objek objek insert > create motion tween.6. Ubah kedudukan objek ke hujung teks.7. Kemudian klik kanan pada layer objek > mask.8. Klik enter untuk menguji animasking yang dibuat.

KESIMPULAN

ANIMASI PERGERAKAN OBJEK & TEKS

ANIMASI PERUBAHAN WARNA OBJEK

ANIMASI PERUBAHAN SAIZ OBJEK & TEKS

ANIMASI PERGERAKAN MOTION GUIDE

ANIMASI MASK