Warung Flash

Animasi fade in adalah animasi dimana sebuah objek (gambar/tulisan) yang tadinya tingkat transparansinya 0% bertambah secara terus menerus hingga menjadi 100%. Sedangkan animasi fade out adalah animasi dimana sebuah objek (gambar/tulisan) yang tadinya tingkat transparansinya 100% berkurang secara terus menerus hingga menjadi 0%. Kedua-duanya sama-sama menggunakan animasi tween. Pada tutorial di bawah ini kita akan menggunakan sebuah gambar sedangkan untuk tulisan anda dapat mengganti gambar di bawah ini menjadi tulisan atau anda dapat melihatnya pada tutorial animasi teks no 1.

Animasi Fade in

1. Buatlah sebuah flash document.

2. Masukkan gambar dengan menekan Ctrl+R. pada kotak dialog yang muncul cari gambar yang diinginkan dan tekan open. Letakkan gambar di tengah-tengah stage.

Contoh gambar yang digunakan

3. Seleksi gambar tersebut dan tekan F8. Pada kotak dialog yang muncul masukkan picture sebagai name dan movie clip sebagai type lalu tekan ok.

4. Klik kanan frame 15 dan pilih Insert Keyframe.

5. Klik frame 15 dan tekan F9. Pada kotak actions yang muncul masukkan script berikut:

1
2

//hentikan animasi
stop();

6. Klik kanan frame 1 dan pilih Create Motion .

7. Seleksi movie clip picture di frame 1 dan tekan Ctrl+F3. Pada panel properties yang muncul ubah Color menjadi Alpha 0%.

8. Tekan Ctrl+Enter untuk melihat hasilnya.

Animasi Fade In

Animasi Fade Out

1. Buatlah sebuah flash document.

2. Masukkan gambar dengan menekan Ctrl+R. pada kotak dialog yang muncul cari gambar yang diinginkan dan tekan open. Letakkan gambar di tengah-tengah stage.

Contoh gambar yang digunakan

3. Seleksi gambar tersebut dan tekan F8. Pada kotak dialog yang muncul masukkan picture sebagai name dan movie clip sebagai type lalu tekan ok.

4. Klik kanan frame 15 dan pilih Insert Keyframe.

5. Klik frame 15 dan tekan F9. Pada kotak actions yang muncul masukkan script berikut:

1
2

//hentikan animasi
stop();

6. Klik kanan frame 1 dan pilih Create Motion .

7. Seleksi movie clip picture di frame 15 dan tekan Ctrl+F3. Pada panel properties yang muncul ubah Color menjadi Alpha 0%.

8. Tekan Ctrl+Enter untuk melihat hasilnya.

Animasi Fade Out

Berikut contoh penggabungan animasi fade in dan fade out :

Animasi Fade In Fade Out

Sourcenya dapat di download di sini