06
Apr

Animasi Fade In dan Fade Out

Written by admin


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





Apakah tutorial di atas menarik atau bermanfaat bagi anda? Bantulah Warung Flash agar tetap ada dan memberikan tutorial-tutorial yang lebih bagus dan bermanfaat lagi. Silahkan klik link berikut ini untuk lebih jelasnya : Bantu Warung Flash



Bookmark and Share

6 Responses to “Animasi Fade In dan Fade Out”

  1. marzuky Says:

    nice tutorial i like it so much and thanks bro…

  2. ibonk Says:

    mas gimana kalo fade in ma fade out sebuah movie clip pake actionscript?

    bales lewat email y..

  3. admin Says:

    Coba gunakan script _alpha
    http://warungflash.com/2008/12/membuat-warna-objek-menjadi-transparan/

  4. DENMAS Says:

    WAH ….WARUNG FLASH WEB YANG GA PELIT ILMU MATUR NUWUN ….TTQ…

  5. maz_amin Says:

    maz ug g bisa yo, padahal wes tak buat spt tutoriale nenengan diatas :(( :(( :(( /stress /pusing:

  6. deni Says:

    mas terharu ada orang indo mau ngasih tutor gratis seserius ini, /jempol

Leave a Reply

B-) =DV <:-P ;)) ;) :yeye: :respect: :peace: :p :idea: :hope: :I: :D :-SS :-? :-/ :)) :) :(( 8-> more »

Komentar yang berisi pertanyaan atau request tutorial kemungkinan besar tidak bisa kami jawab dan penuhi. Hal ini dikarenakan kesibukan kami yang padat . Oleh karena itu kami mohon maaf dan pengertiannya.