Kwik Page Turn Animation
Untuk beberapa tutorial terakhir, kami telah mengerjakan templat halaman untuk aplikasi buku Kwik kami. Kami memiliki satu hal lagi untuk ditambahkan ke templat, yaitu animasi linier yang mengemulasi pergantian halaman.

Kami ingin animasi ini segera diputar saat halaman dimuat. Kami sudah memiliki grafik untuk animasi pada layer kwkpgTurn di halaman1. Lapisan ini juga telah ditetapkan sebagai Aset Bersama sehingga akan berfungsi melalui aplikasi buku.

Animasi Linier

Pada titik ini, kami akan membuat animasi yang sangat sederhana dan akan menggunakan sebagian besar pengaturan default. Tetapi kita akan belajar banyak tentang animasi linear ketika kita menambahkan banyak dari mereka ke dalam buku.

Animasi linier memindahkan objek dari satu titik di layar ke yang lain. Oleh karena itu pengaturan utama untuk animasi linier adalah titik awal dan akhir. Kwik akan secara otomatis menetapkan titik awal untuk animasi sebagai posisi objek saat ini pada layer. Kita perlu mengatur titik akhir untuk animasi.

Kami juga akan menetapkan durasi untuk animasi dalam hitungan detik, karena ini akan menentukan seberapa cepat objek bergerak. Terakhir, kami akan mengatur animasi untuk memulai ketika halaman dimuat.

Animasi Halaman Turn

  1. Di bagian Halaman / Komponen pada panel Kwik, pilih halaman1. Anda akan melihat "@ page1" di bagian atas bagian.

  2. Klik pada Beralih ke ikon Tampilan Komponen untuk melihat daftar komponen Anda telah ditambahkan ke halaman ini.

  3. Pilih layer kwkpgTurn di panel Layers.

  4. Dari bilah Kategori, klik pada Ikon animasi.

  5. Klik pada Ikon Linear Animation (ikon pertama di baris pertama alat).

  6. Dalam kotak dialog Animasi Linear, ganti nama animasi "pgTurn".

  7. Layer kwkpgTurn: Ini memberitahu Kwik untuk menggunakan grafik pada layer kwkpgTurn untuk animasi. Tetap pilih ini

Di bagian Properties, Kwik menunjukkan kepada kita posisi X dan Y untuk objek pada layer kwkpgTurn dan lebar dan tinggi objek grafik. Karena kami ingin memindahkan seluruh gambar dari layar, kami harus memindahkannya setidaknya jumlah piksel yang sama dengan lebar gambar (732 px). Mari kita pindahkan 732 piksel ke kiri. Karena posisi X saat ini adalah 0. Ini akan menghasilkan angka negatif untuk posisi akhir. Kami tidak ingin memindahkan objek secara vertikal, jadi kami akan menjaga posisi Y diatur ke 0. Ini akan menyebabkan objek hanya bergerak secara horizontal.

  1. Posisi akhir:
    x -732
    y 0

  2. Posisi ujung acak: Kami tidak akan menggunakan fitur ini, jadi biarkan setel ke default.

  3. Durasi: Kami ingin grafik bergerak sangat cepat untuk memberikan efek flip. Jadi mari kita atur ini ke penundaan 1 detik dan 0,25 detik.

  4. Centang kotak untuk Jeda Ketika Selesai.

  5. Loop: Setel opsi ini ke waktu l.

  6. Mulai: Setel ini ke Kapan halaman dimulai.

  7. Klik Buat.

  8. Anda harus melihat bahwa animasi pgTurn telah ditambahkan ke daftar komponen untuk halaman ini.

Sekarang adalah saat yang tepat untuk menguji proyek. Klik tombol Publikasikan di panel Kwik. Uji tombol navigasi dan animasi pergantian halaman.

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 [a] merek dagang terdaftar [s] atau merek dagang [s] dari Adobe Systems Incorporated di Amerika Serikat dan / atau negara lain.
Produk Kwik, logo Kwik, dan Kwiksher adalah properti dari Kwiksher.com - Hak Cipta 2011. Cuplikan layar digunakan dengan izin.

Tutorial ini untuk versi Kwik 2 yang lebih lama dan mungkin tidak banyak membantu saat menggunakan Kwik 3 ke atas. Jika Anda mengalami masalah, silakan gunakan forum Kwik.


Petunjuk Video: MARK MANSON - THE SUBTLE ART OF NOT GIVING A F*CK: A Counterintuitive Approach to Living a Good Life (April 2024).