Rabu, 14 November 2012

Membuat Animasi Gelembung

Pada tutorial kali ini, saya akan me-release permintaan dari salah satu sahabat saya, yaitu tutorial tentang Flash.

Pertama, teman-teman harus punya softwarenya dulu, punya?

kalo ga punya download,

atau minta sama temen,

kalo ga punya temen,

beli di warung...

hehee . . . bercanda :D


Flash yang saya gunakan adalah Macromedia flash 8



Here is goes !

1. Pertama, Buka new blank document pada flash 8 seperti pada gambar
size 550px dan 400px dan frame rate 12 (frame rate bisa diatur sendiri kecepatannya)




2. Kemudian beri background pada layer 1 ( biar ga polos aja gitu ^^ )



oh iya ini kalo ada yang mau pakai background buatan saya ^^

nih, tinggal save as aja




3. Lalu, langkah ketiga adalah jurus 1,2,3,4
    1) Create new layer kemudian beri nama Gelembung
    2) Klik simbol lingkaran yang ada di nomor 2
    3) Beri warna pada gelembung kalian. kotak yang atas untuk outline dan kotak di bawah untuk warna dalam . Warna tergantung perasaan.
    4) Buat gelembungnya di tengah-tengah stage. ukuran terserah. Tapi ingat, lingkaran ya ^^ . kalo kotak berarti kardus.




5. Setelah itu, masih di layer gelembung, seleksi gelembung, kemudian tekan F8. Lalu pilih Movie clips. Pastikan titik registrasi ada di tengah-tengah. Lalu beri nama Gelembung.



6. Hapus (delete) gelembung yang ada di stage. kemudian ketik ctrl+L untuk memunculkan library yang ada di sebelah kanan. klik kanan Movie clip gelembung kita tadi , pilih Linkage , lalu ceklis Eksport to ActionScript. OK.



7. Langkah terakhir adalah. . .

Jeng jeng jeeng . . .

tekan F9 pada layer gelembung. maka akan muncul page untuk menulis script.

Copy paste script di bawah ini


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
//perintah yang dijalankan ketika frame ini dimainkan
onEnterFrame = function () {
//jika nilai acak 10 bernilai 5
if (random(10) == 5) {
//masukkan movie clip berlinkage gelembung ke dalam stage dengan posisi x sesuai nilai acak panjang stage dan posisi y sesuai lebar stage ditambah 20
gelembung = attachMovie("gelembung", "gelembung"+_root.getNextHighestDepth(), _root.getNextHighestDepth(), {_x:random(Stage.width), _y:Stage.height+20});
//membuat variable waktu di dalam movie clip gelembung dengan nilai acak 40
gelembung.waktu = random(40);
//perintah yang dijalankan ketika frame di dalam movie clip gelembung dimainkan
gelembung.onEnterFrame = function() {
//koordinat y movie clip ini dikurangi 5
//movie clip gelembung bergerak ke atas
this._y -= 5;
//variable waktu movie clip ini ditambah 1
this.waktu++;
//jika nilai variable waktu kurang dari 20
if (this.waktu<20) {
//koordinat x movie clip ini ditambah 1
//movie clip gelembung bergerak ke kanan
this._x++;
}
//jika nilai variable waktu lebih dari 20 dan jika nilai variable waktu kurang dari 40
if (this.waktu>20 && this.waktu<40) {
//koordinat x movie clip ini dikurangi 1
//movie clip gelembung bergerak ke kiri
this._x--;
}
//jika nilai variable waktu lebih dari 40
if (this.waktu>40) {
//ubah nilai variable waktu menjadi 0
this.waktu = 0;
}
//jika koordinat y movie clip ini kurang dari -20
if (this._y<-20) {
//hapus move clip ini
removeMovieClip(this);
}
};
//ketika mouse berada di atas movie clip gelembung
gelembung.onRollOver = function() {
//hapus movie clip ini
removeMovieClip(this);
};
}
};




*Copy dari angka 1 hingga simbol }; paling bawah.


atau kalian bisa copy paste dari Sumber berikut

http://warungflash.com/2009/10/animasi-gelembung/



Nah, kalau sudah selesai teman-teman bisa menekan Ctrl+Enter untuk melihat hasilnya.


Mohon maaf saya belum bisa menampilkan hasilnya.
karena kendala teknis ^^


kira-kira segitu aja dulu sahabat desainer.

mudah-mudahan bermanfaat :)

Salam Desain !




2 komentar: