Menamatkan Blinkie dengan Tweens Motion Flash

• April 26, 2024

Apabila kami terakhir bekerja pada animasi Flash blinkie, kami baru saja selesai kesan teks. Kesan teks terakhir yang berlaku dalam animasi adalah penampilan dan kehilangan nama laman web "J3 Designs". Ia hilang dari panggung ke kiri dengan Kesan Peralihan Masa Masa (Transition 3 pada Timeline). Terdapat sebab untuk ini dan anda akan mengetahui apa sebab itu.

Ingatlah bahawa, sebagai sebahagian daripada butiran reka bentuk, kita mempunyai kedua-dua ladybug itu. Nah, sudah tiba masanya untuk meletakkan mereka bekerja. Apabila kami membina lapisan untuk projek blinkie kami, kami menambah kumbang emas ke lapisan 1 Bug. Kini, perkara pertama yang akan kita lakukan ialah menambah kumbang kedua ke lapisan baru yang akan kita panggil Bug 2. Kami mahu kumbang merah ini muncul dari bawah kumbang. Oleh itu, kita perlu meletakkan lapisan baru di bawah lapisan Butiran Statik.

Buka blinkie2.fla ke Flash CS3 dan mari kerja. Kami mahu kumbang itu mula bergerak dari bawah cameo kerana nama laman web mula hilang. Kami mahu ia kelihatan seperti teks itu hilang kerana kumbang. Jadi kami akan menambah kumbang baru ini pada Frame 110, iaitu apabila teks mula hilang.

1. Klik Fail - Import - Import ke Perpustakaan untuk membuka kotak dialog Import dan tambahkan kumbang merah ke Perpustakaan kami.
   
   
2. Tambah lapisan baru di bawah lapisan Butiran Statik dan namakannya "Bug 2". Tambah Keyframe (Insert - Timeline - Keyframe) ke Frame 110. Seret kumbang merah dari Perpustakaan ke bawah datang dan keluar dari pandangan untuk sekarang.
   
   Kami mahu kumbang ini bergerak ke kiri sehingga ia hilang dari panggung apabila teks itu hilang. Oleh itu, kita mahu koboi sepanjang jalan ke kiri dan ke luar dari tahap ketika kita mencapai Frame 160.
   
   
3. Klik pada Frame 160 pada lapisan Bug 2, tambah Keyframe dan seret kumbang merah ke kiri dan sepanjang jalan dari panggung. Klik kanan antara Bingkai 110 dan 160 dan pilih Buat Motion Tween dari menu pop timbul.
   
   Uji filem itu dan anda akan melihat teks itu hilang apabila koboi bergerak ke atasnya. Setelah kumbang merah di luar panggung, kami akan memindahkan kumbang emas (lapisan 1 Bug) ke atas dan ke kanan sehingga ia juga hilang dari panggung.
   
   
4. Klik pada Frame 160 pada lapisan Bug 1 dan tambahkan Keyframe untuk titik permulaan untuk animasi kumbang emas. Mari kita gunakan 20 bingkai untuk menggerakkan kumbang emas dari panggung. Klik pada Frame 180 dan tambah Keyframe. Bergerak kumbang emas di atas dan di luar panggung.
   
   
5. Klik kanan antara Bingkai 160 dan 180 dan buat Tween Motion. Klik pada Frame 180 dan tambah Bingkai ke Butiran Statik dan lapisan Latar belakang untuk membuat kandungan pada lapisan ini kelihatan lagi.
   
   Akhir sekali, kami mahu memindahkan kumbang emas kembali ke kedudukan asalnya di bahagian bawah kiri panggung. Tetapi kami tidak mahu bug itu bergerak dari bahagian atas pentas. Kami mahu ia bergerak dari bawah pentas. Oleh itu, kita perlu meletakkan kumbang emas di sebelah kiri dan di bawah pentas. Kemudian semua yang perlu kita lakukan ialah memindahkannya kembali ke kedudukan asalnya supaya animasi dapat diulangi. Kami akan menggunakan 10 bingkai untuk memindahkan kumbang kembali ke tempatnya.
   
   
6. Pergi balik ke Frame 1 pada lapisan Bug 1 dan pilih kumbang emas. Klik Edit - Salin untuk menyimpan kedudukan asal kumbang emas.
   
   
7. Masih pada lapisan Bug 1, tambahkan Kunci rangka ke Frame 190. Klik Edit - Kosongkan untuk mengeluarkan kumbang emas yang sudah ada. Kemudian, klik Edit - Tampal di Tempat untuk meletakkan kumbang emas kembali ke kedudukan asal.
   
   
8. Masih pada lapisan Bug 1, klik pada Frame 181 dan tambah Keyframe. Kemudian, keluarkan kumbang emas yang sudah ada. Masukkan kumbang emas kembali ke kedudukan asal pada bingkai ini (Tampal di Tempat). Kemudian, tarik kumbang ini ke bawah pentas. Tambah Totion Motion antara Frame 181 dan 190 yang akan memindahkan kumbang ini ke atas dan ke pentas.
   
   
9. Klik pada Frame 190 dan tambahkan Frame kepada Butiran Statik dan Lapisan Latar untuk membuat kandungan pada lapisan ini kelihatan lagi.
   
   

Uji dan simpan blinkie sebagai blinkie3.fla. Kemudian siarkan blinkie anda sebagai fail .swf dan nikmati blinkie baru anda.

J3 Reka Bentuk

Hak Cipta 2018 Adobe Systems Incorporated. Hak cipta terpelihara. Pukulan skrin produk Adobe (s) dicetak semula dengan kebenaran daripada Adobe Systems Incorporated. Adobe Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Elemen Premiere, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper adalah sama ada [a] tanda dagangan berdaftar atau tanda dagangan Adobe Systems Incorporated di Amerika Syarikat dan / atau negara lain.