Oke, tutorial cupu gw yang laen, bikin effect api… hehe kali aja kepake pas bikin game ato animasi..

Tanpa perlu basa basi (ceile):

Step pertama:

Buatlah bentuk api, contohnya kaya gini:

Warnanya pake radial dan settingannya:

Yang paling kiri set alphanya jadi 100, pilih warna merah

Yang ditengah warna kuning set alphanya jadi 50

Yang paling kanan warna kuning juga set alphanya jadi 25

Kalo udah hapus linenya jadi berbentuk kaya gini:

Gambar tersebut di select lalu dijadiin Movie Clip (teken F8). Kalo udah selesei, masuk ke step 2.

Step 2:

Masuk ke Movie Clip yang tadi di buat, lalu pada frame 5, klik kanan dan klik "Insert Key Frame". Kalo udah bentuknya jadi seperti ini:

Kalo udah selesei, pada frame 5 tadi pilih tools pencil (Y) trus gambar pada shape api tersebit kaya dibawah ini:

Kalo udah selesei hapus api-api yang diluar garis pensil tadi, dan garis pensilnya double klik trus delete. Jadi bentuknya kaya gini:

Pada frame 1, buka properties kemudian di "tween" pilih "shape"

Cobain teken enter gerak ga?? Kalo terjadi perubahan yang sangat drastis dan berkesinambungan (halah paan sih?), copy frame 1 ke frame 10 dan pada hasil copyannya hapus tweennya:

Kalo udah selesei pada frame 5 di kasi tween "shape" juga maka hasil framenya adalah seperti ini:

Coba teken enter lagi.. Apa yang terjadi??

Keluar dari Movie Clip api trus Masuk ke step 3..

Step 3:

Setelah itu, buka properties dan pilih tab filter. Lalu tambah effect ini:

Pada effect glow yang pertama:

Pada effect Blur:

Pada Effect Glow yang kedua:

Sip, udah beres.. Kalo udah selesei, kamu bisa nambahin kayu kek, ato obor kek, d.l.l. Coba sekarang liat jadinya. Teken Ctrl+Enter. Kalo pengen keliatan coba ganti backgroundnya dengan warna item.

Contoh jadinya:

Ga bagus-bagus amat sih.. Tapi mudah-mudahan berguna..

Untuk hasilnya: http://www.swfcabin.com/open/1241406792

Untuk mentahannya: http://www.2shared.com/file/5621919/2e375f2/effect_api.html

Gw yang masi baru bgt dan masih cupu bgt di bidang game development flash ini, mu coba2 bikin tutorial sederhana. Yaitu tutorial bikin game "time management" semacem Cooking Mama gitu.. Ni tutorial sederhana banget dan ga pake script yang ribet (berhubung sampe sekarang masi blum bisa fungsi for, hehe). Yap langsung aja… oia ni tutorial aku bikin cupuuu banget. Jadi jangan diketawain ya… :)

Tutorial ini menggunakan action script 2. Ini Cuma tutorial sederhana banget.. Masi bisa ditabahin lagi kalo mau..

Step pertama (Movie Clip& Grafik): Bikin dulu semua grafiknya bakal kaya gimana.
Yang terpenting adalah bikin Movie Clip:
-character utama
-character customer (penjelasan dibawah)
-kue (penjelasan dibawah)
-alat buat bikin kue (di tutoial ini oven)
-kotak buat pilihan warna.
-balon permintaan (penjelasan dibawah)

Aturan Bikinnya:
Pertama: Buat dulu Movie Clip balon permintaan yang terdiri dari 4 frame:



Layer yang atas buat permintaannya, trus layer yang bawah diisi sama gambar balon. Trus abis itu layer yang atas pada frame 2,3,4 bikin permintaannya apa:

Frame 2 :


frame 3:


Frame 4:


Frame 1 dibiarkan kosong aja. Nah setiap masing-masing frame dikasi action: stop()


Kedua :
Buat Movie Clip Customer:
Disini bentuknya bulet aja ya gpp? Trus didalemnya masukin Movieclip balon tadi, trus Instance Name Movie Clip balon tadi dikasi nama "permintaan":

Yah movie Clip buat customer udah beres. Sekarang bikin Movie Clip Kue:
Bikin 4 frame: masing masing frame gambar kuenya (di tutorial ini gambarnya bulet) trus kasi warnanya sesuai yang ada di balon permintaan:
-frame 1: gambar kue polos, belum dikasi warna.

-frame 2: gambar kue warna putih. Kasi nama di frame 2 dengan "putih"


-frame 3: gambar kue warna merah. Kasi nama di frame 2 dengan "merah"
-frame 4: gambar kue warna kuning. Kasi nama di frame 2 dengan "kuning"
Semua frame dikasi action: stop()




Sip! Kalo udah selesei, bikin Movie Clip character utama. Character ini adalah character bergerak buat orang yang bikin kuenya. Bikin bentuk bulet, trus udah itu masukin Movie Clip kue yang tadi dibuat di sebelahnya. Bikin seakan-akan si character lagi bawa2 kue tadi.


Kasi nama Movie Clip kue yang ada di dalem Movie Clip character tadi dengan Instance name: anim kue



