Cool Flash Effect Tutorial!

Ringkasan

Dalam tutorial ini Anda akan mempelajari cara membuat refleksi air untuk menerapkan pada movieklip yang bergerak.

Sini hasil akhir:

Persyaratan

Flash 8, Flash CS3 atau Flash CS4.

Catatan: screenshot dalam tutorial ini dibuat di Flash CS3. Kerjanya sama persis di Flash 8. Tutorial ini ActionScript 2 (Walaupun tidak ada ActionScript diperlukan).

Langkah 1 - Install komponen efek

Download Efek Refleksi Air di sini. Silakan ikuti petunjuk instalasi dan tarik komponen komponen dari panel ke perpustakaan Anda. Fla file.

Langkah 2 - Membuat bebek movieklip

Mengimpor gambar bebek [tekan Ctrl-R] atau "File" -> "Impor" -> "Impor on Stage ...". Pastikan bahwa gambar bebek adalah. Png dengan latar belakang transparan.

Pilih gambar ini dan mengubahnya menjadi sebuah movieklip [tekan F8] atau klik kanan pada movieklip -> "Convert to Symbol ...". Berikan movieklip nama "bebek".

Langkah 3 - Membuat Animasi movieklip

Buat movieklip dengan [tekan Ctrl-F8] atau Insert -> "New Olahraga ...". Nama movieklip ini "animasi".

Drag movieklip bebek dari perpustakaan Anda ke frame pertama pada timeline. Sekarang klik pada frame 60 dan membuat keyframe baru [tekan F6] atau klik kanan dan "Insert Keyframe".

Klik pada keyframe yang baru dibuat dan pilih bebek movieklip di kanvas. Sekarang pindahkan movieklip ini dengan tombol kursor ke kanan (katakanlah 100px). Anda dapat memeriksa posisi baru di panel info.

Kembali ke keyframe pertama dari timeline. Pada panel properti pilih Tween: "Motion". Jika Anda mengklik suatu tempat di timeline sekarang, Anda melihat bahwa movieklip bebek bergerak dari kiri ke kanan.

Langkah 4 - Taruh movieklip animasi pada timeline utama

Sekarang klik pada "Scene 1" untuk kembali ke timeline utama. Jika movieklip bebek masih ada, keluarkanlah.

Gerakkan animasi movieklip dari perpustakaan Anda ke bingkai pertama timeline.

Mengatur nama contoh movieklip untuk "animation_mc" (Anda bisa memilih nama yang berbeda jika Anda ingin. Pastikan bahwa nama contoh adalah unik). Tanpa nama contoh, komponen tidak dapat mendeteksi movieklip.

Langkah 5 - Terapkan efek komponen

Buat layer baru, pilih frame pertama dan tarik efek komponen dari perpustakaan Anda ke movieklip animasi. Komponen akan secara otomatis snap.

Mengatur parameter komponen komponen di dalam panel inspektur seperti di layar. Semua movieklip dengan nama misalnya dalam kerangka ini akan tercantum dalam "Target movieklip" pilih daftar. Karena Anda hanya memiliki satu movieklip, komponen mengasumsikan, bahwa Anda ingin menerapkan efek pada movieklip "animation_mc".

Catatan: Pengaturan ini hanya berlaku untuk satu contoh ini efek komponen. Jika Anda menggambar komponen pada movieklip lain (di tempat lain di dalam. Fla atau dalam sebuah proyek baru) Anda harus menetapkan pengaturan lagi.

Sekarang ekspor ([tekan Ctrl-ENTER] atau ...). Anda akan melihat bahwa kepala bebek entah bagaimana dipotong. Thats karena komponen memiliki ukuran persis bebek movieklip. Tapi karena gelombang refleksi akan meningkatkan ukuran ini tidak muat lagi.

Langkah 6 - Mengatur animasi movieklip

Untuk memperbaikinya, anda akan menyisipkan bentuk tak kasat mata di latar belakang bebek movieklip, yang ukuran atas movieklip sedikit.

Kembali ke bebek movieklip dengan mengklik dua kali di perpustakaan Anda.

Membuat layer baru di bawah lapisan tween.

Pilih alat persegi panjang dan menggambar bentuk dengan lebar dari bebek. Tinggi harus beberapa piksel lebih tinggi maka bebek (sekitar 10 pixel). Mungkin membantu untuk mengatur ikon garis besar dalam timeline, untuk melihat hanya dimensi gambar bebek.

Dengan bentuk terbuka dipilih warna panel dan mengatur alpha ke 0.

Ketika Anda menguji film Anda sekarang, Anda akan melihat bahwa refleksi diterapkan pada lubang bebek.

Langkah 6 - Menambahkan Background image

Membuat layer baru di bawah layer dengan animasi dan komponen. Import gambar yang cocok. Sekarang Anda dapat mengubah posisi movieklip animasi untuk membuatnya cocok dengan latar belakang.

Unduh

Klik di sini untuk men-download fla dari tutorial ini. Catatan:. Fla mencakup versi trial dari efek komponen, yang hanya akan bekerja dalam Flash IDE (Flash 8, Flash CS3 atau Flash CS4), tetapi tidak di dalam browser.

Anda juga dapat men-download Efek Refleksi Air di sini.