Fade In dan Fade Out

Di postingan ini, saya coba menulis tentang apa itu Fade In dan Fade Out.
Fade In adalah efek pada gambar atau animasi yang lama kelamaan muncul di stage atau layar, sedangkan Fade Out adalah sebaliknya, animasi yang dibuat berefek menghilang sedikit demi sedikit dari layar.

Sebagai contoh, mari kita coba praktekkan langsung.
1. Buka Adobe Flash CS4. terserah mau menggunakan yang versi berapa, karena fitur yang dipakai tidak berbeda dengan flash versi sebelumnya.

2. Flash File (actionscript 3.0), boleh juga menggunakan Actionscript 2.0 karena kita hanya bermain dengan gambar tidak menggunakan action.

3. Buat sebuah objek gambar (graphic), bisa dibuat sendiri atau hasil import (file > import > import to stage). sebagai contoh, saya telah mengimpot logo blog saya.

4. Beralih ke Timeline, klik kanan pada frame 1, kemudian pilih create motion tween.

Bila muncul pesan, klik ok, karena pesan itu mengingatkan untuk mengubah gambar yang kita import barusan menjadi symbol.

5. Perhatikan pada timeline, secara otomatis, frame pada timeline sudah bertambah hingga 24 frame. itu dikarenakan pengaturan defaultnya adalah 24 fps (frame per second). jadi, aktifkan frame 1 kemudian geser posisi gambar ke tepi kiri, kemudian aktifkan frame 24 lalu geser gambar ke tepi kanan.

6. Akan terlihat sebuah garis hijau, itu tandanya bahwa gambar sudah dianimasikan secara tween. .

Untuk lebih jelasnya animasi ini, geser frame terakhir ke angka 50 agar animasi yang dihasilkan nanti agak lebih lambat karena akan berdurasi 2 detik lebih

7. Bila di Test Movie (CTRL+ENTER), maka akan terlihat animasi yang menggerakkan gambar dari tepi kiri ke kanan.

terus fade in dan fade out-nya mana?
ya, untuk yang pertama, kita awali dengan fade Out. :p

Efek Fade Out

Seperti yang telah dijelaskan sebelumnya, Fade Out adalah animasi yang dibuat berefek menghilang sedikit demi sedikit dari layar.

Langkah-langkahnya :
1. Aktifkan frame 50, klik saja. Kemudian arahkan kursor ke gambar yang aktif di frame 50 tersebut. lalu pada panel properties, pilih pada color effect, ubah None ke pilihan Alpha.

Lalu, ubah nilai Alpha dari 100 menjadi 0, sehingga gambar pada frame tersebut tidak terlihat lagi.

2. Lakukan Test Movie (CTRL+ENTER), makan akan terlihat efek Fade Out pada animasi tersebut.




Efek Fade In


Nah, bila Fade out sudah bisa dipahami apa itu dan bagaimana membuatnya, maka penjelasannya gak perlu panjang lebar lagi, kita hanya perlu membalik keadaan barusan, mengubah Alpha pada frame 1 menjadi 0 dan mengubah nilai Alpha menjadi 100 pada frame terakhir.
Sehingga hasilnya seperti ini.




Nah, sebagai latihan tambahan, bagaimana bila kita coba membuat yang seperti ini, Awalnya gambar muncul perlahan, kemudian tampak jelas, terakhir menghilang lagi.





Awalnya saya masih bingung membedakan mana Fade In dan mana Fade Out, agar mudah diingat, bayangkan saya, bila orang masuk (IN), maka akan terlihat. sebaliknya ketika orang Out (keluar), maka akan menghilang, hehe

Selamat Mencoba, Semoga bermanfaat.

download source