SlideShare une entreprise Scribd logo
1  sur  3
Télécharger pour lire hors ligne
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

Contenu connexe

Similaire à 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
 

Plus de 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)
 

Dernier

Aksi Nyata PERENCANAAN BERBASIS DATA.pptx
Aksi Nyata PERENCANAAN BERBASIS DATA.pptxAksi Nyata PERENCANAAN BERBASIS DATA.pptx
Aksi Nyata PERENCANAAN BERBASIS DATA.pptxdonny761155
 
CERAMAH SINGKAT RAMADHAN RIFKI TENTANG TAUBAT.pptx
CERAMAH SINGKAT RAMADHAN RIFKI TENTANG TAUBAT.pptxCERAMAH SINGKAT RAMADHAN RIFKI TENTANG TAUBAT.pptx
CERAMAH SINGKAT RAMADHAN RIFKI TENTANG TAUBAT.pptxpolianariama40
 
hentikan buli danGANGGUAN SEKSUAL UNTUK MURID.pptx
hentikan buli danGANGGUAN SEKSUAL UNTUK MURID.pptxhentikan buli danGANGGUAN SEKSUAL UNTUK MURID.pptx
hentikan buli danGANGGUAN SEKSUAL UNTUK MURID.pptxKalpanaMoorthy3
 
Perbaikan ekonomi zaman Habibie (Offering A - 4-6) Pertemuan - 10.pdf
Perbaikan ekonomi zaman Habibie (Offering A - 4-6) Pertemuan - 10.pdfPerbaikan ekonomi zaman Habibie (Offering A - 4-6) Pertemuan - 10.pdf
Perbaikan ekonomi zaman Habibie (Offering A - 4-6) Pertemuan - 10.pdfAgungNugroho932694
 
Jaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdf
Jaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdfJaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdf
Jaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdfHendroGunawan8
 
