Cara Membuat Animasi Awan Bergerak

Untuk membuat sebuah objek bergerak dalam suatu animasi, tentunya ada banyak berbagai macam cara yang bisa kita lakukan. Dengan kata lain “Banyak jalan menuju Roma”. Kita bisa menggerakan objek dengan menggunakan konsep Motion Tween, ini hal yang biasa. Tapi bagaimana kalau kita menggerakkan objek dengan menggunakan bantuan actionscript? pernahkah anda mencobanya?, kalau belum mari kita coba sama-sama.

Berikut adahah langkah-langkahnya:

Langkah 1

Kita buat dulu sebuah flash document yang warna backgroundnya berwarna biru.

 
Langkah 2

Kemudian buat sebuah awan seperti gambar di bawah bisa menggunakan oval tool atau yang lain juga boleh sesuai kreasi anda masing-masing.


Langkah 3

Lalu kita seleksi objek (awan) dan tekan tombol F8. Masukkan “awan” sebagai name dan movie clip sebagai tipenya serta pilih titik registrationnya dibagian tengah.


Langkah 4

Setelah itu kita duplicate movie clip awan tersebut hingga menjadi 4 buah dengan cara menekan Ctrl+D sebanyak tiga kali pada stage.


Langkah 5

Pada movie clip awan yang pertama kita tekan Ctrl+F3, jika telah muncul panel properties pada bagian bawah stage kita masukkan “awan1′ sebagai instance name-nya.


Untuk membuat awan tampak lebih nyata, saya menambah efek blur ke semua awan tersebut, dengan cara klik Filters, kemudian klik ‘+’ dan naikkan ukuran ‘Blur X in Direction’.


Kemudian kita atur letak awan-awan tersebut agar ketika muncul tidak tiba-tiba muncul ditengah-tengah stage melainkan dari sebelah kiri stage.

Langkah 6

Pada movie clip awan yang pertama kita tekan Ctrl+F3, jika telah muncul panel properties pada bagian bawah stage kita masukkan “awan1″ sebagai instance name-nya. Lakukan hal yang sama pada ketiga awan yang lain yaitu awan2, awan3 dan awan4 sebagai instance name- nya


Klik frame 1 pada layer 1 dan tekan F9 untuk memasukkan actionscriptnya. Pada action panel yang muncul kita masukkan script berikut.


Copy Actionscript dibawah ini.

1. for (i=1; i<=4; i++) {
2. _root["awan"+i]._xscale = random(50)+50;
3. _root["awan"+i]._yscale = _root["awan"+i]._xscale;
4. _root["awan"+i].posX = _root["awan"+i]._x;
5. _root["awan"+i].kecepatan = random(4)+1;
6. _root["awan"+i].onEnterFrame = function() {
7. this._x += this.kecepatan;
8. if (this._x>500) {
9. this._x = this.posX;
10. this._xscale = random(50)+50;
11. this._yscale = this._xscale;
12. this.kecepatan = random(4)+1;
13. }
14. };
15. }


Lalu tekan Ctrl + Enter.

Tereettt...
Dan Itulah hasilnya...

Keren Bukan ??? :D