Kwik 2 Path Animation per un filmato o uno Sprite
Ora possiamo creare l'animazione del percorso. La differenza tra un'animazione lineare e un percorso è la linea. In entrambe le animazioni l'oggetto si sposta lungo una linea designata. Come abbiamo scoperto con l'animazione di capovolgimento della pagina, un'animazione lineare sposta l'oggetto lungo una linea retta. In questa animazione del tracciato, tracciamo un tracciato lungo una linea curva che l'oggetto deve seguire. Il nostro primo passo è tracciare il percorso con lo strumento Penna Photoshop.

  1. Con il livello contenente l'oggetto (il clip filmato fly) selezionato, fare clic al volo con lo strumento Penna. Posizioneremo il secondo punto per il percorso a circa 3 lunghezze di volo sopra la parte superiore della pagina. Fai clic su quel secondo punto e trascina il mouse verso l'alto e verso destra per creare una linea curva.

  2. Nel pannello Percorsi (raggruppati con il pannello Livelli), rinominare il percorso di lavoro in "flypath1".

    Ora possiamo dire a Kwik di usare questo percorso per la nostra animazione del percorso.

  3. Con il layer fly_pg8 ancora selezionato, fai clic su Icona animazioni nella barra delle categorie.

  4. Clicca sul Icona Animazione percorso per aprire la finestra di dialogo.

  5. Denominare questa animazione "fly1Ani".

  6. Questa animazione sarà per il livello fly_pg8.

  7. Percorso: selezionare il percorso flypath1 dall'elenco a discesa.

    Mentre la mosca si muove lungo la curva, vogliamo che ruoti leggermente in modo che la sua testa continui a puntare nella direzione del percorso.

  8. Seleziona la casella per Auto Turn e imposta la quantità per l'angolo di rotazione a soli -10 gradi.

  9. Le mosche si muovono velocemente. Impostiamo la Durata su 1 o 0,5 secondi.

  10. Vogliamo che la mosca rimanga fuori dalla pagina dopo l'animazione. Seleziona la casella Pausa al termine e imposta il Loop su 1 volta. Lascia il retro al termine deselezionare.

  11. Aggiungiamo un po 'di realismo facendo esitare la mosca quando si fa clic e poi voliamo via. Possiamo farlo impostando Easing su inOutExpo.

  12. Imposta il punto di ancoraggio su TopCenter in modo che il suo corpo ruoti più della sua testa.

  13. Non vogliamo che la mosca si sposti finché non si fa clic sul pulsante. Imposta la richiesta di attesa.

  14. Lasciare deselezionata la casella Ritorna alla posizione iniziale.

  15. Fai clic su Crea.

Ora possiamo aggiungere il pulsante. Sempre sul livello fly_pg8.

  1. Clicca il Icona interazioni dalla barra delle categorie.

  2. Clicca il Icona Aggiungi pulsante per aprire la finestra di dialogo.

  3. Denominare il pulsante "fly1btn".

  4. Vogliamo il layer fly_pg8 per entrambi gli stati dei pulsanti Default e Over.

  5. Dalla sezione Interazioni, espandi la sezione Animazione.

  6. Scegli Riproduci animazione. Seleziona fly1Ani dall'elenco a discesa.

  7. Espandi la sezione Audio.

    Scegli Stop Audio e seleziona il primo audio dall'elenco a discesa.

    Sempre nella sezione Audio, scegli Riproduci audio e seleziona il secondo file audio dall'elenco a discesa.

  8. Fai clic su Crea.

Ora possiamo testare la nostra sequenza interattiva. Quando la pagina viene caricata, la mosca dovrebbe sbattere le ali sulla pagina con il suono della mosca di sottofondo riprodotto continuamente. Quando clicchiamo sulla pagina, dovremmo sentire un suono più forte e lui si allontana dalla pagina.

Salvare le modifiche a pagina8.

Clicca sul Icona Esporta solo pagina corrente e il pulsante Pubblica per testare l'animazione.

Vai alla cartella LearnKwik ed esegui una copia di backup della cartella del progetto modello. Rinominare la cartella di backup aggiungendo la data corrente alla fine. (TemplateMM-GG-AA).

← Indietro

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.

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.


Istruzioni Video: Motion Paths Overview - Google Web Designer (Marzo 2024).