More Related Content
Similar to BENGKEL ANIMASI STEM 2021.pptx
Similar to BENGKEL ANIMASI STEM 2021.pptx (20)
Recently uploaded
Recently uploaded (20)
BENGKEL ANIMASI STEM 2021.pptx
- 1. Program Jejak Prestasi 2021 5 Alpha Pn. Hafiza binti Zainal Abidin
- 2. Agenda : Ucapan alu-aluan 01 Sesi 1 : 8.30 – 10.30 pagi Pengenalan Animasi (Modul 1) Penggunaan aplikasi Flipaclip (Modul 2) 02 Sesi 2 : 11.00– 2.00 petang Membina Animasi Ringkas FlipaClip (Modul 3) 03 Sabtu, 180921
- 3. Melatih guru/murid dengan kemahiran menyediakan bahan bantu mengajar (BBM) dalam bentuk digital OBJEKTIF
- 4. Melatih guru/murid dengan kemahiran menyediakan bahan bantu mengajar (BBM) dalam bentuk digital Memberi pendedahan kepada guru/murid STEM menggunakan multimedia untuk menerangkan konsep sains dan matematik dengan lebih jelas OBJEKTIF
- 5. Melatih guru/murid dengan kemahiran menyediakan bahan bantu mengajar (BBM) dalam bentuk digital Memberi pendedahan kepada guru/murid STEM menggunakan multimedia untuk menerangkan konsep sains dan matematik dengan lebih jelas Menghasilkan bahan PdP animasi kreatif untuk digunakan bersama dalam PdP atau pembelajaran kendiri seperti flipped classroom OBJEKTIF
- 8. 02 03 01 UNTUK MENERANGKAN PROSES DAN PROSEDUR PERUBAHAN TEMPAT/BENTUK PERLU BAGI SUBJEK/TAJUK YANG SUKAR UNTUK DIBAYANGKAN ANIMASI
- 9. INSTRUCTIONAL DESIGN TECHNOLOGY PEDAGOGY- THE METHOD OF TEACHING ARE YOU TEACHING/FACILITATING? PENGENALAN PDP TERKINI –FLIPPED CLASSROOM, GAMIFICATION, BITE SIZED LEARNING
- 10. AUDACITY: AUDIO EDITOR FILMORA: VIDEO EDITOR FLIPACLIP POWERPOINT POWTOON (ONLINE) APLIKASI ANIMASI Ringkasan Bengkel Animasi
- 11. Creating movement : The Origins of AnimationA
- 12. “ The originators of animation are nearly all toys 12
- 13. Thaumatrope Invented in the 1820s Name means “magic turn” Designed to amuse children Made of 2 pieces of paper and string One image on the front, another on the back. As it spins it gives the illusion of combining the images. – – – – –
- 14. How Does a Thaumatrope Work? When the strings are twirled quickly between the fingers the two pictures appear to combine into a single image due to persistence of vision • • Persistence of vision - the eye's ability to retain an image for roughly 1/20 of a second after the object is gone. • The eye continues to see the two images on either side of the thaumatrope shortly after each has disappeared. As the thaumatrope spins, the series of quick flashes is interpreted as one continuous image.
- 15. Thaumatrope
- 16. Examples of Great Thaumatrope Images
- 17. Persistence of Vision As defined before, persistence of vision is what enables humans to view a long sequence of images as animation. • • Our persistence of vision helps us view cartoons and optical illusions every day!
- 18. Zoetrope Invented in the 1860s Designed to actually animate Was an expensive toy for children and adults Made of a cylinder with slits in it Images were put on the inside of the cylinder. The viewer would spin the cylinder to see the images move. – – – – – –
- 19. Zoetrope Animations How is persistence of vision at work here?
- 20. Animation Development As time went on and paper was more available, people wanted to make their animation toys • own • This introduced the flip-book.
- 21. Flip-Book • Flip books are made by layering sheets of paper with slightly altered images in a sequential order. • As the viewer quickly “flips” through the book, they see a quick animation.
- 22. Flip Book
- 23. Flip Book
- 24. Flip Book
- 25. Flip Book
- 26. Photography and Film The invention of photography and moving pictures animation aided in the development of – 1906 J. Stuart Blackton made the first animated film. • • • He drew faces on board Photographed them onto film Ran the film sequentially to show the faces Titled the film: “ Humorous Phases of Funny Phases” It is considered stop-motion • •
- 27. What is Stop-Motion? Stop-motion is the basis of animation. • • Stop-motion is a form of animation that relies on photographs of still objects to create movement. Objects are manipulated and photographed sequentially. When the photographs move together in a quick sequence (like in a film) it creates the illusion of movement. This is similar to the way a flip-book works. • Clay figures are often used in stop-motion for their ease of repositioning. Stop-motion animation using clay is called clay- mation.
- 28. Stop-Motion
- 30. Clay-mation
- 31. Famous Clay-mation Early: During the late 1950s and early 1960s Davey and Goliath was featured on television. It was a show for children. • • Mid: Gumby was a show that premiered on Saturday morning T.V. in the 1970s and 1980s for children. • Modern: Wallace and Gromit are popular clay-mation characters today.
- 32. From Stop-Motion Artists began to realize that by drawing and using the stop-motion animation technique they could create seamless animation. to Cartoons • • In 1914 Winsor McCay, using drawing and the stop-motion technique, created the first character-based cartoon called “Gertie the Dinosaur” • “Gertie the Dinosaur,” which is only approximately 5 minutes long, contains 10,000 drawings.
- 33. Growing Technology From 1914-1928 artists developed the animation technology and began to teach others about animation. • • 1928 Walt Disney debuts the first cartoon to feature animation and sound. • It is called Steamboat Willie.
- 34. Looking to After Steamboat Willie, the animation world grew in leaps and bounds. the Future • • Even as technology advances, the basics of animation are still based stop-motion • During the next 40 years animation transitions from a fanciful toy into a major business (1930s-1970s) – – – – – Walt Disney Company Fox Animation Hanna-Barbera Warner Brothers Animation MGM Animation
- 35. Computer Generated In the late 1970s to early 1980s Computer Generated Imagery or CGI is used in film for the first time. Imagery • • CGI allows animators to create fantasy situation and illusions within real live action. • The first mainstream movie that used CGI was The Last Starfighter in 1984.
- 36. CGI Grows In 1995 Toy Story premiered. It was the first full-length motion picture to be entirely CGI. •
- 37. Pinnacle of Animation The movie Avatar uses CGI animation alongside other image-based technologies create stunning visual effects. • to
- 39. FlipaClip • Install flipaclip • Tekan + • Name project • Choose background • Canvas size • 12 fps • Boleh copy & paste
- 40. • Lukis atas kertas>ambil gambar>masuk dalam flipaclip • Download drp internet (google>drawing line art>image>download>masuk dalam flipaclip • Animation sequence>google>save dalam gallery • Crop>copy>paste
- 47. Program Jejak Prestasi 2021 5 Alpha Pn. Hafiza binti Zainal Abidin
- 48. Agenda : Ucapan alu-aluan 01 Sesi 1 : 8.30 – 10.30 pagi Asas Animasi Power Point (Modul 4) 02 Sesi 2 : 11.00– 2.00 petang Membina Animasi Ringkas Power Point (Modul 5) 03 Ahad, 300821
- 52. ASAS • Klik kanan<pilih layout>blank • Insert<shape>donut • petak kuning boleh ditarik untuk nipis dan tebal • Untuk copy tekan ctrl d • Animation<pilih animasi><effect option><add animation • Lihat pada animation pane sebelah kanan • Start after previous • Klik untuk ubah timing
- 54. ANIMASI RODA • Tukar ke layout blank • Insert shape>hollow circle • Guna bulatan kuning untuk nipiskan • Tukar warna dan no outline • Control d untuk duplicate • Tekan shift>rotate • Right click>tekan group • Tukar latar belakang • Animation>animation pane • Emphasis>spin • Pada animation pane>start with previous • Double click animation pane utk setting
- 56. Animasi botol • Tukar layout • klik insert>shape>buat tudung botol • Petak kuning>boleh ubah shape • Insert>shape>leher botol • Select tudung>tekan ctrl d>body botol besarkan • Highlight utk select semua dan gerakkan • Gabungkan>asingkan tudung botol>select badan botol • Shape format>merge shape>union
- 57. • Shape fill>shape outline • Ctrl d untuk body>no outline • Botol no shape fill tapi ada outline • format>selection pane • Beri nama shape dalam selection pane • Susunan ikut susunan..tudung, botol, masking air • Warna masking sama dengan warna latar belakang • Animation>animation pane • Add animation>motion path line>adjust kedudukan hijau dan merah • Double click utk timing
- 58. Cara nak eksport • file>export • Click create video • Mp4>save
- 60. Animasi Berjalan • www.vecteezy.com>free download>jpeg • Google>walk cycle vecteezy>image • Mulakan slaid presentation>tukar ke layout blank • Insert file pergerakan berjalan • Picture format>crop pada posisi yang pertama shj • Control d>crop>alih posisi kedua(tekan shift dan gerakkan) dalam crop dan seterusnya sehingga habis posisi • Select all>picture format>align>bottom • Remove background : picture format>remove background…ulang untuk kesemua posisi • Select semua sekali lagi>picture format>align • Select satu-satu spy overlap utk pergerakan yang lancar • Selepas tu select all>align>distribute horizontally
- 61. • Animation>animation pane • Select>Add animation>appear • Select>add animation>dissappear • Susun appear dan disappear selang seli pada animation pane • Pad animation pane>select semua>tekan yg last then tekan shift • Tukar kpd after previous • Animation disappear tambah delay kpd 0.25s • Select semua> positionkan ke tepi • Tekan control d utk tambahkan set • Tekan control d beberapa kali • Slide show • Tambah background
- 63. Program Jejak Prestasi 2021 5 Alpha Pn. Hafiza binti Zainal Abidin
- 64. Agenda : Ucapan alu-aluan 01 Sesi 1 : 8.30 – 10.30 pagi Modul 6: Powtoon – Asas Animasi Online TUGASAN : Membina animasi Powtoon 02 Sesi 2 : 11.00– 2.00 petang Modul 7: Audacity – Asas Audio Editor 03 Sabtu, 110921
- 65. Program Jejak Prestasi 2021 5 Alpha Pn. Hafiza binti Zainal Abidin
- 66. Agenda : Ucapan alu-aluan 01 Sesi 1 : 8.30 – 10.30 pagi Modul 8: Filmora – Asas Video Editor 02 Sesi 2 : 11.00– 2.00 petang TUGASAN : Membina animasi ringkas (1-2 minit mengenai subjek yang diajar) 03 Ahad, 120921
- 67. TUGASAN 1. Cari topik yang sukar difahami murid 2. Bincang dengan murid cara persembahan agar guru tahu apa yang murid tak faham 3. Sediakan animasi pendek eg pengaliran jantung (durasi 1-3minit)