Halaman Kwik Turn Animation

• Mungkin 19, 2024

Untuk beberapa tutorial yang lalu, kami telah mengerjakan templat halaman untuk aplikasi buku Kwik kami. Kami mempunyai satu lagi perkara untuk ditambah kepada templat, iaitu animasi linear yang melancarkan giliran halaman.

Kami akan mahu animasi ini dapat dimainkan dengan segera apabila halaman dimuatkan. Kami sudah mempunyai grafik untuk animasi pada lapisan kwkpgTurn di halaman1. Juga lapisan ini telah ditetapkan sebagai Aset Dikongsi supaya ia akan berfungsi melalui aplikasi buku.

Animasi Linear

Pada ketika ini, kami akan mewujudkan animasi yang sangat mudah dan akan menggunakan kebanyakan tetapan lalai. Tetapi kita akan belajar banyak tentang animasi linear kerana kita menambah banyak dari mereka ke dalam buku.

Animasi linear bergerak objek dari satu titik pada skrin ke skrin lain. Oleh itu, tetapan utama untuk animasi linier adalah titik mula dan akhir. Kwik secara automatik akan menetapkan titik permulaan untuk animasi sebagai kedudukan semasa objek pada lapisan. Kita perlu menetapkan titik akhir untuk animasi.

Kami juga akan menetapkan tempoh untuk animasi dalam beberapa saat, kerana ini akan menentukan berapa pantas objek bergerak. Akhirnya, kami akan menetapkan animasi untuk mula apabila halaman dimuatkan.

Page Turn Animation

1. Di bahagian Halaman / Komponen panel Kwik, pilih halaman1. Anda harus melihat "@ page1" di bahagian atas bahagian.
   
   
2. Klik pada Tukar ke Komponen Lihat ikon untuk melihat senarai komponen anda yang telah ditambahkan pada halaman ini.
   
   
3. Pilih lapisan kwkpgTurn dalam panel Lapisan.
   
   
4. Dari bar Kategori, klik pada Ikon animasi.
   
   
5. Klik pada Ikon Animasi Linear (ikon pertama pada barisan pertama alat).
   
   
6. Dalam kotak dialog Animasi Linear, namakan animasi "pgTurn".
   
   
7. Layer kwkpgTurn: Ini memberitahu Kwik untuk menggunakan grafik pada lapisan kwkpgTurn untuk animasi. Simpan ini dipilih
   
   

Dalam bahagian Properties, Kwik menunjukkan kepada kita kedudukan X dan Y untuk objek pada lapisan kwkpgTurn dan lebar dan ketinggian objek grafik. Kerana kita ingin memindahkan keseluruhan grafik ke luar skrin, kita perlu memindahkannya sekurang-kurangnya bilangan pixel yang sama dengan lebar grafik (732 px). Mari kita pindahkan 732 piksel ke kiri. Kerana kedudukan X sekarang adalah 0. Ini akan menghasilkan nombor negatif untuk kedudukan akhir. Kami tidak mahu memindahkan objek secara menegak, jadi kami akan menyimpan kedudukan Y ke 0. Ini akan menyebabkan objek bergerak secara mendatar sahaja.

8. Kedudukan akhir:
   x -732
   y 0
   
   
9. Kedudukan akhir rawak: Kami tidak akan menggunakan ciri ini supaya meninggalkannya ditetapkan kepada lalai.
   
   
10. Jangka masa: Kami mahu grafik bergerak sangat cepat untuk memberi kesan flip. Oleh itu mari kita tetapkan ini untuk 1 saat dan kedua kelewatan kedua.
    
    
11. Semak kotak untuk Dihentikan Apabila Selesai.
    
    
12. Gelung: Tetapkan pilihan ini ke masa l.
    
    
13. Bermula: Tetapkan ini kepada Apabila halaman dimulakan.
    
    
14. Klik Buat.
    
    
15. Anda harus melihat animasi pgTurn telah ditambah ke senarai komponen untuk halaman ini.
    
    

Sekarang adalah masa yang baik untuk menguji projek. Klik butang Terbitkan dalam panel Kwik. Uji butang navigasi dan halaman bertukar animasi.

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.

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.

Arahan Video: Learning Hand Drawn Animation!｜Turn the Head (Mungkin 2024).