SlideShare a Scribd company logo
1 of 3
Download to read offline
UG141 – Multimedia Design
                                     Lab Exercise 3
MOTION GUIDE IN FLASH

Motion guide adalah salah satu fasilitas dari flash yang digunakan untuk membuat animasi
motion tween bergerak sesuai jalur (guide) yang telah kita buat. Hasil animasi motion guide
ini selain halus (karena motion tween) juga lebih teratur karena animasi bergerak sesuai jalur
yang kita buat. Berikut ada 2 contoh penggunaannya :

   1. Buatlah sebuah flash document.
   2. Buatlah sebuah lingkaran berwarna merah dengan hitam sebagai warna garisnya.
   3. Seleksi lingkaran tersebut dan tekan F8. Pada panel yang muncul masukkan bola
       sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di
       tengah-tengah lalu tekan ok.
   4. Klik sekali tombol Insert Layer pada timeline sehingga muncul Layer baru bernama
       Layer 2.
   5. Klik kanan Layer 2 tersebut dan pilih Guide. Sehingga kedua layer pada timeline
       tersebut terlihat seperti gambar di bawah ini :




   6. Pastikan anda aktif di Layer 2 kemudian buatlah sebuah garis di stage seperti gambar
       di bawah ini :




Page | 1                                                                   Johny Hizkia, BIT, MIMS
UG141 – Multimedia Design
                                    Lab Exercise 3
   7. Letakkan bagian tengah movie clip bola pada ujung garis bagian kiri seperti gambar
       di bawah ini :




   8. Klik kanan frame 45 Layer 2 dan pilih Insert Frame.
   9. Klik kanan frame 45 Layer 1 dan pilih Insert KeyFrame.
   10. Ubah letak movie clip bola pada frame 45 ke ujung garis bagian kanan. Pastikan
       bagian tengah movie clip bola yang berada di ujung garis tersebut seperti gambar di
       bawah ini :




   11. Klik kanan frame 1 Layer 1 dan pilih Create Classic Tween.
   12. Klik dan drag Layer 1 kemudian singgungkan ke Layer 2.
   13. Tekan Ctrl+Enter untuk melihat hasilnya.




Page | 2                                                                  Johny Hizkia, BIT, MIMS
UG141 – Multimedia Design
                                  Lab Exercise 3
Task

Buatlah animasi di bawah ini dengan menggunakan motion guide di Flash.




Page | 3                                                                 Johny Hizkia, BIT, MIMS

More Related Content

Similar to Lab 3 - Week 4 (20)

Laporan praktikum multimedia_3-3
Laporan praktikum multimedia_3-3Laporan praktikum multimedia_3-3
Laporan praktikum multimedia_3-3
 
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdfANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
ANIMASI FRAME BY FRAME DAN ANIMASI TWEENING.pdf
 
Kd 3.3 memahami teknik animasi tweening
Kd 3.3 memahami teknik animasi tweeningKd 3.3 memahami teknik animasi tweening
Kd 3.3 memahami teknik animasi tweening
 
Mebuat presentasi-dengan-flash
Mebuat presentasi-dengan-flashMebuat presentasi-dengan-flash
Mebuat presentasi-dengan-flash
 
Animasi pesawat11
Animasi pesawat11Animasi pesawat11
Animasi pesawat11
 
Pertemuan 62
Pertemuan 62Pertemuan 62
Pertemuan 62
 
BAB 4
BAB 4BAB 4
BAB 4
 
Bab 4
Bab 4Bab 4
Bab 4
 
BAB 4
BAB 4BAB 4
BAB 4
 
KD. 3.3.pptx
KD. 3.3.pptxKD. 3.3.pptx
KD. 3.3.pptx
 
modul animasi.pdf
modul animasi.pdfmodul animasi.pdf
modul animasi.pdf
 
Tik
TikTik
Tik
 
Tik
TikTik
Tik
 
Alisalim flash4
Alisalim flash4Alisalim flash4
Alisalim flash4
 
Tik
TikTik
Tik
 
7 hari-belajar-macromedia-flash
7 hari-belajar-macromedia-flash7 hari-belajar-macromedia-flash
7 hari-belajar-macromedia-flash
 
Tik bab 4
Tik bab 4Tik bab 4
Tik bab 4
 
Tik bab 4
Tik bab 4Tik bab 4
Tik bab 4
 
Tik bab 4
Tik bab 4Tik bab 4
Tik bab 4
 
animasi KD.2 Animasi Motion Tween.pptx
animasi KD.2 Animasi Motion Tween.pptxanimasi KD.2 Animasi Motion Tween.pptx
animasi KD.2 Animasi Motion Tween.pptx
 

