[FLASH] Tutorial membuat efek asap

Asap merupakan suspensi kecil dari partikel di udara disebabkan suatu pembakaran tak sempurna.  Asap umumnya merupakan produk samping yang tidak diinginkan dari api (termasuk kompor dan rokok). Dalam tutorial ini akan membahas pembuatan sebuah partikel asap memanfaatkan ActionScript pada Adobe Flash CS5.

1. Buka Adobe Flash CS5 dan buat dokumen baru, pilih New > Flash File (ActionScript 2.0). Tekan ctrl + J untuk membuka panel properties. Ganti ukuran stage menjadi 390 x 300px dan ubah frame rate menjadi 30 fps.

2. Buat sebuah partikel asap dengan menggunakan oval tool dengan ukuran 60 x 60 px. Ubah color type menjadi radial gradient dengan ketentuan warna, pertama #A0A0A0 alpha 100% dan warna kedua #FFFFF alpha 0%.k

3. Berikutnya jadikan movie clip, klik kanan pada gambar partikel asap dan pilih convert to symbol atau tekan F8. berikan sebuah nama aPuff dan centang box pada export for ActionScript.

4. Klik dua kali pada gambar partikel asap dan Anda akan memasuki ruang kerja symbol aPuff yang sudah dibuat. Berikan keyframe pada frame ke 15, 30, 45, 60 dengan cara menekan F6 pada frame.

5. Klik frame ke 15 dan ganti align menjadi left edge. klik frame ke 45 dan ganti align menjadi right edge.

6. Pada setiap pertengahan keyframe buat shape tween dengan cara klik kanan > create shape tween. Kemudian atur ease pada panel tweening di setiap pertengahan keyframe dengan ketentuan: pada frame antara 1 – 15 dengan ease 100 out, frame 15 – 30 dengan ease -100 in, frame 30 – 45 dengan 100 out, frame 45 – 60 dengan -100 in.

7. Selanjutnya kembali pada ruang kerja scene dengan klik icon scene 1. hapus partikel yang sudah dibuat. Buat lagi symbol baru dengan memilih insert > new symbol atau tekan F8 . Berikan nama theSmoke pada symbol yang baru dibuat.

8. Klik kanan pada frame 1 pilih actions untuk mengisikan kode atau tekan. Isikan beberapa script pada panel actions:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

fadeSpeed = 1; floatUpSpeed = 2; this.onEnterFrame = function(){ d = this.getNextHighestDepth(); aPuff = attachMovie('aPuff','aPuff'+d,d); aPuff._xscale = aPuff._yscale = 10; aPuff._x = Math.random() * 5; aPuff.gotoAndPlay(Math.round(Math.random()*20)); aPuff.onEnterFrame = function(){ this._xscale = this._yscale += fadeSpeed; this._alpha -= fadeSpeed; this._y -= floatUpSpeed; if(this._xscale >= 100){ this.removeMovieClip(); }

9. Kembali ke ruang kerja scene 1 dan drag and drop symbol theSmoke yang sudah dibuat pada panel library tempatkan pada stage.

10. Tambahkan beberapa aksesoris pada stage (contoh rokok) dengan cara import > import to stage atau ctrl+R. Sesuaikan gambar dengan particle asap yang sudah dibuat .

11. Tahap terakhir, tes movienya dengan cara Ctrl+Enter.