Silabus Pelatihan _Peranan dan Implementasi "Dual Banking Leverage Model (DBL...
Silabus Pelatihan _Peranan dan Implementasi "Dual Banking Leverage Model (DBL...Silabus Pelatihan _Peranan dan Implementasi "Dual Banking Leverage Model (DBL...
Silabus Pelatihan _Peranan dan Implementasi "Dual Banking Leverage Model (DBL...Kanaidi ken
 
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pptx
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pptxAKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pptx
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pptxHeriyantoHeriyanto44
 
Adab bjjkkkkkkk gggggggghhhhywq dede dulu ya itu yg kamu
Adab bjjkkkkkkk gggggggghhhhywq dede dulu ya itu yg kamuAdab bjjkkkkkkk gggggggghhhhywq dede dulu ya itu yg kamu
Adab bjjkkkkkkk gggggggghhhhywq dede dulu ya itu yg kamuKarticha
 
“Mohon Maaf Lahir & Batin” ... Minal Aidin Wal Faizin
“Mohon Maaf Lahir & Batin” ... Minal Aidin Wal  Faizin“Mohon Maaf Lahir & Batin” ... Minal Aidin Wal  Faizin
“Mohon Maaf Lahir & Batin” ... Minal Aidin Wal FaizinKanaidi ken
 
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pdf
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pdfAKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pdf
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pdfHeriyantoHeriyanto44
 
Estetika Humanisme Diskusi Video Sesi Ke-1.pdf
Estetika Humanisme Diskusi Video Sesi Ke-1.pdfEstetika Humanisme Diskusi Video Sesi Ke-1.pdf
Estetika Humanisme Diskusi Video Sesi Ke-1.pdfHendroGunawan8
 
MATERI PEMBELAJARAN SENI BUDAYA.KELOMPOK 5.pptx
MATERI PEMBELAJARAN SENI BUDAYA.KELOMPOK 5.pptxMATERI PEMBELAJARAN SENI BUDAYA.KELOMPOK 5.pptx
MATERI PEMBELAJARAN SENI BUDAYA.KELOMPOK 5.pptxwulandaritirsa
 
Aminullah Assagaf_Regresi Lengkap 21_11 April 2024.pdf
Aminullah Assagaf_Regresi Lengkap 21_11 April 2024.pdfAminullah Assagaf_Regresi Lengkap 21_11 April 2024.pdf
Aminullah Assagaf_Regresi Lengkap 21_11 April 2024.pdfAminullah Assagaf
 
Penyusunan Paragraf Primakara Informatika IFPagi3
Penyusunan Paragraf Primakara Informatika IFPagi3Penyusunan Paragraf Primakara Informatika IFPagi3
Penyusunan Paragraf Primakara Informatika IFPagi3SatriaPamungkas18
 
(NEW) Template Presentasi UGM yang terbaru
(NEW) Template Presentasi UGM yang terbaru(NEW) Template Presentasi UGM yang terbaru
(NEW) Template Presentasi UGM yang terbaruSilvanaAyu
 
UNSUR - UNSUR, LUAS, KELILING LINGKARAN.pptx
UNSUR - UNSUR, LUAS, KELILING LINGKARAN.pptxUNSUR - UNSUR, LUAS, KELILING LINGKARAN.pptx
UNSUR - UNSUR, LUAS, KELILING LINGKARAN.pptxFranxisca Kurniawati
 
Gandum & Lalang (Matius......13_24-30).pptx
Gandum & Lalang (Matius......13_24-30).pptxGandum & Lalang (Matius......13_24-30).pptx
Gandum & Lalang (Matius......13_24-30).pptxHansTobing
 
Materi B.indo (Penyusunan Paragraf).pptx
Materi B.indo (Penyusunan Paragraf).pptxMateri B.indo (Penyusunan Paragraf).pptx
Materi B.indo (Penyusunan Paragraf).pptxafkarzidan98
 
POKOK BAHASAN DEMOKRASI MATAKULIA PKN - DJOKO AW
POKOK BAHASAN DEMOKRASI MATAKULIA PKN - DJOKO AWPOKOK BAHASAN DEMOKRASI MATAKULIA PKN - DJOKO AW
POKOK BAHASAN DEMOKRASI MATAKULIA PKN - DJOKO AWKafe Buku Pak Aw
 
bahasa-indonesia-penyusunan-paragraf.pptx
bahasa-indonesia-penyusunan-paragraf.pptxbahasa-indonesia-penyusunan-paragraf.pptx
bahasa-indonesia-penyusunan-paragraf.pptxvincentptk17
 

Dernier (20)

Aksi Nyata PERENCANAAN BERBASIS DATA.pptx
Aksi Nyata PERENCANAAN BERBASIS DATA.pptxAksi Nyata PERENCANAAN BERBASIS DATA.pptx
Aksi Nyata PERENCANAAN BERBASIS DATA.pptx
 
CERAMAH SINGKAT RAMADHAN RIFKI TENTANG TAUBAT.pptx
CERAMAH SINGKAT RAMADHAN RIFKI TENTANG TAUBAT.pptxCERAMAH SINGKAT RAMADHAN RIFKI TENTANG TAUBAT.pptx
CERAMAH SINGKAT RAMADHAN RIFKI TENTANG TAUBAT.pptx
 
hentikan buli danGANGGUAN SEKSUAL UNTUK MURID.pptx
hentikan buli danGANGGUAN SEKSUAL UNTUK MURID.pptxhentikan buli danGANGGUAN SEKSUAL UNTUK MURID.pptx
hentikan buli danGANGGUAN SEKSUAL UNTUK MURID.pptx
 
Perbaikan ekonomi zaman Habibie (Offering A - 4-6) Pertemuan - 10.pdf
Perbaikan ekonomi zaman Habibie (Offering A - 4-6) Pertemuan - 10.pdfPerbaikan ekonomi zaman Habibie (Offering A - 4-6) Pertemuan - 10.pdf
Perbaikan ekonomi zaman Habibie (Offering A - 4-6) Pertemuan - 10.pdf
 
Jaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdf
Jaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdfJaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdf
Jaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdf
 
Silabus Pelatihan _Peranan dan Implementasi "Dual Banking Leverage Model (DBL...
Silabus Pelatihan _Peranan dan Implementasi "Dual Banking Leverage Model (DBL...Silabus Pelatihan _Peranan dan Implementasi "Dual Banking Leverage Model (DBL...
Silabus Pelatihan _Peranan dan Implementasi "Dual Banking Leverage Model (DBL...
 
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pptx
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pptxAKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pptx
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pptx
 
Adab bjjkkkkkkk gggggggghhhhywq dede dulu ya itu yg kamu
Adab bjjkkkkkkk gggggggghhhhywq dede dulu ya itu yg kamuAdab bjjkkkkkkk gggggggghhhhywq dede dulu ya itu yg kamu
Adab bjjkkkkkkk gggggggghhhhywq dede dulu ya itu yg kamu
 
“Mohon Maaf Lahir & Batin” ... Minal Aidin Wal Faizin
“Mohon Maaf Lahir & Batin” ... Minal Aidin Wal  Faizin“Mohon Maaf Lahir & Batin” ... Minal Aidin Wal  Faizin
“Mohon Maaf Lahir & Batin” ... Minal Aidin Wal Faizin
 
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pdf
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pdfAKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pdf
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pdf
 
Estetika Humanisme Diskusi Video Sesi Ke-1.pdf
Estetika Humanisme Diskusi Video Sesi Ke-1.pdfEstetika Humanisme Diskusi Video Sesi Ke-1.pdf
Estetika Humanisme Diskusi Video Sesi Ke-1.pdf
 
MATERI PEMBELAJARAN SENI BUDAYA.KELOMPOK 5.pptx
MATERI PEMBELAJARAN SENI BUDAYA.KELOMPOK 5.pptxMATERI PEMBELAJARAN SENI BUDAYA.KELOMPOK 5.pptx
MATERI PEMBELAJARAN SENI BUDAYA.KELOMPOK 5.pptx
 
Aminullah Assagaf_Regresi Lengkap 21_11 April 2024.pdf
Aminullah Assagaf_Regresi Lengkap 21_11 April 2024.pdfAminullah Assagaf_Regresi Lengkap 21_11 April 2024.pdf
Aminullah Assagaf_Regresi Lengkap 21_11 April 2024.pdf
 
Penyusunan Paragraf Primakara Informatika IFPagi3
Penyusunan Paragraf Primakara Informatika IFPagi3Penyusunan Paragraf Primakara Informatika IFPagi3
Penyusunan Paragraf Primakara Informatika IFPagi3
 
(NEW) Template Presentasi UGM yang terbaru
(NEW) Template Presentasi UGM yang terbaru(NEW) Template Presentasi UGM yang terbaru
(NEW) Template Presentasi UGM yang terbaru
 
UNSUR - UNSUR, LUAS, KELILING LINGKARAN.pptx
UNSUR - UNSUR, LUAS, KELILING LINGKARAN.pptxUNSUR - UNSUR, LUAS, KELILING LINGKARAN.pptx
UNSUR - UNSUR, LUAS, KELILING LINGKARAN.pptx
 
Gandum & Lalang (Matius......13_24-30).pptx
Gandum & Lalang (Matius......13_24-30).pptxGandum & Lalang (Matius......13_24-30).pptx
Gandum & Lalang (Matius......13_24-30).pptx
 
Materi B.indo (Penyusunan Paragraf).pptx
Materi B.indo (Penyusunan Paragraf).pptxMateri B.indo (Penyusunan Paragraf).pptx
Materi B.indo (Penyusunan Paragraf).pptx
 
POKOK BAHASAN DEMOKRASI MATAKULIA PKN - DJOKO AW
POKOK BAHASAN DEMOKRASI MATAKULIA PKN - DJOKO AWPOKOK BAHASAN DEMOKRASI MATAKULIA PKN - DJOKO AW
POKOK BAHASAN DEMOKRASI MATAKULIA PKN - DJOKO AW
 
bahasa-indonesia-penyusunan-paragraf.pptx
bahasa-indonesia-penyusunan-paragraf.pptxbahasa-indonesia-penyusunan-paragraf.pptx
bahasa-indonesia-penyusunan-paragraf.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