nota flash unit 5

31

Upload: upsi

Post on 19-Jun-2015

612 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Nota Flash Unit 5
Page 2: Nota Flash Unit 5
Page 4: Nota Flash Unit 5

ANIMASI

DISEDIAKAN OLEH :NORLINA RUSLEE

UNIVERSITI PENDIDIKAN SULTAN IDRIS 

PRODUKSI MULTIMEDIASMK PULAU NYIOR

Page 5: Nota Flash Unit 5

®

Page 6: Nota Flash Unit 5

??  ?

Page 7: Nota Flash Unit 5

1. MENGGUNAKAN MODUL PEMBELAJARAN

2. MENGGUNAKANBLOG PEMBELAJARAN

Page 8: Nota Flash Unit 5

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

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

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

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

? ??2

D3D

Page 13: Nota Flash Unit 5

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

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

ANIMASI PERGERAKAN OBJEK

Page 17: Nota Flash Unit 5

ANIMASI PERGERAKAN TEKS

Page 18: Nota Flash Unit 5

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

ANIMASI PERUBAHAN WARNA OBJEK

Page 20: Nota Flash Unit 5

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

Aktiviti :

1. Hasilkan satu ANIMASI PERUBAHAN WARNA TEKS.

 

Page 22: Nota Flash Unit 5

ANIMASI PERUBAHAN SAIZ OBJEK

Page 23: Nota Flash Unit 5

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

ANIMASI PERUBAHAN SAIZ TEKS

Page 25: Nota Flash Unit 5

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

ANIMASI PERGERAKAN MOTION GUIDE

Page 27: Nota Flash Unit 5

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

ANIMASI MASK

Page 29: Nota Flash Unit 5

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

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