Prak. 16 - Motion Guide

1. Tujuan 

• Menerapkan konsep Motion Tween pada animasi "Bouncing Ball"

2. Alat dan Bahan

• Adobe Flash CS5.5

3. Dasar Teori

• Motion Guide

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.

4. Tugas Praktikum

• Buatlah sebuah animasi menggunakan "Motion Guide"

5. Hasil Praktikum

•  Berikut hasil praktikum yang saya lakukan.

6. Kesimpulan

• Dengan adanya tugas ini saya bisa lebih mengerti bagaimana cara membuat Animasi di Adobe Flash.

7. Referensi

• Oktay Usta, "Motion Guide"

Prak. 15 - Motion Tween

1. Tujuan 

• Menerapkan konsep Motion Tween pada animasi "Bouncing Ball"

2. Alat dan Bahan

• Adobe Flash CS5.5

3. 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(brightness),kedalaman warna benda. Merubah posisi benda dapat diartikan bahwa motion tween dapat menggerakkan benda dari titik A ke titik B.

4. Tugas Praktikum

• Buatlah sebuah animasi menggunakan "Motion Tween"

5. Hasil Praktikum

•  Berikut hasil praktikum yang saya lakukan.

6. Kesimpulan

• Dengan adanya tugas ini saya bisa lebih mengerti bagaimana cara membuat Animasi di Adobe Flash.

7. Referensi

• Ralph Phillips,"Create a Motion Tween in Flash"
• Ariska Dwi Febrina, "Pengertian Motion Tween, Shape Tween, Classic Tween, dan Masking"

Prak. 14 - Menerapkan Shape Tween pada Logomotion

1.     Tujuan 

• Agar mempercepat pemahaman konsep Shape Tween pada Adobe Flash

2.    Alat dan Bahan

• Adobe Flash CS 5.5

3.    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(brightness),kedalaman warna benda. Merubah posisi benda dapat diartikan bahwa motion tween dapat menggerakkan benda dari titik A ke titik B.

• Shape Tween

Shape tween adalah perubahan bentuk dari suatu objek ke objek lain. Untuk Shape Tween objek yang di animasikan harus berjenis Shape, untuk ukuran file yang dihasilkan Shape Tween lebih besar dibandingkan motion Tween

• Classic Tween 

Pengertian classic tween tidak jauh beda dengan motion tween. Hanya saja classic tween digunakan untuk animasi 2 dimensi.

4.    Tugas Praktikum

• Buatlah Logomotion dengan mengunakan Shape Tween

5.    Hasil Praktikum

• Berikut hasil praktikum yang saya lakukan.

6.    Kesimpulan

• Dengan adanya tugas ini saya bisa lebih mengerti bagaimana cara membuat Animasi di Adobe Flash.

7.    Referensi

• Ariska Dwifadi, "Pengertian Motion Tween, Shape Tween< Classic Tween dan Masking"

Prak. 13 - Membuat Kreatifitas Shape Tween

1.     Tujuan 

• Agar mempercepat pemahaman konsep Shape Tween pada Adobe Flash

2.    Alat dan Bahan

• Adobe Flash CS 5.5

3.    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(brightness),kedalaman warna benda. Merubah posisi benda dapat diartikan bahwa motion tween dapat menggerakkan benda dari titik A ke titik B.

• Shape Tween

Shape tween adalah perubahan bentuk dari suatu objek ke objek lain. Untuk Shape Tween objek yang di animasikan harus berjenis Shape, untuk ukuran file yang dihasilkan Shape Tween lebih besar dibandingkan motion Tween

• Classic Tween 

Pengertian classic tween tidak jauh beda dengan motion tween. Hanya saja classic tween digunakan untuk animasi 2 dimensi.

4.    Tugas Praktikum

• Buatlah Logomotion dengan mengunakan Shape Tween

5.    Hasil Praktikum

• Berikut hasil praktikum yang saya lakukan.

6.    Kesimpulan

• Dengan adanya tugas ini saya bisa lebih mengerti bagaimana cara membuat Animasi di Adobe Flash.

7.    Referensi

• Ariska Dwifadi, "Pengertian Motion Tween, Shape Tween< Classic Tween dan Masking"

Prak. 12 - Logomotion dengan Shape Tween

1.     Tujuan 

• Agar mempercepat pemahaman konsep Shape Tween pada Adobe Flash

2.    Alat dan Bahan

• Adobe Flash CS 5.5

3.    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(brightness),kedalaman warna benda. Merubah posisi benda dapat diartikan bahwa motion tween dapat menggerakkan benda dari titik A ke titik B.

• Shape Tween

