4. ANIMASI
DISEDIAKAN OLEH :
NORLINA RUSLEE
UNIVERSITI PENDIDIKAN SULTAN IDRIS
PRODUKSI MULTIMEDIA
SMK PULAU NYIOR

5. ®

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

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

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

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

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

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

16. ANIMASI PERGERAKAN OBJEK

17. ANIMASI PERGERAKAN TEKS

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

19. ANIMASI PERUBAHAN WARNA OBJEK

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

21. Aktiviti :
1. Hasilkan satu ANIMASI PERUBAHAN WARNA TEKS.

22. ANIMASI PERUBAHAN SAIZ OBJEK

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

24. ANIMASI PERUBAHAN SAIZ TEKS

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

26. ANIMASI PERGERAKAN MOTION GUIDE

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

28. ANIMASI MASK

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

30. KESIMPULAN
 ANIMASI PERGERAKAN OBJEK & TEKS
 ANIMASI PERUBAHAN WARNA OBJEK
 ANIMASI PERUBAHAN SAIZ OBJEK & TEKS
 ANIMASI PERGERAKAN MOTION GUIDE
 ANIMASI MASK