Kalo udah beres bikin lagi Movie Clip di bawah ini:

Movie Clip "Warna":


Movie Clip Oven: Buat bikin kuenya:

Movie Clip Uang:




Movie Clip Meja:


Kamu bisa nambahin grafik lantai, grafik meja, grafik kursi d.l.l

Kalo semuanya udah selesei masuk ke Step 2:



Step 2 (Penyusunan Grafik dan Movie Clip):
Susun Semuanya sampe seperti gambar di bawah ini:

Buat milih warna kuenya, pake Movie Clip "warna" yang tadi udah dibuat diatas. Susun seperti diatas. Trus atur "tint"nya. Yang paling atas putih, di tengah merah, di bawah kuning.

Trus buat Dinamic Text yang dikasi variabel di propertiesnya dengan : _root.score

Ok udah beres?? Lanjut ke Step 3.

Step 3 (Action Script):

-Pertama, pada frame 1 di layar utama ketik action: score=1

-kedua pada Movie Clip Customer yang paling bawah (customer1) kasi action:

onClipEvent (load) {

_root.uang_1._visible = 0; // Movie Clip Uang Invisible

this.permintaan._visible = 0; //balon permintaan invisible

permintaannya = 0;

}

onClipEvent (enterFrame) {

//script kostumer masuk:

if (random(50) == 2 and permintaannya == 0) { //Ketika random(50) ada pada angka 2 maka,

this._x = 0; //posisi kostumer, pada saat ini kostumer masuk ke dalam toko

}

}

on (press) {

if (permintaannya == 0) { // kalo permintaannya =0 maka,

_root.char._x = _root.meja._x+80; //character utama akan dateng ke kostumer

_root.char._y = this._y+80; //character utama akan dateng ke kostumer

this.permintaan.gotoAndStop(random(3)+Number(2)); //balon permintaan random

this.permintaan._visible = 1; //balon permintaan terlihat.

permintaannya = 1;

} else if (permintaannya == 1 and _root.char.animkue._currentframe == this.permintaan._currentframe and _root.char.animkue._visible == 1) { //kalo permintaan udah terpenuhi maka,

this._x = -500; //kustomer keluar toko

_root.char._x = _root.meja._x+80; //karakter dateng ke meja kustomer

_root.char._y = this._y+80;

_root.char.animkue._visible = 0; //kuenya dikasiin ke kustomer

this.permintaan._visible = 0; //permintaan kembali 0

_root.uang_1._visible = 1; //kustomer ngasi uang di meja

}

}

Bikin juga script ini pada customer 2, sama customer 3. Ganti pada "_root.uang_1._visible" jadi "_root.uang_2._visible" dan "_root.uang_3._visible".

-ketiga: buat Movie Clip "char" bikin actionnya:

onClipEvent (load) {

this.animkue._visible = 0; //kuenya ga keliatan pada saat di load

}

-ke empat pada Movie Clip alat bikin kuenya :

on (press) {

_root.char._x = this._x; // character ngedatengin

_root.char._y = this._y+50;

_root.kue._visible = 1; // Movie clip kue jadi...

}

-kelima pada movie clip "kue":

onClipEvent (load) {

this._visible = 0;

depth = 0;

}

on (press) {

_root.char._x = this._x; // character ngedatengin kue yang udah jadi

_root.char._y = this._y+50;

this._visible = 0; //ketika di klik kuenya dibawa char

_root.char.animkue.gotoAndStop(1); //kue kembali ke awal bentuknya

_root.char.animkue._visible = 1; //animasi si character bawa2 kue.

}

-keenam pada movie clip pilihan warnanya:

Pada pilihan warna putih isikan:

on (press) {

if (_root.char.animkue._visible == 1) {

_root.char.animkue.gotoAndStop("putih");

_root.char._x = this._x-100;;

_root.char._y = this._y;

}

}

Semuanya ditulis juga pada script di movie clip pilihan warna yang merah sama yang kuning. Bedanya pada tulisan "putih" di script: _root.char.animkue.gotoAndStop("putih"); , ganti jadi _root.char.animkue.gotoAndStop("merah"); dan pada Movie clip warna kuning: _root.char.animkue.gotoAndStop("kuning");

-ketujuh pada movie clip "uang_1" isikan:

on (press) {

this._visible = 0;

_root.score += 100;

_root.customer1.permintaannya = 0;

}

Sama halnya ditulis juga pada Movie Clip "uang_2" dan "uang_3" bedanya ya pada script:

_root.customer1.permintaannya = 0; ganti jadi _root.customer2.permintaannya = 0; dan _root.customer3.permintaannya = 0;

Ok?? Udah selesei nih action scriptnya. Coba jalanin teken "Ctrl+Enter". Kalo udah bisa, sekarang tinggal kamu tambah2hin aja kaya misalnya animasi jalan, upgrade, jenis2 kue, d.l.l. trus bagus-bagusin deh grafiknya..

Sekedar share aja.. Berhubung masi newbie :)

Oia kalo mau liat hasilnya bisa diliat di: http://www.swfcabin.com/open/1241364559

Dan ini mentahannya untuk dibagikan: http://www.2shared.com/file/5612840/529f861a/contoh_diner_dash.html