Gerakan Tweens dalam Flash CS6

• Mungkin 7, 2024

Dalam tutorial ini, kami akan mempelajari cara membuat Motion Tween dalam Flash^R CS6. Anda mungkin ingat bahawa kami telah membuat animasi dalam tutorial sebelumnya yang memindahkan bulatan merentasi Peringkat. Dalam pelajaran itu, kami membuat animasi Classic Tween. Tween Classic adalah jenis animasi asal untuk Flash.

Sekarang kita akan melihat jenis animasi tween yang baru. Kali ini, kami akan membuat animasi Motion Tween yang akan memindahkan persegi di Peringkat. Pada pandangan pertama, kedua-dua animasi mungkin kelihatan sama. Tetapi semasa kita maju melalui pelajaran masa depan, anda akan melihat mengapa Motion Tween adalah pilihan animasi tween kegemaran. Ia sangat fleksibel dan boleh digunakan untuk membuat animasi yang agak kompleks.

1. Buka Flash CS6 dan pilih ActionScript 3.0 dari lajur Create New screen Selamat datang.
   
   Anda akan melihat bahawa kami mempunyai peringkat kosong dan satu lapisan dalam Garis Masa.
   
   
2. Klik dua kali pada nama lapisan dan namakan semula Layer 1 hingga "Square".
   
   
3. Tetapkan warna Stroke ke null.
   
   
4. Klik pada kotak warna Isi dan pilih mana-mana warna dari Color Picker.
   
   
5. Dengan alat Rectangle, lukiskan persegi di atas pentas.
   
   Pada ketika ini, persegi adalah bentuk asas. Untuk mengesahkan ini, mari kita lihat maklumat di panel Properties.
   
   
6. Dengan alat Pemilihan, pilih persegi pada Peringkat.
   
   Dalam panel Properties, kita melihat bahawa objek ini adalah Bentuk. Kita juga boleh melihat kedudukan, saiz dan warna objek.
   
   Langkah pertama untuk membuat Motion Tween adalah untuk menukar Bentuk ke Simbol. Kami akan membincangkan Simbol Flash secara mendalam dalam tutorial masa depan.
   
   
7. Pilih persegi di Peringkat dan dari Bar Menu, klik Ubah Suai - Tukar ke Simbol.
   
   
8. Dalam kotak dialog Convert to Symbol, namakan simbol "Square" dan tetapkan Jenis ke Pelakon Filem. Seterusnya, tetapkan Titik Pendaftaran ke pusat dengan mengklik kotak pusat kecil di dalam kumpulan kotak kecil. Klik OK.
   
   Anda akan melihat bahawa garis biru nipis muncul di sekeliling dataran, yang menunjukkan bahawa objek itu sekarang menjadi Simbol.
   
   
9. Klik kanan pada Frame 50 dari Timeline dan pilih Masukkan Frame untuk memperpanjang bingkai Masa 50.
   
   
10. Klik kanan pada mana-mana bingkai pada Timeline dan pilih Create Motion Tween.
    
    Anda akan melihat bahawa Flash telah menjadikan semua bingkai warna yang berbeza. Ini dipanggil Tween Span dari Motion Tween.
    
    Pindahkan Mainhead di sepanjang Garis Masa ke Kembali ke Frame 1. Seperti dalam tutorial terakhir, objek tidak bergerak. Ini kerana kami belum lagi menambah Keyframe kedua untuk menunjukkan kedudukan akhir untuk animasi.
    
    
11. Klik kanan pada Frame 50 dan pilih Masukkan Kekunci Frames - Semua dari menu.
    
    
12. Semasa masih berada di Frame 50, klik pada dataran dan seret ke bahagian lain panggung untuk memberitahu Flash bahawa ini akan menjadi kedudukan akhir untuk Motion Tween.
    
    

Sekarang, apabila anda menggerakkan Playhead, persegi bergerak secara berperingkat di Peringkat.

Tetapi dengan Gerakan Tweens kita dapat dengan mudah mengubah animasi supaya persegi bergerak di sepanjang garis melengkung dan bukan pada garis lurus.

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.

Arahan Video: Video Tutorial Motion Tween, Motion Shape, Motion Guide (Mungkin 2024).