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)

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

Modul Projek Bangunlah Jiwa dan Raganya - Damai Belajar Bersama - Fase C.pptx
Modul Projek Bangunlah Jiwa dan Raganya - Damai Belajar Bersama - Fase C.pptxModul Projek Bangunlah Jiwa dan Raganya - Damai Belajar Bersama - Fase C.pptx
Modul Projek Bangunlah Jiwa dan Raganya - Damai Belajar Bersama - Fase C.pptx
RIMA685626
 
BAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptx
BAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptxBAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptx
BAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptx
JuliBriana2
 
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdfAksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
JarzaniIsmail
 
Kenakalan Remaja (Penggunaan Narkoba).ppt
Kenakalan Remaja (Penggunaan Narkoba).pptKenakalan Remaja (Penggunaan Narkoba).ppt
Kenakalan Remaja (Penggunaan Narkoba).ppt
novibernadina
 
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptxBab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
ssuser35630b
 

Recently uploaded (20)

AKSI NYATA Numerasi Meningkatkan Kompetensi Murid_compressed (1) (1).pptx
AKSI NYATA  Numerasi  Meningkatkan Kompetensi Murid_compressed (1) (1).pptxAKSI NYATA  Numerasi  Meningkatkan Kompetensi Murid_compressed (1) (1).pptx
AKSI NYATA Numerasi Meningkatkan Kompetensi Murid_compressed (1) (1).pptx
 
LATAR BELAKANG JURNAL DIALOGIS REFLEKTIF.ppt
LATAR BELAKANG JURNAL DIALOGIS REFLEKTIF.pptLATAR BELAKANG JURNAL DIALOGIS REFLEKTIF.ppt
LATAR BELAKANG JURNAL DIALOGIS REFLEKTIF.ppt
 
Tim Yang Lolos Pendanaan Hibah Kepedulian pada Masyarakat UI 2024
Tim Yang Lolos Pendanaan Hibah Kepedulian pada Masyarakat  UI 2024Tim Yang Lolos Pendanaan Hibah Kepedulian pada Masyarakat  UI 2024
Tim Yang Lolos Pendanaan Hibah Kepedulian pada Masyarakat UI 2024
 
Modul Projek Bangunlah Jiwa dan Raganya - Damai Belajar Bersama - Fase C.pptx
Modul Projek Bangunlah Jiwa dan Raganya - Damai Belajar Bersama - Fase C.pptxModul Projek Bangunlah Jiwa dan Raganya - Damai Belajar Bersama - Fase C.pptx
Modul Projek Bangunlah Jiwa dan Raganya - Damai Belajar Bersama - Fase C.pptx
 
power point bahasa indonesia "Karya Ilmiah"
power point bahasa indonesia "Karya Ilmiah"power point bahasa indonesia "Karya Ilmiah"
power point bahasa indonesia "Karya Ilmiah"
 
Aksi Nyata PMM Topik Refleksi Diri (1).pdf
Aksi Nyata PMM Topik Refleksi Diri (1).pdfAksi Nyata PMM Topik Refleksi Diri (1).pdf
Aksi Nyata PMM Topik Refleksi Diri (1).pdf
 
TUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHAN
TUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHANTUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHAN
TUGAS RUANG KOLABORASI 1.3 PRAKARSA PERUBAHAN
 
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptxDEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
DEMONSTRASI KONTEKSTUAL MODUL 1.3 CGP 10.pptx
 
BAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptx
BAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptxBAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptx
BAB 5 KERJASAMA DALAM BERBAGAI BIDANG KEHIDUPAN.pptx
 
SOAL PUBLIC SPEAKING UNTUK PEMULA PG & ESSAY
SOAL PUBLIC SPEAKING UNTUK PEMULA PG & ESSAYSOAL PUBLIC SPEAKING UNTUK PEMULA PG & ESSAY
SOAL PUBLIC SPEAKING UNTUK PEMULA PG & ESSAY
 
vIDEO kelayakan berita untuk mahasiswa.ppsx
vIDEO kelayakan berita untuk mahasiswa.ppsxvIDEO kelayakan berita untuk mahasiswa.ppsx
vIDEO kelayakan berita untuk mahasiswa.ppsx
 
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdfAksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
Aksi Nyata Sosialisasi Profil Pelajar Pancasila.pdf
 
MODUL AJAR IPAS KELAS 6 KURIKULUM MERDEKA
MODUL AJAR IPAS KELAS 6 KURIKULUM MERDEKAMODUL AJAR IPAS KELAS 6 KURIKULUM MERDEKA
MODUL AJAR IPAS KELAS 6 KURIKULUM MERDEKA
 
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptxPendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
Pendidikan-Bahasa-Indonesia-di-SD MODUL 3 .pptx
 
Regresi Linear Kelompok 1 XI-10 revisi (1).pptx
Regresi Linear Kelompok 1 XI-10 revisi (1).pptxRegresi Linear Kelompok 1 XI-10 revisi (1).pptx
Regresi Linear Kelompok 1 XI-10 revisi (1).pptx
 
MODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdfMODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL PENDIDIKAN PANCASILA KELAS 6 KURIKULUM MERDEKA.pdf
 
Kenakalan Remaja (Penggunaan Narkoba).ppt
Kenakalan Remaja (Penggunaan Narkoba).pptKenakalan Remaja (Penggunaan Narkoba).ppt
Kenakalan Remaja (Penggunaan Narkoba).ppt
 
PPT MODUL 6 DAN 7 PDGK4105 KELOMPOK.pptx
PPT MODUL 6 DAN 7 PDGK4105 KELOMPOK.pptxPPT MODUL 6 DAN 7 PDGK4105 KELOMPOK.pptx
PPT MODUL 6 DAN 7 PDGK4105 KELOMPOK.pptx
 
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdfMODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR IPAS KELAS 3 KURIKULUM MERDEKA.pdf
 
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptxBab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
Bab 7 - Perilaku Ekonomi dan Kesejahteraan Sosial.pptx
 

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