More from Indonesia School of Technology and Business (ISTB) (13)

IS341 - Week01 the world wide web architecture
IS341 - Week01  the world wide web architectureIS341 - Week01  the world wide web architecture
IS341 - Week01 the world wide web architecture
 
IS341 - Course introduction
IS341 - Course introductionIS341 - Course introduction
IS341 - Course introduction
 
Lab 6
Lab 6Lab 6
Lab 6
 
Lab 5 - Week 7
Lab 5 - Week 7Lab 5 - Week 7
Lab 5 - Week 7
 
UG141 - Week 7 (Video)
UG141 - Week 7 (Video)UG141 - Week 7 (Video)
UG141 - Week 7 (Video)
 
Lab 4 - Week 5a
Lab 4 - Week 5aLab 4 - Week 5a
Lab 4 - Week 5a
 
UG141 - Week 6 (Sound)
UG141 - Week 6 (Sound)UG141 - Week 6 (Sound)
UG141 - Week 6 (Sound)
 
UG141 - Week 5 (Graphics)
UG141 - Week 5 (Graphics)UG141 - Week 5 (Graphics)
UG141 - Week 5 (Graphics)
 
UG141 - Week 4 (Text)
UG141 - Week 4 (Text)UG141 - Week 4 (Text)
UG141 - Week 4 (Text)
 
UG141 - Week 3 (Multimedia Methodology)
UG141 - Week 3 (Multimedia Methodology)UG141 - Week 3 (Multimedia Methodology)
UG141 - Week 3 (Multimedia Methodology)
 
Lab 1 - Week 2
Lab 1 - Week 2Lab 1 - Week 2
Lab 1 - Week 2
 
UG141 - Week 2 (Defining Multimedia)
UG141 - Week 2 (Defining Multimedia)UG141 - Week 2 (Defining Multimedia)
UG141 - Week 2 (Defining Multimedia)
 
UG141 - Week 1 (Course Introduction)
UG141 - Week 1 (Course Introduction)UG141 - Week 1 (Course Introduction)
UG141 - Week 1 (Course Introduction)
 

Recently uploaded

form Tindak Lanjut Observasi Penilaian Kinerja PMM
form Tindak Lanjut Observasi Penilaian Kinerja PMMform Tindak Lanjut Observasi Penilaian Kinerja PMM
form Tindak Lanjut Observasi Penilaian Kinerja PMMAgungJakaNugraha1
 
Jaringan Internet dan Komputer dasar-dasar
Jaringan Internet dan Komputer dasar-dasarJaringan Internet dan Komputer dasar-dasar
Jaringan Internet dan Komputer dasar-dasarTohirIkhlas
 
Modul Ajar Ipa kelas 8 Struktur Bumi dan perkembangannya
Modul Ajar Ipa kelas 8 Struktur Bumi dan perkembangannyaModul Ajar Ipa kelas 8 Struktur Bumi dan perkembangannya
Modul Ajar Ipa kelas 8 Struktur Bumi dan perkembangannyaNovi Cherly
 
PPT MODUL 6 PENDIDIKAN SENI DI ESDE.pptx
PPT MODUL 6 PENDIDIKAN SENI DI ESDE.pptxPPT MODUL 6 PENDIDIKAN SENI DI ESDE.pptx
PPT MODUL 6 PENDIDIKAN SENI DI ESDE.pptxhikmah331650
 
Soal BAB 6 IPAS KELAS 4.doc tentang kebudayaan
Soal BAB 6 IPAS KELAS 4.doc tentang kebudayaanSoal BAB 6 IPAS KELAS 4.doc tentang kebudayaan
Soal BAB 6 IPAS KELAS 4.doc tentang kebudayaanressyefrina15
 
MODUL AJAR MATEMATIKA KELAS 1 KURIKULUM MERDEKA.pdf
MODUL AJAR MATEMATIKA KELAS 1 KURIKULUM MERDEKA.pdfMODUL AJAR MATEMATIKA KELAS 1 KURIKULUM MERDEKA.pdf
MODUL AJAR MATEMATIKA KELAS 1 KURIKULUM MERDEKA.pdfAndiCoc
 