Shape tween adalah perubahan bentuk dari suatu objek ke objek lain. Untuk Shape Tween objek yang di animasikan harus berjenis Shape, untuk ukuran file yang dihasilkan Shape Tween lebih besar dibandingkan motion Tween

• Classic Tween 

Pengertian classic tween tidak jauh beda dengan motion tween. Hanya saja classic tween digunakan untuk animasi 2 dimensi.

4.    Tugas Praktikum

• Buatlah Logomotion dengan mengunakan Shape Tween

5.    Hasil Praktikum

• Berikut hasil praktikum yang saya lakukan.

6.    Kesimpulan

• Dengan adanya tugas ini saya bisa lebih mengerti bagaimana cara membuat Animasi di Adobe Flash.

7.    Referensi

• Ariska Dwifadi, "Pengertian Motion Tween, Shape Tween< Classic Tween dan Masking"

Prak. 11 - Masking

1.     Tujuan 

• Agar mempercepat pemahaman konsep masking pada Adobe Flash

2.    Alat dan Bahan

• Adobe Flash CS 5.5

3.    Dasar Teori

Pada dasarnya Mask itu arti bahasa indonesianya adalah topeng, topeng fungsi utamanya adalah menutupi. begitu juga mask pada Flash. Mask digunakan untuk menutupi bagian-bagian objek yang ingin ditutupi dan hebatnya yang menutupinya tidak akan terlihat juga. Bingung ya? saya juga bingung mendefinisikannya.

Dari pada bingung, lebih baik langsung ke contoh.

Biasanya Layer mask ini dipakai ketika membuat animasi seperti sorot lampu, bidikan senapan, dan lain-lain.

kita mulai dari contoh-contoh dasar terlebih dahulu.

1. Buka Aplikasi Flash di komputer anda.

2. Setelah membuat dokumen baru, rename layer 1 menjadi layer Gambar.

3. Kemudian import sebuah gambar, boleh foto atau gambar apa pun.

4. Tambahkan layer baru, beri nama Mask.

5. Kemudian buat sebuah kotak menggunakan rectangle tool, buatlah hingga menutupi wajah pemain idola saya (Wilshere).

6.   Klik kanan pada layer Mask, pilih Mask.

7.  Maka kedua layer tadi sudah berubah, Layer Mask menjadi layer Mask dan layer Gambar sudah menjadi sub Layer Mask.

8. Tak ada yang berbeda pada stage, namun apabila anda menjalankan program ini (CTRL+ENTER), maka akan terlihat seperti ini.

Apa yang ditutupi oleh kotak pada layer Mask akan terlihat pada saat program dijalankan. itulah fungsi Mask pada flash. Manfaatnya sangat banyak. Ke depannya saya akan menulis beberapa tutorial mengenai penggunaan mask lebih lanjut, di sini saya menulis apa yang baru saya pelajari, jadi saya belum banyak tahu. :)

Hmmm, sedikit kreasi dari saya, simple aja sih.

1. Seleksi frame 25 pada layer Mask dan Gambar. Lalu klik kanan pada frame yang telah diseleksi, pilih Insert Frame. 

2.  Kemudian seleksi kotak merah yang kita buat tadi di layer Mask, kemudian tekan F8 (tujuannya untuk mengubah kotak ini menjadi simbol, bisa dengan klik kanan pada kotak tersebut, kemudian pilih convert to symbol).

Pada Name, beri nama kotakMask, dan type-nya Graphic. kemudian OK.

3. Insert Keyframe pada frame 10.

4. Masih pada Frame 10, Kemudian pindahkan kotak yang tadinya berada di wajah wilshere ke arah pemain satunya lagi (entah siapa ane gak tau :p)

5. Lakukan seperti langkah sebelumnya, Insert Keyframe di Frame 20, kemudian pindahkan kotakMask ke wajah pemain lainnya lagi, ubah ukuran kotakMask sedikit lebih kecil dengan free transform tool.

6. Langkah terakhir, di antara frame 1 hingga 10, klik kanan kemudian pilih Create Classic Tween.

7. Begitu juga untuk frame diantara 10 hingga 20, klik kanan dan pilih Create Classic Tween.

8. Maka akan tampak pada timeline seperti berikut.

4.    Tugas Praktikum

• Buatlah animasi bendera berkibar dengan masking

5.    Hasil Praktikum

• Berikut hasil praktikum yang saya lakukan.

6.    Kesimpulan

• Dengan adanya tugas ini saya bisa lebih mengerti bagaimana cara membuat Animasi di Adobe Flash.

7.    Referensi

• FlashholiX ,"Layer Mask Pada Flash"