Pengaruh Tutorial Flash Keren!

Ringkasan

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

Berikut hasil akhir:

Persyaratan

Flash 8, Flash CS3 atau Flash CS4.

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

Langkah 1 - Menginstal efek komponen

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

Langkah 2 - Membuat bebek movieklip

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

Pilih gambar dan mengubahnya menjadi sebuah] tekan [movieklip F8 atau klik kanan pada movieklip -> "Konversikan ke Olahraga ...". Berikan movieklip nama "bebek".

Langkah 3 - Membuat Animasi movieklip

Buat movieklip baru 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 movieklip bebek di kanvas. Sekarang langkah ini movieklip dengan tombol kursor ke kanan (katakanlah 100px). Anda dapat memeriksa posisi baru pada panel info.

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

Langkah 4 - movieklip Pasang animasi di timeline utama

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

Pindahkan movieklip animasi dari perpustakaan Anda ke bingkai pertama dari timeline.

Menetapkan nama turunan dari movieklip untuk "animation_mc" (Anda bisa memilih nama yang berbeda jika Anda ingin Pastikan bahwa nama yang unik misalnya).. Tanpa nama contoh, komponen tidak mampu mendeteksi movieklip itu.

Langkah 5 - komponen Terapkan efek

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

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

Catatan: Pengaturan ini hanya berlaku untuk ini contoh salah satu komponen efek. Jika Anda menggambar komponen pada movieklip lain (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 ekor itik adalah entah bagaimana dipotong. Thats karena komponen telah persis ukuran movieklip bebek. Tapi karena gelombang refleksi akan meningkatkan ukuran ini tidak muat lagi.

Langkah 6 - Mengatur animasi movieklip

Untuk memperbaiki ini, Anda akan menyisipkan bentuk tak terlihat di latar belakang bebek movieklip, yang ukuran menaiki movieklip sedikit.

Dapatkan kembali ke movieklip bebek dengan mengklik dua kali di perpustakaan Anda.

Membuat layer baru di bawah lapisan tween.

Pilih rectangle tool dan gambar bentuk dengan lebar bebek. tinggi harus beberapa piksel lebih tinggi maka bebek (sekitar 10 piksel). Mungkin membantu untuk mengatur ikon garis besar dalam timeline, untuk melihat hanya dimensi gambar bebek.

Dengan bentuk yang dipilih membuka panel warna dan mengatur alpha ke 0.

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

Langkah 6 - Tambahkan gambar latar belakang

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

Download

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

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