Animazione intercalata

parte 2^


La vera potenzialit� di Flash si pu� ammirare nella tweened animation. Il termine sta ad indicare quella tecnica dell'animazione vettoriale che da due fotogrammi crea quelli intermedi mediante calcoli matematici. La traduzione del termine pu� essere resa con "animazione intercalata" (cos� come riporta la documentazione italiana del manuale di Flash) ma si preferisce qui conservare il termine inglese perch� "tween" o "between" ha un significato pi� esteso dei termini italiani che gli si possono sostituire.

La tweened animation si pu� dividere in Motion tweening o Shape tweening secondo che siano coinvolti i movimenti o le forme degli oggetti da animare. Per il primo caso gli oggetti vanno presi come gruppo, per il secondo come forme semplici, altrimenti l'animazione non funziona. E' facile vedere se si utilizza il gruppo o la forma di determinati oggetti, basta selezionarli e se la selezione individua solo un bordo allora si ha a che fare con un oggetto, se la selezione ricopre tutto l'oggetto allora si opera con una forma. Per trasformare un gruppo in forma basta selezionarlo e premere CTRL+B, viceversa per trasformare una forma in gruppo basta selezionare la forma e premere CTRL+G (si pu� anche utilizzare il menu Modify--> Group o Modify--> Break Apart).

Vediamo ora come operare con i gruppi e con la motion tweening ed effettuiamo la nostra spiegazione con un esempio cercando di ottenere questo effetto

Procediamo per gradi:

  1. Si disegna un quadrato senza bordo e lo si pone nell'angolo dello Stage. A disegno ultimato occorre rendere la forma come gruppo per cui se si seleziona il quadrato e questo non viene circoscritto dall'area punteggiata come nella figura, si deve premere CTRL+G o cliccare su Modify --> Group
  2. cliccare su un fotogramma del layer lasciando dei fotogrammi intermedi e premere F6: sar� creato un fotogramma finale uguale a quello iniziale per cui si seleziona la figura di questo fotogramma e si modifica;
  3. per modificare la figura cliccare col tasto destro del mouse su di essa e selezionare Scale, quindi allargarla a tutto lo Stage;
  4. a questo punto cliccare due volte col mouse su un fotogramma intermedio (oppure scegliere Insert--> Create Motion Tween) e selezionare la cartella Tweening (dovrebbe essere gi� aperta) e scegliere Motion dal menu a discesa, facendo attenzione che il box Tween scaling resti selezionato;
  5. l'animazione di questo layer � pronta, infatti basta premere INVIO per vederla in azione.
  6. Per creare il cerchio basta inserire un nuovo layer col tasto e facciamo attenzione che sia superiore al primo;
  7. disegniamo un cerchio senza bordo sull'esterno dello Stage, raggruppiamolo premendo sempre CTRL+G o cliccando su Modify --> Group;
  8. allo stesso modo selezioniamo il fotogramma sincrono all'ultimo fotogramma dell'animazione del quadrato e inseriamo un keyframe premendo F6 sul layer del cerchio;
  9. facendo attenzione che l'ultimo keyframe creato sia attivo, selezioniamo il cerchio e lo spostiamo in un'altra posizione alla parte opposta dello Stage determinando la posizione finale in cui si deve trovare il cerchio al termine dell'animazione;
  10. clicchiamo in un fotogramma interno ai due keyframe e selezioniamo Motion dal menu a discesa della cartella Tweening.
  11. Premere INVIO per visualizzare l'animazione.
  12. Nel tutorial � stato inserito un tasto Reply per ripetere l'animazione.

Con il Motion tweening un oggetto si pu�:

  1. muovere in maniera lineare;
  2. Ingrandire;
  3. Ruotare.

Naturalmente ad un oggetto si possono associare pi� modifiche (ad esempio un oggetto che si ingrandisce e si muove contemporaneamente), ma questo tipo di animazione ha dei limiti: � solamente lineare e lavora sui gruppi (ma anche su testo, su simboli o immagini). Per la semplicit� del calcolo che vi viene associata (traslazione sul piano o rotazione dei vertici) tali limiti sono giustificati.

Tuttavia per movimenti non lineari, ci viene in aiuto l'utilizzo di path o percorsi, che sar� argomento delle prossime lezioni.



< P r e c e d e n t e

S u c c e s s i v a >

[ I n d i c e ]