NOTA BENE: Il Bloggatore ha rilevato dei problemi di collegamento con il blog indicato come fonte originale dell'articolo. Pertanto, al fine di consentire agli utenti di leggere questo articolo, se possibile, viene reso temporaneamente disponibile il post completo.
Flash è ormai definito uno standard nella creazione di grafica e animazioni per il web. Vediamo in questo tutorial come realizzare un’animazione attraverso la guida movimento.
1.Per prima cosa apriamo Flash e selezioniamo File-->Nuovo-->File flash (actionscript 2.0). Impostiamo a piacere la dimensione dello stage, ma che sia abbastanza grande per eseguire la nostra animazione.
2.Disegniamo l’immagine da animare, per questo esempio abbiamo scelto una sfera; andiamo quindi sul Menu e selezioniamo Inserisci-->Nuovo Simbolo. Impostiamo il simbolo come Tipo immagine e clicchiamo su ok (fig.1).
Fig.1
3.Siamo adesso all’interno del camerino (non più sullo stage) dove verrà creato il nostro oggetto. A questo punto sul menu strumenti selezioniamo lo Strumento Ovale e cominciamo a creare la sfera con il mouse, tenendo premuto il tasto MAIUSC, per ottenere un cerchio perfetto (fig.2).
Fig.2
4.Dopo aver disegnato la sfera torniamo sullo stage e trasciniamo l’oggetto appena creato in un qualsiasi punto, ridimensionandolo a piacere.
5.Adesso andiamo sulla voce livello 1 e con il tasto destro selezioniamo Aggiungi guida di movimento classica(fig.3). Un nuovo livello apparirà sopra il livello 1. Questo livello verrà utilizzato per disegnare il percorso che la sfera dovrà effettuare durante l’animazione.
Fig.3
6.Selezioniamo adesso il fotogramma 1 della Guida Livello 1 e dal Menu Strumenti utilizziamo lo strumento matita per disegnare una linea a piacere. Perché la nostra animazione riesca, la linea dovrà essere continua e non dovrà avere interruzioni (fig.4).
Fig.4
7. Andiamo ora sul fotogramma 1 del livello 1 e con il tasto destro selezioniamo la voce Crea interpolazione classica. Il fotogramma si colora di viola. Sul livello sovrastante, non dovrà essere applicata alcuna animazione.
8.Cominciamo ad animare. Selezioniamo su entrambi i livelli il fotogramma 60: per selezionare il fotogramma per entrambi i livelli tenete premuto il tasto MAIUSC e premete il tasto f6 sulla tastiera per inserire i fotogrammi.
9.Tornate sul fotogramma 1 del livello 1 dove si trova la sfera e trascinatela agganciandola all’inizio del percorso. Perché la sfera segua il percorso, occorre che l’opzione Aggancia agli oggetti sia selezionata (fig.5).
Fig.5
10. Fate la stessa cosa per decidere la fine del vostro percorso, ma questa volta selezionando il fotogramma 60 del livello 1.
Complimenti! Avete creato la vostra animazione con una linea guida movimento. Nell’esempio abbiamo usato una sfera, ma è possibile utilizzare numerosi oggetti, e anche altri strumenti, diversi dallo strumento matita, per disegnare i percorsi di animazione.
Se vi è servito questo tutorial o per approfondire, potete scaricare il file di esempio CLICCANDO QUI.
Buon divertimento e alla prossima.
SEGNALA / INVIA QUESTO POST:
Hai trovato questo articolo interessante? Iscriviti GRATIS ai nostri feeds!
