MOTION GUIDE

Laporan Praktikum 16

Motion Guide

TUJUAN

Menerapkan konsep motion tween pada animasi bouncing ball

ALAT DAN BAHAN 

Adobe Flash CS3 Profesional

DASAR TEORI

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 :

Motion Guide dengan garis guide yang tidak terhubung (misalnya garis lurus)

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 Add Motion Guide pada timeline sehingga di timeline muncul layer guide baru bernama Layer 2.
5. Pastikan anda aktif di Layer 2 kemudian buatlah sebuah garis di stage seperti gambar di bawah ini :

6. Letakkan bagian tengah movie clip bola pada ujung garis bagian kiri seperti gambar di bawah ini :

7. Klik kanan frame 45 Layer 2 dan pilih Insert Frame.
8. Klik kanan frame 45 Layer 1 dan pilih Insert KeyFrame.
9. 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 :

10. Klik kanan frame 1 Layer 1 dan pilih Create Motion Tween.
11. Tekan Ctrl+Enter untuk melihat hasilnya.

TUGAS PRAKTIKUM

Membuat animasi menggunakan motion guided

HASIL PRAKTIKUM

KESIMPULAN 

REFERENSI

Oktay Usta, "Motion Guide"

MOTION TWEEN

Laporan Praktikum 15

Motion Tween

TUJUAN

Menerapkan konsep motion tween

ALAT DAN BAHAN

Adobe Flash CS3 Profesional

DASAR TEORI

Motion Tween

Motion Tween adalah pergerakan suatu objek dari keadaan awal sampai keadaan akhir.

Motion Tween sering digunakan untuk memberikan animasi berupa merubah posisi benda, merubah ukuran benda, dan merubah visibilitas, kecerahan (brightnees), kedalaman warna benda. merubah posisi benda dapat diartikan bahwa Motion Tween dapat menggerakkan benda dari titik A ke titik B.

TUGAS PRAKTIKUM

Membuat animasi menggunakan motion tween

HASIL PRAKTIKUM

KESIMPULAN 

REFERENSI

Ariska Dwi Febrina, "Pengertian Motion Tween, Shape Tween, Classic Tween, dan Masking"

MENERAPKAN SHAPE TWEEN PADA LOGOMOTION

Laporan Praktikum 14

Menerapkan shape tween pada logomotion

TUJUAN 

Mengaplikasikan shape tween pada logomotion

ALAT DAN BAHAN 

Adobe Flash CS3 Profesional

DASAR TEORI

 Animasi masking adalah animasi yang pada intinya menampilkan objek yang semula kita sembunyikan. Animasi masking mempunyai 2 metode dasar yaitu :
1. Area masking yang bergerak, objek yang di mask diam.
2. Area masking yang diam dan objek yang di mask yang bergerak.
Kedua teknik tersebut akan menampilkan hasil animasi yang berbeda.. Selain itu area masking hanya boleh berupa fill. Jadi untuk outline (garis) tidak diperbolehkan.

Membuat animasi masking
Di bawah ini akan ditunjukkan proses pembuatan animasi masking :
1. Buka file baru atau Ctrl+N.
2. Disini kita akan berkerja dengan area background berwarna hitam, jadi pada properties.kita ubah dulu warna background menjadi warna hitam.
3. Kemudian buat dua buah layer.dengan nama layer “text” yaitu layer yang di mask dan layer “masked” yaitu layer masking.
4. Pada layer text frame ke-1 buat sebuah tulisan “ANIMASI MASKING” dengan warna putih seperti pada gambar.
5. Kemudian klik kanan frame 50 pada layer text dan pilih Insert Frame.
6. Pada layer masked frame ke-1, buat sebuah lingkaran berbentuk elips berwarna hitam, letakkan di samping kiri dari stage.
7. Pada layer masked frame ke-50 klik kanan pilih Insert Keyframe. Lalu ubah posisi lingkaran elips ke samping kanan stage.
8. Pada layer masked frame ke-1 klik kanan pilih Create Motion Tween.
9. Pada layer masked, klik kanan pilih mask .
10. Kemudian tekan Enter untuk melihat hasilnya.

 

 

TUGAS PRAKTIKUM

 Membuat logomotion

HASIL PRAKTIKUM

 

 

KESIMPULAN 

 

 

REFERENSI

 cgstudionyc, "Logomotion"

 

MEMBUAT KREATIFITAS SHAPE TWEEN

Laporan Praktikum 13 

Membuat kreatifitas shape tween

TUJUAN
Mempercepat pemahaman shape tween

ALAT DAN BAHAN 

Adobe Flash CS3 Profesional

DASAR TEORI

Animasi masking adalah animasi yang pada intinya menampilkan objek yang semula kita sembunyikan. Animasi masking mempunyai 2 metode dasar yaitu :
1. Area masking yang bergerak, objek yang di mask diam.
2. Area masking yang diam dan objek yang di mask yang bergerak.
Kedua teknik tersebut akan menampilkan hasil animasi yang berbeda.. Selain itu area masking hanya boleh berupa fill. Jadi untuk outline (garis) tidak diperbolehkan.