PPT PEMBELAJARAN KELAS 3 TEMATIK TEMA 3 SUBTEMA SUBTEMA 1 PEMBELAJARAN 1
PPT PEMBELAJARAN KELAS 3 TEMATIK TEMA 3 SUBTEMA SUBTEMA 1 PEMBELAJARAN 1PPT PEMBELAJARAN KELAS 3 TEMATIK TEMA 3 SUBTEMA SUBTEMA 1 PEMBELAJARAN 1
PPT PEMBELAJARAN KELAS 3 TEMATIK TEMA 3 SUBTEMA SUBTEMA 1 PEMBELAJARAN 1AdiKurniawan24529
 
TINGKATAN 4 : 1.1 PENGENALAN SAINS SUKAN .ppt
TINGKATAN 4 : 1.1 PENGENALAN SAINS SUKAN .pptTINGKATAN 4 : 1.1 PENGENALAN SAINS SUKAN .ppt
TINGKATAN 4 : 1.1 PENGENALAN SAINS SUKAN .pptASHABULTAKIMBINMOHDI
 
Modul Pembentukan Disiplin Rohani (PDR) 2024
Modul Pembentukan Disiplin Rohani (PDR) 2024Modul Pembentukan Disiplin Rohani (PDR) 2024
Modul Pembentukan Disiplin Rohani (PDR) 2024SABDA
 
Master 2_Modul 4_Percakapan Coaching.pdf
Master 2_Modul 4_Percakapan Coaching.pdfMaster 2_Modul 4_Percakapan Coaching.pdf
Master 2_Modul 4_Percakapan Coaching.pdfbasoekyfaqod2
 
Laporan_Rekan_Sejawat Sri Lubis, S.Pd (1).pdf
Laporan_Rekan_Sejawat Sri Lubis, S.Pd (1).pdfLaporan_Rekan_Sejawat Sri Lubis, S.Pd (1).pdf
Laporan_Rekan_Sejawat Sri Lubis, S.Pd (1).pdfSriHandayaniLubisSpd
 
1.4.a.4.3. Keyakinan Kelas tuga mandiri calon guru penggerak.pdf
1.4.a.4.3. Keyakinan Kelas tuga mandiri calon guru penggerak.pdf1.4.a.4.3. Keyakinan Kelas tuga mandiri calon guru penggerak.pdf
1.4.a.4.3. Keyakinan Kelas tuga mandiri calon guru penggerak.pdfindahningsih541
 
tugas 1.4 keyakinan kelas tugas mandiri.pdf
tugas 1.4 keyakinan kelas tugas mandiri.pdftugas 1.4 keyakinan kelas tugas mandiri.pdf
tugas 1.4 keyakinan kelas tugas mandiri.pdfindahningsih541
 
PELAKSANAAN (di Hotel 101 Urban Thamrin Jkt) + Link2 MATERI Training_ "Effect...
PELAKSANAAN (di Hotel 101 Urban Thamrin Jkt) + Link2 MATERI Training_ "Effect...PELAKSANAAN (di Hotel 101 Urban Thamrin Jkt) + Link2 MATERI Training_ "Effect...
PELAKSANAAN (di Hotel 101 Urban Thamrin Jkt) + Link2 MATERI Training_ "Effect...Kanaidi ken
 
MODUL AJAR SENI TARI KELAS 4 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI TARI KELAS 4 KURIKULUM MERDEKA.pdfMODUL AJAR SENI TARI KELAS 4 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI TARI KELAS 4 KURIKULUM MERDEKA.pdfAndiCoc
 
Modul Ajar Sosiologi - Lembaga Sosial - Fase E.pdf
Modul Ajar Sosiologi - Lembaga Sosial - Fase E.pdfModul Ajar Sosiologi - Lembaga Sosial - Fase E.pdf
Modul Ajar Sosiologi - Lembaga Sosial - Fase E.pdfDianaRuswandari1
 
Perspektif Global PDGK 4403, Modul 4.pptx
Perspektif Global PDGK 4403, Modul 4.pptxPerspektif Global PDGK 4403, Modul 4.pptx
Perspektif Global PDGK 4403, Modul 4.pptxyosp418
 
PPT MODUL 6 Bahasa Indonesia UT Bjn.pptx
PPT MODUL 6 Bahasa Indonesia UT Bjn.pptxPPT MODUL 6 Bahasa Indonesia UT Bjn.pptx
PPT MODUL 6 Bahasa Indonesia UT Bjn.pptxZubedImut
 
BUKU PINTAR DAN MAHIR MICROSOFT EXCEL.pdf
BUKU PINTAR DAN MAHIR MICROSOFT EXCEL.pdfBUKU PINTAR DAN MAHIR MICROSOFT EXCEL.pdf
BUKU PINTAR DAN MAHIR MICROSOFT EXCEL.pdfandre173588
 
