Menyelesaikan Blinkie dengan Flash Motion Tweens

• April 23, 2024

Ketika kami terakhir bekerja pada animasi Flash blinkie, kami baru saja menyelesaikan efek teks. Efek teks terakhir yang muncul dalam animasi adalah penampilan dan hilangnya nama situs web "J3 Designs". Itu menghilang dari panggung ke kiri dengan Efek Transisi Garis Waktu (Transisi 3 pada Garis Waktu). Ada alasan untuk ini dan Anda akan mencari tahu apa alasannya.

Ingat bahwa, sebagai bagian dari detail desain, kami memiliki dua kepik itu. Nah, ini saatnya untuk membuatnya bekerja. Ketika kami membangun lapisan untuk proyek blinkie kami, kami menambahkan kepik emas ke lapisan Bug 1. Sekarang, hal pertama yang akan kita lakukan adalah menambahkan ladybug kedua ke layer baru yang akan kita sebut Bug 2. Kami ingin ladybug merah ini muncul dari bawah cameo. Oleh karena itu, kita perlu menempatkan layer baru di bawah lapisan Static Details

Buka blinkie2.fla ke Flash CS3 dan mari mulai bekerja. Kami ingin ladybug mulai bergerak dari bawah cameo karena nama situs web mulai menghilang. Kami ingin itu terlihat seperti teks menghilang karena kepik. Jadi kita akan menambahkan ladybug baru ini pada Frame 110, saat itulah teks mulai menghilang.

1. Klik File - Impor - Impor ke Perpustakaan untuk membuka kotak dialog Impor dan menambahkan ladybug merah ke Perpustakaan kami.
   
   
2. Tambahkan layer baru di bawah lapisan Detail Statis dan beri nama "Bug 2". Tambahkan Keyframe (Sisipkan - Timeline - Keyframe) ke Frame 110. Seret ladybug merah dari Perpustakaan ke bawah cameo dan tidak terlihat untuk saat ini.
   
   Kami ingin ladybug ini bergerak ke kiri sampai menghilang dari panggung saat teks menghilang. Jadi, kami ingin ladybug sampai ke kiri dan ke luar panggung saat kami mencapai Frame 160.
   
   
3. Klik pada Frame 160 pada layer Bug 2, tambahkan Keyframe dan seret ladybug merah ke kiri dan jauh dari panggung. Klik kanan antara Frame 110 dan 160 dan pilih Create Motion Tween dari menu pop-up.
   
   Uji filmnya dan Anda akan melihat teksnya menghilang saat kepik bergerak. Setelah kepik merah turun dari panggung, kita akan memindahkan kepik emas (Bug 1 layer) ke atas dan ke kanan sampai kepik itu menghilang dari panggung.
   
   
4. Klik pada Frame 160 pada layer Bug 1 dan tambahkan Keyframe untuk titik awal untuk animasi kepik emas. Mari kita gunakan 20 frame untuk memindahkan ladybug emas dari panggung. Klik pada Frame 180 dan tambahkan Keyframe. Pindahkan kepik emas naik dan turun dari panggung.
   
   
5. Klik kanan antara Frame 160 dan 180 dan buat Motion Tween. Klik pada Frame 180 dan tambahkan Bingkai ke Rincian Statis dan lapisan Latar Belakang untuk membuat konten pada lapisan ini terlihat lagi.
   
   Akhirnya, kami ingin memindahkan kepik emas kembali ke posisi semula di kiri bawah panggung. Tapi kami tidak ingin bug turun dari atas panggung. Kami ingin itu naik dari bawah panggung. Jadi kita perlu menempatkan kepik emas di sebelah kiri dan di bawah panggung. Maka yang perlu kita lakukan adalah memindahkannya kembali ke posisi semula sehingga animasi dapat diulang. Kami akan menggunakan 10 bingkai untuk memindahkan ladybug kembali ke tempatnya.
   
   
6. Kembali ke Frame 1 pada layer Bug 1 dan pilih ladybug emas. Klik Edit - Salin untuk menyimpan posisi kepik emas asli.
   
   
7. Masih pada layer Bug 1, tambahkan Keyframe ke Frame 190. Klik Edit - Hapus untuk menghapus kepik emas yang sudah ada di sana. Kemudian, klik Edit - Tempel di Tempat untuk mengembalikan kepik emas ke posisi semula.
   
   
8. Masih di layer Bug 1, klik Frame 181 dan tambahkan Keyframe. Lalu, lepaskan kepik emas yang sudah ada di sana. Masukkan kepik emas kembali ke posisi semula pada bingkai ini (Tempel di Tempat). Lalu, seret kepik ini ke bawah panggung. Tambahkan Motion Tween antara Frame 181 dan 190 yang akan memindahkan ladybug ini ke atas dan ke atas panggung.
   
   
9. Klik pada Frame 190 dan tambahkan Bingkai ke Rincian Statis dan lapisan Latar Belakang untuk membuat konten pada lapisan ini terlihat lagi.
   
   

Uji dan simpan blinkie sebagai blinkie3.fla. Kemudian terbitkan blinkie Anda sebagai file .swf dan nikmati blinkie baru Anda.

Desain J3

Hak Cipta 2018 Adobe Systems Incorporated. Seluruh hak cipta. Tangkapan layar produk Adobe dicetak ulang dengan izin dari Adobe Systems Incorporated. Adobe, Photoshop, Album Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Kembang Api, Berkontribusi, Memikat, Flash Catalyst dan Flash Paper adalah [adalah] merek dagang terdaftar [s] atau merek dagang [s] dari Adobe Systems Incorporated di Amerika Serikat dan / atau negara lain.