Kwik 2 Path Animation untuk Klip Filem atau Sprite
Sekarang kita boleh membuat Animasi Path. Perbezaan antara animasi linear dan jalan adalah garisan. Dalam kedua-dua animasi objek bergerak di sepanjang garis yang ditetapkan. Seperti yang kita dapati dengan animasi flip halaman, animasi linear bergerak objek sepanjang garis lurus. Dalam animasi jalan ini, kita akan melukis jalan sepanjang garis melengkung untuk objek yang perlu diikuti. Langkah pertama kami adalah untuk melukis jalan dengan alat Pen Photoshop.

  1. Dengan lapisan yang mengandungi objek (klip filem terbang) dipilih, klik pada lalat dengan alat Pen. Kami akan meletakkan titik kedua untuk laluan sekitar 3 lenght terbang di atas bahagian atas halaman. Klik pada titik kedua dan seret tetikus anda dan ke kanan untuk membuat garis melengkung.

  2. Dalam panel Laluan (dikelompokkan dengan panel Lapisan), ubah nama laluan kerja ke "flypath1".

    Sekarang kita dapat memberitahu Kwik untuk menggunakan jalan ini untuk Animasi Path kita.

  3. Dengan lapisan fly_pg8 masih dipilih, klik pada Ikon animasi di bar Kategori.

  4. Klik pada Ikon Animasi Path untuk membuka kotak dialog.

  5. Namakan animasi ini "fly1Ani".

  6. Animasi ini akan menjadi lapisan fly_pg8.

  7. Laluan: Pilih laluan flypath1 dari senarai juntai bawah.

    Apabila terbang bergerak di sepanjang lengkung, kita mahu dia berputar sedikit supaya kepalanya terus menunjuk arah arah.

  8. Tandai kotak untuk Putaran Auto dan tetapkan amaun Sudut Putaran untuk hanya -10 darjah.

  9. Lalat bergerak pantas. Mari tentukan Tempoh hingga 1 atau .5 saat.

  10. Kami mahu lalat untuk menjauhkan halaman selepas animasi. Tandakan kotak untuk Jeda Apabila Selesai dan tetapkan Gelung hingga 1 Masa. Tinggalkan Kebalikan pada hujung centang.

  11. Mari tambahkan realisme sedikit dengan membuat lalat ragu-ragu ketika ia klik dan kemudian terbang. Kita boleh melakukan ini dengan menetapkan Easing ke inOutExpo.

  12. Tetapkan Titik Anchor ke TopCenter supaya badannya berputar lebih daripada kepalanya.

  13. Kami tidak mahu lalat bergerak sehingga butang diklik. Tetapkan Permintaan Tunggu.

  14. Biarkan kotak untuk Pulangan untuk Mula Kedudukan tidak ditandai.

  15. Klik Buat.

Sekarang kita boleh menambah butang itu. Masih pada lapisan fly_pg8.

  1. Klik Ikon interaksi dari bar Kategori.

  2. Klik Tambah ikon Butang untuk membuka kotak dialog.

  3. Namakan butang "fly1btn".

  4. Kami mahu lapisan fly_pg8 untuk kedua-dua butang Lalai dan Lebih butang.

  5. Dari bahagian Interaksi, kembangkan bahagian Animasi.

  6. Pilih Animasi Animasi. Pilih fly1Ani dari senarai juntai bawah.

  7. Kembangkan bahagian Audio.

    Pilih Stop Audio dan pilih audio pertama dari senarai juntai bawah.

    Masih dalam bahagian Audio, pilih Main Audio dan pilih fail audio kedua dari senarai juntai bawah.

  8. Klik Buat.

Sekarang kita boleh menguji urutan interaktif kami. Apabila halaman dimuatkan, lalat itu harus mengepakkan sayapnya pada halaman dengan bunyi terbang latar belakang bermain secara berterusan. Apabila kita mengklik pada halaman, kita perlu mendengar bunyi terbang lebih kuat dan dia bergerak dari halaman.

Simpan perubahan pada halaman 8.

Klik pada Ekspor Halaman Semasa dan ikon Terbitkan untuk menguji animasi anda.

Pergi ke folder LearnKwik anda dan buat salinan sandaran folder projek Template. Namakan semula folder sandaran dengan menambahkan tarikh semasa hingga akhir. (Template MM-DD-YY).

← Kembali

Tutorial ini adalah untuk versi lama Kwik 2 dan mungkin tidak banyak membantu apabila menggunakan Kwik 3 dan ke atas. Jika anda menghadapi masalah, sila gunakan forum Kwik.

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.
Produk Kwik, logo Kwik dan Kwiksher adalah sifat Kwiksher.com - Hakcipta 2011. Skrin skrin digunakan oleh kebenaran.


Arahan Video: How to animate on phone/tablet (another school project) (April 2024).