MODUL AJAR BAHASA INDONESIA KELAS 1 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 1 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 1 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 1 KURIKULUM MERDEKA.pdfAndiCoc
 

Recently uploaded (20)

form Tindak Lanjut Observasi Penilaian Kinerja PMM
form Tindak Lanjut Observasi Penilaian Kinerja PMMform Tindak Lanjut Observasi Penilaian Kinerja PMM
form Tindak Lanjut Observasi Penilaian Kinerja PMM
 
Jaringan Internet dan Komputer dasar-dasar
Jaringan Internet dan Komputer dasar-dasarJaringan Internet dan Komputer dasar-dasar
Jaringan Internet dan Komputer dasar-dasar
 
Modul Ajar Ipa kelas 8 Struktur Bumi dan perkembangannya
Modul Ajar Ipa kelas 8 Struktur Bumi dan perkembangannyaModul Ajar Ipa kelas 8 Struktur Bumi dan perkembangannya
Modul Ajar Ipa kelas 8 Struktur Bumi dan perkembangannya
 
PPT MODUL 6 PENDIDIKAN SENI DI ESDE.pptx
PPT MODUL 6 PENDIDIKAN SENI DI ESDE.pptxPPT MODUL 6 PENDIDIKAN SENI DI ESDE.pptx
PPT MODUL 6 PENDIDIKAN SENI DI ESDE.pptx
 
Soal BAB 6 IPAS KELAS 4.doc tentang kebudayaan
Soal BAB 6 IPAS KELAS 4.doc tentang kebudayaanSoal BAB 6 IPAS KELAS 4.doc tentang kebudayaan
Soal BAB 6 IPAS KELAS 4.doc tentang kebudayaan
 
MODUL AJAR MATEMATIKA KELAS 1 KURIKULUM MERDEKA.pdf
MODUL AJAR MATEMATIKA KELAS 1 KURIKULUM MERDEKA.pdfMODUL AJAR MATEMATIKA KELAS 1 KURIKULUM MERDEKA.pdf
MODUL AJAR MATEMATIKA KELAS 1 KURIKULUM MERDEKA.pdf
 
PPT PEMBELAJARAN KELAS 3 TEMATIK TEMA 3 SUBTEMA SUBTEMA 1 PEMBELAJARAN 1
PPT PEMBELAJARAN KELAS 3 TEMATIK TEMA 3 SUBTEMA SUBTEMA 1 PEMBELAJARAN 1PPT PEMBELAJARAN KELAS 3 TEMATIK TEMA 3 SUBTEMA SUBTEMA 1 PEMBELAJARAN 1
PPT PEMBELAJARAN KELAS 3 TEMATIK TEMA 3 SUBTEMA SUBTEMA 1 PEMBELAJARAN 1
 
TINGKATAN 4 : 1.1 PENGENALAN SAINS SUKAN .ppt
TINGKATAN 4 : 1.1 PENGENALAN SAINS SUKAN .pptTINGKATAN 4 : 1.1 PENGENALAN SAINS SUKAN .ppt
TINGKATAN 4 : 1.1 PENGENALAN SAINS SUKAN .ppt
 
Modul Pembentukan Disiplin Rohani (PDR) 2024
Modul Pembentukan Disiplin Rohani (PDR) 2024Modul Pembentukan Disiplin Rohani (PDR) 2024
Modul Pembentukan Disiplin Rohani (PDR) 2024
 
Master 2_Modul 4_Percakapan Coaching.pdf
Master 2_Modul 4_Percakapan Coaching.pdfMaster 2_Modul 4_Percakapan Coaching.pdf
Master 2_Modul 4_Percakapan Coaching.pdf
 
Laporan_Rekan_Sejawat Sri Lubis, S.Pd (1).pdf
Laporan_Rekan_Sejawat Sri Lubis, S.Pd (1).pdfLaporan_Rekan_Sejawat Sri Lubis, S.Pd (1).pdf
Laporan_Rekan_Sejawat Sri Lubis, S.Pd (1).pdf
 
1.4.a.4.3. Keyakinan Kelas tuga mandiri calon guru penggerak.pdf
1.4.a.4.3. Keyakinan Kelas tuga mandiri calon guru penggerak.pdf1.4.a.4.3. Keyakinan Kelas tuga mandiri calon guru penggerak.pdf
1.4.a.4.3. Keyakinan Kelas tuga mandiri calon guru penggerak.pdf
 
tugas 1.4 keyakinan kelas tugas mandiri.pdf
tugas 1.4 keyakinan kelas tugas mandiri.pdftugas 1.4 keyakinan kelas tugas mandiri.pdf
tugas 1.4 keyakinan kelas tugas mandiri.pdf
 
