Nota Flash Unit 5
Transcript of Nota Flash Unit 5
![Page 1: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/1.jpg)
![Page 2: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/2.jpg)
![Page 3: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/3.jpg)
![Page 4: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/4.jpg)
ANIMASI
DISEDIAKAN OLEH :NORLINA RUSLEE
UNIVERSITI PENDIDIKAN SULTAN IDRIS
PRODUKSI MULTIMEDIASMK PULAU NYIOR
![Page 5: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/5.jpg)
®
![Page 6: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/6.jpg)
?? ?
![Page 7: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/7.jpg)
1. MENGGUNAKAN MODUL PEMBELAJARAN
2. MENGGUNAKANBLOG PEMBELAJARAN
![Page 8: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/8.jpg)
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.
![Page 9: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/9.jpg)
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.
![Page 10: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/10.jpg)
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?
![Page 11: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/11.jpg)
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
![Page 12: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/12.jpg)
? ??2
D3D
![Page 13: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/13.jpg)
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.
![Page 14: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/14.jpg)
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
![Page 16: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/16.jpg)
ANIMASI PERGERAKAN OBJEK
![Page 17: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/17.jpg)
ANIMASI PERGERAKAN TEKS
![Page 18: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/18.jpg)
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.
![Page 19: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/19.jpg)
ANIMASI PERUBAHAN WARNA OBJEK
![Page 20: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/20.jpg)
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.
![Page 21: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/21.jpg)
Aktiviti :
1. Hasilkan satu ANIMASI PERUBAHAN WARNA TEKS.
![Page 22: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/22.jpg)
ANIMASI PERUBAHAN SAIZ OBJEK
![Page 23: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/23.jpg)
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.
![Page 24: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/24.jpg)
ANIMASI PERUBAHAN SAIZ TEKS
![Page 25: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/25.jpg)
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.
![Page 26: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/26.jpg)
ANIMASI PERGERAKAN MOTION GUIDE
![Page 27: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/27.jpg)
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.
![Page 28: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/28.jpg)
ANIMASI MASK
![Page 29: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/29.jpg)
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.
![Page 30: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/30.jpg)
KESIMPULAN
ANIMASI PERGERAKAN OBJEK & TEKS
ANIMASI PERUBAHAN WARNA OBJEK
ANIMASI PERUBAHAN SAIZ OBJEK & TEKS
ANIMASI PERGERAKAN MOTION GUIDE
ANIMASI MASK
![Page 31: Nota Flash Unit 5](https://reader035.fdocuments.net/reader035/viewer/2022081417/558417fbd8b42ab4608b5068/html5/thumbnails/31.jpg)