Kwik Page Turn Animation

• Potrebbe 2, 2024

Per gli ultimi tutorial, abbiamo lavorato sul modello di pagina per la nostra app per libri Kwik. Abbiamo un'altra cosa da aggiungere al modello, che è l'animazione lineare che emula un giro di pagina.

Vogliamo che questa animazione venga riprodotta immediatamente quando la pagina viene caricata. Abbiamo già la grafica per l'animazione sul livello kwkpgTurn in pagina1. Anche questo livello è stato impostato come risorsa condivisa in modo che funzioni attraverso l'app del libro.

Animazione lineare

A questo punto, creeremo un'animazione molto semplice e utilizzeremo la maggior parte delle impostazioni predefinite. Impareremo molto sulle animazioni lineari quando ne aggiungeremo molte al libro.

Un'animazione lineare sposta un oggetto da un punto dello schermo all'altro. Pertanto le impostazioni principali per un'animazione lineare sono i punti iniziale e finale. Kwik imposterà automaticamente il punto di partenza per l'animazione come posizione corrente dell'oggetto sul livello. Dovremo impostare il punto finale per l'animazione.

Imposteremo anche la durata dell'animazione in secondi, poiché ciò determinerà la velocità con cui l'oggetto si sposta. Infine, imposteremo l'animazione in modo che inizi quando viene caricata la pagina.

Animazione svolta pagina

1. Nella sezione Pagina / Componenti del pannello Kwik, seleziona pagina1. Dovresti vedere "@ page1" nella parte superiore della sezione.
   
   
2. Clicca sul Passa all'icona Visualizzazione componenti per visualizzare l'elenco dei componenti già aggiunti a questa pagina.
   
   
3. Seleziona il livello kwkpgTurn nel pannello Livelli.
   
   
4. Dalla barra delle categorie, fare clic su Icona di animazioni.
   
   
5. Clicca sul Icona di animazione lineare (prima icona nella prima fila di strumenti).
   
   
6. Nella finestra di dialogo Animazione lineare, rinominare l'animazione "pgTurn".
   
   
7. Layer kwkpgTurn: indica a Kwik di utilizzare la grafica sul layer kwkpgTurn per l'animazione. Mantieni questo selezionato
   
   

Nella sezione Proprietà, Kwik ci mostra le posizioni X e Y per l'oggetto sul livello kwkpgTurn e la larghezza e l'altezza dell'oggetto grafico. Poiché vogliamo spostare l'intero grafico fuori dallo schermo, dovremo spostarlo almeno dello stesso numero di pixel della larghezza del grafico (732 px). Spostiamolo di 732 pixel a sinistra. Perché l'attuale posizione X è 0. Ciò comporterà un numero negativo per la posizione finale. Non vogliamo spostare l'oggetto verticalmente, quindi manterremo la posizione Y impostata su 0. Questo farà sì che l'oggetto si sposti solo orizzontalmente.

8. Posizione finale:
   x -732
   y 0
   
   
9. Posizione finale casuale: non useremo questa funzione, quindi lasciala impostata sui valori predefiniti.
   
   
10. Durata: Vogliamo che la grafica si sposti molto velocemente per dare l'effetto di capovolgimento. Quindi impostiamo questo su 1 secondo e 0,25 secondi di ritardo.
    
    
11. Seleziona la casella Pausa al termine.
    
    
12. Loop: imposta questa opzione su l time.
    
    
13. Inizia: impostare questa opzione su Quando inizia la pagina.
    
    
14. Fai clic su Crea.
    
    
15. Dovresti vedere che l'animazione pgTurn è stata aggiunta all'elenco dei componenti per questa pagina.
    
    

Ora è un buon momento per testare il progetto. Fai clic sul pulsante Pubblica nel pannello Kwik. Prova i pulsanti di navigazione e l'animazione di cambio pagina.

Copyright 2018 Adobe Systems Incorporated. Tutti i diritti riservati. Le schermate dei prodotti Adobe sono state ristampate con l'autorizzazione di Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Catalyst Flash e Flash Paper è / sono [a] marchi registrati o marchi commerciali di Adobe Systems Incorporated negli Stati Uniti e / o in altri paesi.
Il prodotto Kwik, il logo Kwik e Kwiksher sono proprietà di Kwiksher.com - Copyright 2011. Schermate utilizzate su autorizzazione.

Queste esercitazioni sono per la versione precedente di Kwik 2 e potrebbero non essere di grande aiuto quando si utilizza Kwik 3 e versioni successive. In caso di problemi, si prega di utilizzare il forum di Kwik.

Istruzioni Video: Before You Scroll Down, WATCH THIS! One of The Most Eye Opening Videos (Potrebbe 2024).