PELAKSANAAN (di Hotel 101 Urban Thamrin Jkt) + Link2 MATERI Training_ "Effect...
PELAKSANAAN (di Hotel 101 Urban Thamrin Jkt) + Link2 MATERI Training_ "Effect...PELAKSANAAN (di Hotel 101 Urban Thamrin Jkt) + Link2 MATERI Training_ "Effect...
PELAKSANAAN (di Hotel 101 Urban Thamrin Jkt) + Link2 MATERI Training_ "Effect...
 
MODUL AJAR SENI TARI KELAS 4 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI TARI KELAS 4 KURIKULUM MERDEKA.pdfMODUL AJAR SENI TARI KELAS 4 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI TARI KELAS 4 KURIKULUM MERDEKA.pdf
 
Modul Ajar Sosiologi - Lembaga Sosial - Fase E.pdf
Modul Ajar Sosiologi - Lembaga Sosial - Fase E.pdfModul Ajar Sosiologi - Lembaga Sosial - Fase E.pdf
Modul Ajar Sosiologi - Lembaga Sosial - Fase E.pdf
 
Perspektif Global PDGK 4403, Modul 4.pptx
Perspektif Global PDGK 4403, Modul 4.pptxPerspektif Global PDGK 4403, Modul 4.pptx
Perspektif Global PDGK 4403, Modul 4.pptx
 
PPT MODUL 6 Bahasa Indonesia UT Bjn.pptx
PPT MODUL 6 Bahasa Indonesia UT Bjn.pptxPPT MODUL 6 Bahasa Indonesia UT Bjn.pptx
PPT MODUL 6 Bahasa Indonesia UT Bjn.pptx
 
BUKU PINTAR DAN MAHIR MICROSOFT EXCEL.pdf
BUKU PINTAR DAN MAHIR MICROSOFT EXCEL.pdfBUKU PINTAR DAN MAHIR MICROSOFT EXCEL.pdf
BUKU PINTAR DAN MAHIR MICROSOFT EXCEL.pdf
 
MODUL AJAR BAHASA INDONESIA KELAS 1 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 1 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 1 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 1 KURIKULUM MERDEKA.pdf
 

Lab 3 - Week 4

  • 1. UG141 – Multimedia Design Lab Exercise 3 MOTION GUIDE IN FLASH Motion guide adalah salah satu fasilitas dari flash yang digunakan untuk membuat animasi motion tween bergerak sesuai jalur (guide) yang telah kita buat. Hasil animasi motion guide ini selain halus (karena motion tween) juga lebih teratur karena animasi bergerak sesuai jalur yang kita buat. Berikut ada 2 contoh penggunaannya : 1. Buatlah sebuah flash document. 2. Buatlah sebuah lingkaran berwarna merah dengan hitam sebagai warna garisnya. 3. Seleksi lingkaran tersebut dan tekan F8. Pada panel yang muncul masukkan bola sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah-tengah lalu tekan ok. 4. Klik sekali tombol Insert Layer pada timeline sehingga muncul Layer baru bernama Layer 2. 5. Klik kanan Layer 2 tersebut dan pilih Guide. Sehingga kedua layer pada timeline tersebut terlihat seperti gambar di bawah ini : 6. Pastikan anda aktif di Layer 2 kemudian buatlah sebuah garis di stage seperti gambar di bawah ini : Page | 1 Johny Hizkia, BIT, MIMS
  • 2. UG141 – Multimedia Design Lab Exercise 3 7. Letakkan bagian tengah movie clip bola pada ujung garis bagian kiri seperti gambar di bawah ini : 8. Klik kanan frame 45 Layer 2 dan pilih Insert Frame. 9. Klik kanan frame 45 Layer 1 dan pilih Insert KeyFrame. 10. Ubah letak movie clip bola pada frame 45 ke ujung garis bagian kanan. Pastikan bagian tengah movie clip bola yang berada di ujung garis tersebut seperti gambar di bawah ini : 11. Klik kanan frame 1 Layer 1 dan pilih Create Classic Tween. 12. Klik dan drag Layer 1 kemudian singgungkan ke Layer 2. 13. Tekan Ctrl+Enter untuk melihat hasilnya. Page | 2 Johny Hizkia, BIT, MIMS
  • 3. UG141 – Multimedia Design Lab Exercise 3 Task Buatlah animasi di bawah ini dengan menggunakan motion guide di Flash. Page | 3 Johny Hizkia, BIT, MIMS