Wednesday, April 27, 2011

Membuat Animasi Bendera

Pasti temen – temen pernah melihat animasi bendera seperti ini kan ?



Nah, pada tutorial kali ini kita akan belajar tentang bagaimana sih caranya membuat animasi bendera seperti itu?
Yuk, ikuti langkah – langkah dibawah ini :
  1. Bukalah sebuah Flash File (ActionScript 2.0), disini penulis menggunakan Adobe Flash CS3.
  2. Kemudian buatlah sebuah bendera dengan rectangle tool seperti gambar berikut ini.

  1. Untuk melengkungkan bagian tepi bendera sebaiknya stroke color dalam posisi no color, kemudian lengkungkan tepi bendera seperti gambar disamping (sorotkan pada tepi bendera cursor hingga muncul ikon lengkung dibawah cursor). Ubah gambar tersebut menjadi movie clip (klik kanan pada objek > Convert to Symbol..pilih Movie Clip sebagai Type dan beri nama Bendera).
  2. Kemudian seleksi bendera dan tekan Ctrl+D sehingga muncul gambar bendera yang sama, tempatkan bendera kedua tepat disamping bendera pertama seperti gambar berikut.

  1. Untuk menambah efek gelap terang pada bendera, buatlah sebuah persegi yang menutupi sebagian gambar bendera dengan rectangle tool, kemudian pada tab color ( Window > Color, muncul dipojok kanan layar) stroke color = no color, sementara fill color = pilih linear sebagai type, kemudian sisi kanan dan kiri diberi warna putih dengan alpha 0%, sementara sisi tengah diberi warna hitam dengan alpha 50%. Kemudian buat persegi yang sama untuk menutupi sebagian gambar bendera lainnya. Sehingga seperti gambar dibawah ini.

  1. Untuk membuat animasinya, buatlah sebuah persegi dengan warna bebas kemudian ubahlah menjadi movie clip dan beri nama Bendera_Anim.
  2. Double click movie clip Bendera_Anim, kemudian tempatkan movie clip Bendera pada layer baru di bawah layer Bendera_Anim. Lihat Gambar.
  1. Sehingga gambar bertumpuk seperti gambar berikut.


  1. Kemudian beri Motion Tween (klik kanan pada frame > Create Motion Tween) pada layer bendera. Pada frame terakhir tempatkan movie Clip Bendera seperti gambar berikut.


  1. Untuk mempercantik tampilan, buatlah tiang bendera seperti gambar berikut.


  1. Tahap terakhir, masukkan animasi bendera tadi dan cocokkan dengan tiang bendera yang telah kita buat.


Selamat mencoba, semoga berhasil. Silahkan kembangkan animasi berikut dengan membuat beberapa animasi bendera sesuai kreasimu.

No comments:

Post a Comment

Thanks for your comment.

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More