GUIDA FLASH 7 : Le interpolazioni di movimento

Nella lezione precedente abbiamo visto delle animazioni per cui dovevamo impostare ogni fotogramma in cui avevamo una variazione. In questa lezione vedremo un tipo di animazioni molto più interessante in cui imposteremo solo il punto di inizio e quello di fine e sarà Flash ad occuparsi di aggiungere automaticamente un contenuto adatto nei fotogrami intermedi per avere un movimento fluido!

Ci sono 3 cose che comunque è importante avere chiaro fin da subito:
- puoi animare solo due istanze dello stesso simbolo
- ogni animazione deve essere inserita su un livello separato
- questa animazione può essere fatta solo a partire da simboli

Esaminiamo ora 3 esempi concreti che spiegheranno chiaramente questo tipo di animazione e tutte le potenzialità che offre:




Interpolazione di movimento:

1- Prendi lo strumento ovale O e traccia un cerchio delle dimensioni che preferisci.
Converti il cerchio in un simbolo Clip Filmato (Modifica > Converti in Simbolo)

2- Nella linea temporale spostati nel fotogramma 20 e premi F6 per inserire un nuovo fotogramma chiave.
Sempre restando sul fotogramma 20 sposta il cerchio rosso in una posizione dello stage molto distante: avremo così impostato il nostro punto di partenza.

3- Fai Click destro su uno qualsiasi dei fotogrammi intermedi dell'animazione e scegli "Crea interpolazione di Movimento". I fotogrammi si coloreranno di viola ad indicare che è stata creata l'animazione.



Se hai fatto tutto in maniera corretta, cliccando sui vari fotogrammi della linea temporale dovresti vedere il cerchio che si sposta in ciascuno dei fotogrammi interessato.

Controllo > Prova Filmato per visualizzare l'anteprima :)

Scarica il file di questo esercizio





Interpolazione di movimento: Ingrandire e Rimpicciolire

Un altra applicazione pratica delle animazioni di movimento è quella che serve per ingrandire e rimpicciolire oggetti.

1- Apri un nuovo documento. Con lo strumento Ovale (O) traccia un cerchio, mettilo al centro dello stage e convertilo in un simbolo clip filmato, proprio come abbiamo fatto nel primo esempio.

2- Nella linea temporale spostati nuovamente al fotogramma 20 e premi F6 per inserire un nuovo fotogramma chiave.
Questa volta però non spostare il cerchio, apri invece la finestra di trasformazione (Finestra > Trasforma oppure CTRL+T) ed imposta una dimensione di 200% per altezza e larghezza.

3- Fai Click destro su uno qualsiasi dei fotogrammi intermedi dell'animazione e scegli "Crea interpolazione di Movimento". I fotogrammi si coloreranno di viola ad indicare che è stata creata l'animazione.
Questa volta il cerchio resterà fermo, ma si ingrandirà dando un effetto simile a quello di un cuore che pulsa :)

Come sempre Controllo > Prova filmato per controllare il risultato.

Scarica il file di questo esercizio

Interpolazione di movimento: Utilizzare i metodi di colore

In quest'ultimo esempio utilizzeremo le impostazioni di colore dal pannello proprietà dell'oggetto per creare un effetto che farà apparire e scomparire il nostro movieclip.

1- Apriamo un nuovo documento e disegnamo il solito ovale, quindi trasformiamolo in simbolo filmato (Modifica converti in simbolo).

2 - Nella linea temporale spostati nuovamente al fotogramma 20 e premi F6 per inserire un nuovo fotogramma chiave.

3- Spostati ora nuovamente al fotogramma 1 , quindi seleziona l'ovale e dal pannello proprietà scegli il metodo di colore Alfa con valore 0%

Abbiamo così creato un animazione che passa graduatamente da un alfa 0% (cioè invisibile) ad un alfa 100% cioè completamente invisibile.

Prova il filmato per guardare il risultato.

Numerosi altri effetti possono essere impostati dal menu a tendina dei metodi di colore.
Il metodo "Tinta" ad esempio permette di creare dei simpatici giochi di colore mentre il metodo "Luminosità" permette di aumentare la luminosità del clip filmato.

Scarica il file di questo esercizio




Prova a fondere insieme due o più effetti ...
Puoi ottenere risultati ancora più accattivanti mescolando insieme i tre esempi che abbiamo visto. Ad esempio puoi ingrandire un oggetto e allo stesso tempo farlo scomparire per dare un effetto dissolvenza, oppure spostare un oggetto e nel frattempo fargli cambiare tinta! :)

Segnala un errore