Membuat animasi masking
Di bawah ini akan ditunjukkan proses pembuatan animasi masking :
1. Buka file baru atau Ctrl+N.
2. Disini kita akan berkerja dengan area background berwarna hitam, jadi pada properties.kita ubah dulu warna background menjadi warna hitam.
3. Kemudian buat dua buah layer.dengan nama layer “text” yaitu layer yang di mask dan layer “masked” yaitu layer masking.
4. Pada layer text frame ke-1 buat sebuah tulisan “ANIMASI MASKING” dengan warna putih seperti pada gambar.
5. Kemudian klik kanan frame 50 pada layer text dan pilih Insert Frame.
6. Pada layer masked frame ke-1, buat sebuah lingkaran berbentuk elips berwarna hitam, letakkan di samping kiri dari stage.
7. Pada layer masked frame ke-50 klik kanan pilih Insert Keyframe. Lalu ubah posisi lingkaran elips ke samping kanan stage.
8. Pada layer masked frame ke-1 klik kanan pilih Create Motion Tween.
9. Pada layer masked, klik kanan pilih mask .
10. Kemudian tekan Enter untuk melihat hasilnya.

TUGAS PRAKTIKUM 

Membuat logomotion

HASIL PRAKTIKUM

KESIMPULAN 

REFERENSI

cgstudionyc, "Logomotion"

LOGOMOTION

Laporan Praktikum 12

Logomotion

TUJUAN 

Mengaplikasikan teknik animasi pad logomotion

ALAT DAN BAHAN

Adobe Flash CS3 Profesional

DASAR TEORI

Animasi masking adalah animasi yang pada intinya menampilkan objek yang semula kita sembunyikan. Animasi masking mempunyai 2 metode dasar yaitu :
1. Area masking yang bergerak, objek yang di mask diam.
2. Area masking yang diam dan objek yang di mask yang bergerak.
Kedua teknik tersebut akan menampilkan hasil animasi yang berbeda.. Selain itu area masking hanya boleh berupa fill. Jadi untuk outline (garis) tidak diperbolehkan.

Membuat animasi masking
Di bawah ini akan ditunjukkan proses pembuatan animasi masking :
1. Buka file baru atau Ctrl+N.
2. Disini kita akan berkerja dengan area background berwarna hitam, jadi pada properties.kita ubah dulu warna background menjadi warna hitam.
3. Kemudian buat dua buah layer.dengan nama layer “text” yaitu layer yang di mask dan layer “masked” yaitu layer masking.
4. Pada layer text frame ke-1 buat sebuah tulisan “ANIMASI MASKING” dengan warna putih seperti pada gambar.
5. Kemudian klik kanan frame 50 pada layer text dan pilih Insert Frame.
6. Pada layer masked frame ke-1, buat sebuah lingkaran berbentuk elips berwarna hitam, letakkan di samping kiri dari stage.
7. Pada layer masked frame ke-50 klik kanan pilih Insert Keyframe. Lalu ubah posisi lingkaran elips ke samping kanan stage.
8. Pada layer masked frame ke-1 klik kanan pilih Create Motion Tween.
9. Pada layer masked, klik kanan pilih mask .
10. Kemudian tekan Enter untuk melihat hasilnya.

TUGAS PRAKTIKUM

Membuat animasi logomotion

HASIL PRAKTIKUM

KESIMPULAN 

REFERENSI

cgstudionyc, "Logomotion"

MASKING

Laporan Praktikum 11

Masking

TUJUAN 

Memahami teknik masking

ALAT DAN BAHAN

Adobe Flash CS3 Profesional

DASAR TEORI

Animasi masking adalah animasi yang pada intinya menampilkan objek yang semula kita sembunyikan. Animasi masking mempunyai 2 metode dasar yaitu :
1. Area masking yang bergerak, objek yang di mask diam.
2. Area masking yang diam dan objek yang di mask yang bergerak.
Kedua teknik tersebut akan menampilkan hasil animasi yang berbeda.. Selain itu area masking hanya boleh berupa fill. Jadi untuk outline (garis) tidak diperbolehkan.

Membuat animasi masking
Di bawah ini akan ditunjukkan proses pembuatan animasi masking :
1. Buka file baru atau Ctrl+N.
2. Disini kita akan berkerja dengan area background berwarna hitam, jadi pada properties.kita ubah dulu warna background menjadi warna hitam.
3. Kemudian buat dua buah layer.dengan nama layer “text” yaitu layer yang di mask dan layer “masked” yaitu layer masking.
4. Pada layer text frame ke-1 buat sebuah tulisan “ANIMASI MASKING” dengan warna putih seperti pada gambar.
5. Kemudian klik kanan frame 50 pada layer text dan pilih Insert Frame.
6. Pada layer masked frame ke-1, buat sebuah lingkaran berbentuk elips berwarna hitam, letakkan di samping kiri dari stage.
7. Pada layer masked frame ke-50 klik kanan pilih Insert Keyframe. Lalu ubah posisi lingkaran elips ke samping kanan stage.
8. Pada layer masked frame ke-1 klik kanan pilih Create Motion Tween.
9. Pada layer masked, klik kanan pilih mask .
10. Kemudian tekan Enter untuk melihat hasilnya.

TUGAS PRAKTIKUM

Membuat animasi bendera berkibar

HASIL PRAKTIKUM

KESIMPULAN 

REFERENSI

Go8log, "Animasi Masking"