SlideShare ist ein Scribd-Unternehmen logo
1 von 3
Downloaden Sie, um offline zu lesen
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

Weitere ähnliche Inhalte

Ähnlich wie 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
 

Mehr von Indonesia School of Technology and Business (ISTB)

Mehr von 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)
 

Kürzlich hochgeladen

1. Kisi-kisi PAT IPA Kelas 7 Kurmer 2024
1. Kisi-kisi PAT IPA Kelas 7 Kurmer 20241. Kisi-kisi PAT IPA Kelas 7 Kurmer 2024
1. Kisi-kisi PAT IPA Kelas 7 Kurmer 2024
DessyArliani
 
Kisi kisi Ujian sekolah mata pelajaran IPA 2024.docx
Kisi kisi Ujian sekolah mata pelajaran IPA 2024.docxKisi kisi Ujian sekolah mata pelajaran IPA 2024.docx
Kisi kisi Ujian sekolah mata pelajaran IPA 2024.docx
FitriaSarmida1
 
Kenakalan Remaja (Penggunaan Narkoba).ppt
Kenakalan Remaja (Penggunaan Narkoba).pptKenakalan Remaja (Penggunaan Narkoba).ppt
Kenakalan Remaja (Penggunaan Narkoba).ppt
novibernadina
 

Kürzlich hochgeladen (20)

MODUL AJAR MATEMATIKA KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR MATEMATIKA KELAS 3 KURIKULUM MERDEKA.pdfMODUL AJAR MATEMATIKA KELAS 3 KURIKULUM MERDEKA.pdf
MODUL AJAR MATEMATIKA KELAS 3 KURIKULUM MERDEKA.pdf
 
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
 
1. Kisi-kisi PAT IPA Kelas 7 Kurmer 2024
1. Kisi-kisi PAT IPA Kelas 7 Kurmer 20241. Kisi-kisi PAT IPA Kelas 7 Kurmer 2024
1. Kisi-kisi PAT IPA Kelas 7 Kurmer 2024
 
Kisi kisi Ujian sekolah mata pelajaran IPA 2024.docx
Kisi kisi Ujian sekolah mata pelajaran IPA 2024.docxKisi kisi Ujian sekolah mata pelajaran IPA 2024.docx
Kisi kisi Ujian sekolah mata pelajaran IPA 2024.docx
 
vIDEO kelayakan berita untuk mahasiswa.ppsx
vIDEO kelayakan berita untuk mahasiswa.ppsxvIDEO kelayakan berita untuk mahasiswa.ppsx
vIDEO kelayakan berita untuk mahasiswa.ppsx
 
Bab 4 Persatuan dan Kesatuan di Lingkup Wilayah Kabupaten dan Kota.pptx
Bab 4 Persatuan dan Kesatuan di Lingkup Wilayah Kabupaten dan Kota.pptxBab 4 Persatuan dan Kesatuan di Lingkup Wilayah Kabupaten dan Kota.pptx
Bab 4 Persatuan dan Kesatuan di Lingkup Wilayah Kabupaten dan Kota.pptx
 
Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...
Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...
Intellectual Discourse Business in Islamic Perspective - Mej Dr Mohd Adib Abd...
 
Kenakalan Remaja (Penggunaan Narkoba).ppt
Kenakalan Remaja (Penggunaan Narkoba).pptKenakalan Remaja (Penggunaan Narkoba).ppt
Kenakalan Remaja (Penggunaan Narkoba).ppt
 
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
BAHAN PAPARAN UU DESA NOMOR 3 TAHUN 2024
 
Konseptual Model Keperawatan Jiwa pada manusia
Konseptual Model Keperawatan Jiwa pada manusiaKonseptual Model Keperawatan Jiwa pada manusia
Konseptual Model Keperawatan Jiwa pada manusia
 
Pengenalan Figma, Figma Indtroduction, Figma
Pengenalan Figma, Figma Indtroduction, FigmaPengenalan Figma, Figma Indtroduction, Figma
Pengenalan Figma, Figma Indtroduction, Figma
 
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
 
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdfProv.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
Prov.Jabar_1504_Pengumuman Seleksi Tahap 2_CGP A11 (2).pdf
 
Penyebaran Pemahaman Merdeka Belajar Aksi Nyata PMM
Penyebaran Pemahaman Merdeka Belajar Aksi Nyata PMMPenyebaran Pemahaman Merdeka Belajar Aksi Nyata PMM
Penyebaran Pemahaman Merdeka Belajar Aksi Nyata PMM
 
PELAKSANAAN (dgn PT SBI) + Link2 Materi Pelatihan _"Teknik Perhitungan TKDN, ...
PELAKSANAAN (dgn PT SBI) + Link2 Materi Pelatihan _"Teknik Perhitungan TKDN, ...PELAKSANAAN (dgn PT SBI) + Link2 Materi Pelatihan _"Teknik Perhitungan TKDN, ...
PELAKSANAAN (dgn PT SBI) + Link2 Materi Pelatihan _"Teknik Perhitungan TKDN, ...
 
MODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INGGRIS KELAS 6 KURIKULUM MERDEKA.pdf
 
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdfMODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
MODUL AJAR BAHASA INDONESIA KELAS 6 KURIKULUM MERDEKA.pdf
 
power point bahasa indonesia "Karya Ilmiah"
power point bahasa indonesia "Karya Ilmiah"power point bahasa indonesia "Karya Ilmiah"
power point bahasa indonesia "Karya Ilmiah"
 
Memperkasakan Dialog Prestasi Sekolah.pptx
Memperkasakan Dialog Prestasi Sekolah.pptxMemperkasakan Dialog Prestasi Sekolah.pptx
Memperkasakan Dialog Prestasi Sekolah.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