MEMBUAT ANIMASI FADE IN FADE OUT DENGAN FLASH

Animasi atau sesuatu yang bergerak dalam hal ini lebih kepada gambar mungkin tidak salah kalau kita menguasainya, paling ngga ya mengenal dan bias dikit-dikit, banyak sih kegunaannya kalo kita bisa menggunakan flash, kalo suka ngeblog apalagi tuh, masa iya di zaman yang serba canggih website ngga ada pergerakan (red: animasi ) sama sekali, serasa kurang canggih aja, ini sih kata salah satu penulis saat saya mulai belajar dan mencoba searching, eh.. ketemu kata-kata kayak gitu, tapi ngga ada salahnya juga memotivasi kita untuk selalu belajar dan haus akan ilmu [ lebay coyy :P ]

Sesungguhnya saya agak males – males gimana gitu kalo bikin tutorial seperti ini, banyak capture gambar yang tentunya nanti aka nada proses upload, tapi ngga apa apa lah, toh nantinya juga aka nada lagi tutorial yang membutuhkan banyak capture, agar pembaca bisa mengikuti tutorial. Langsung saja yang sudah terinstal Adobe/Macromedia Flash buka programnya, ukuran document berapa aja ngga masalah. Kalo saya yang hobi jadul ini masih pake Macromedia Flash 8, kalo buat bikin animasi standar cukuplah. Lihat tampilan di bawah ini:

Setelah terbuka kita siap menuangkan kreasi pada dokumen kosong ini, kita akan memasukan gambar ke stage dengan cara klik menu FILE>IMPORT>IMPORT TO STAGE, setelah di klik akan muncul dialog untuk pemilihan gambar, sobat bisa langsung memilih gambar sesuai dengan selera dari computer masing-masing, saya sih pilih samplebawaan windows aja, lagi ga ada photo narsis :P, ini di time line 1, setelah gambar di load ke stage kita perlu mengatur ulang ukuran gambar dengan cara klik gambar lalu pada properties atur ukuran gambar, kalo ngga mau ribet dengan angka langsung aja tekan Q pada keyboard atau klik FREE TRANSFORM TOOL pada tool sebalah kiri, kecilkan sesuai dengan ukuran dokumen, lihat gambar :

Kalo udah seperti itu, tempatkan klik frame 15 pada timeline klik kanan lalu pilih INSERT KEYFRAME, boleh juga tekan F6, di tengah tengah frame antara 1 dan 15 klik kanan lagi pilih klik CREATE MOTION TWEEN, dan akan menjadi seperti ini:

 Klik frame 1 yang ada bullet hitamnya tuh, lalu klik gambar dengan menggunakan  SELECTION TOOL atau tekan huruf V, lalu kita konversikan objek gambar menjadi graphic dengan cara klik menu MODIFY>CONVERT TO SYMBOL atau langsung aja tekan F8, pilih graphic, setelah proses konversi akan muncul properties yang berbeda yaitu ada COLOR, kita ganti menjadi ALPHA dan nilai dirubah menjadi 0, tuh kan gambar jadi ilang, eittt.. ini ga hilang Cuma Visible=False kalo di VB Hehehe.. klik FRAME 35 lalu klik kanan pilih INSERT KEYFRAME atau tekan F6,  klik lagi frame 50 lalu klik kanan pilih INSERT KEYFRAME, diantara dua bulat hitam terakhir klik kanan lalu pilih CREATE MOTION TWEEN seperti pada langkah pertama tadi, dan akan menjadi seperti ini:

Nah klik lagi frame 50 tepat dibuletan, jangan sampe salah, klik lagi gambar menggunakan SELECTION TOOL, lalu colornya ganti menjadi ALPHA dan nilai 0.  Coba jalankan dengan menekan CTRL+ENTER, bisa kita lihat pertama layar putih berangsur angsur gambar muncul sampai terlihat jelas semua, dan setelah mencapai frame 35 gambar mulai memudar dan perlahan lahan hilang, inilah yang dimaksud dengan FADE IN FADE OUT, biasanya digunakan untuk transisi gambar antar satu dengan laiinya, kalo langsung ganti kesannya kayak nabrak.. kasar gitu, kalo pake efek ini terasa halus pergantiannya, kita bisa menambahkan gambar lain diposisi frame 50, usahakan pelompatan frame sama dengan pola awal yaitu 15-20-15. Untuk gambar berikutnya sama caranya hanya posisi awal ada di frame 50.

Oh ya, saya selalu menyiapkan projectnya untuk para pembaca yang mungkin akan membantu dalam memahami langkah-langkah di atas, dan mudah-mudahan dari yang kecil ini dapat berkembang, silahkan download project FLA disini. CIAO!