Kwik Page Turn Animation

• Mai 19, 2024

Pentru ultimele câteva tutoriale, am lucrat la șablonul de pagină pentru aplicația noastră de carte Kwik. Mai avem încă un lucru de adăugat la șablon, care este animația liniară care emulează o tură de pagină.

Vom dori ca această animație să se joace imediat când pagina se încarcă. Avem deja graficul pentru animație pe stratul kwkpgTurn din pagina1. De asemenea, acest strat a fost setat ca un activ partajat, astfel încât să funcționeze prin aplicația de carte.

Animare liniară

În acest moment, vom crea o animație foarte simplă și vom folosi majoritatea setărilor implicite. Dar vom învăța multe despre animațiile liniare, pe măsură ce le adăugăm multe la carte.

O animație liniară mută un obiect dintr-un punct de pe ecran în altul. Prin urmare, setările principale pentru o animație liniară sunt punctele de început și de sfârșit. Kwik va seta automat punctul de plecare pentru animație ca poziția curentă a obiectului pe strat. Va trebui să stabilim punctul final pentru animație.

De asemenea, vom seta durata animației în câteva secunde, deoarece acest lucru va determina cât de repede se mișcă obiectul. În cele din urmă, vom seta animația să înceapă când se încarcă pagina.

Pagina de animație

1. În secțiunea Pagina / Componente din panoul Kwik, selectați pagina1. Ar trebui să vedeți „@ pagina1” în partea de sus a secțiunii.
   
   
2. Faceți clic pe butonul Comutați pictograma Vizualizare componente pentru a vedea lista de componente adăugate deja la această pagină.
   
   
3. Selectați stratul kwkpgTurn în panoul Straturi.
   
   
4. Din bara Categorie, faceți clic pe butonul Pictograma animații
   
   
5. Faceți clic pe butonul Pictograma de animație liniară (prima pictogramă din primul rând de instrumente).
   
   
6. În caseta de dialog Animare liniară, redenumiți animația „pgTurn”.
   
   
7. Strat kwkpgTurn: Aceasta îi spune lui Kwik să folosească graficul de pe stratul kwkpgTurn pentru animație. Mențineți acest lucru selectat
   
   

În secțiunea Proprietăți, Kwik ne arată pozițiile X și Y pentru obiectul de pe stratul kwkpgTurn și lățimea și înălțimea obiectului grafic. Deoarece dorim să mutăm întreaga grafică de pe ecran, va trebui să o mutăm cel puțin același număr de pixeli ca lățimea graficului (732 px). Să o mutăm cu 732 de pixeli spre stânga. Deoarece poziția X curentă este 0. Aceasta va duce la un număr negativ pentru poziția finală. Nu dorim să mișcăm obiectul pe verticală, așa că vom menține poziția Y setată la 0. Acest lucru va determina obiectul să se miște doar pe orizontală.

8. Poziția finală:
   x -732
   y 0
   
   
9. Poziția finală aleatorizată: Nu vom folosi această caracteristică, așa că lăsați-o setată la valorile implicite.
   
   
10. Durata: dorim ca graficul să se miște foarte repede pentru a da efectul flip. Deci, să setăm acest lucru la 1 secundă și .25 secundă întârziere.
    
    
11. Bifează caseta pentru pauză la finalizare.
    
    
12. Buclă: Setați această opțiune la timpul.
    
    
13. Începe: Setați aceasta la Când începe pagina.
    
    
14. Faceți clic pe Create.
    
    
15. Ar trebui să vedeți că animația pgTurn a fost adăugată la lista de componente pentru această pagină.
    
    

Acum este un moment bun pentru a testa proiectul. Faceți clic pe butonul Publicare din panoul Kwik. Testați butoanele de navigare și animația de transformare a paginii.

Copyright 2018 Adobe Systems Incorporated. Toate drepturile rezervate. Captura (ecranele) de produs Adobe tipărite cu permisiunea Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Elementele Premiere, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst și Flash Paper este / sunt [o] marcă înregistrată [sau] sau o marcă comercială a Adobe Systems Incorporated în Statele Unite și / sau în alte țări.
Produsul Kwik, sigla Kwik și Kwiksher sunt proprietăți ale Kwiksher.com - Copyright 2011. Captura de ecran utilizată prin permisiune.

Aceste tutoriale sunt pentru versiunea mai veche de Kwik 2 și poate nu sunt de mare ajutor atunci când utilizați Kwik 3 și versiuni ulterioare. Dacă aveți probleme, vă rugăm să utilizați forumul Kwik.

Instrucțiuni Video,: You Can Read A Book Every Week — Here Is How | Jim Kwik (Mai 2024).