Come creare e testare animazioni in Fireworks CS5 - dummies

La creazione di immagini è un processo semplice in Adobe Fireworks Creative Suite 5. Creare immagini per animazioni è anche semplice ma leggermente diverso, in che le immagini sono create da diversi stati che giocano uno dopo l'altro per creare l'illusione del movimento.

Crea un'animazione

Per creare un'immagine per l'animazione, segui questi passaggi:

1. Crea o apri l'oggetto che vuoi animare.

   Per questo esempio, crea un cerchio con lo strumento Ellisse.

2. Con lo strumento Puntatore, selezionare il cerchio.

3. Scegli Finestra → Stati.

   Viene visualizzato il pannello Stati, che elenca uno stato.

   

4. Dal menu del pannello nell'angolo in alto a destra, scegli Duplica stato.

   Viene visualizzata la finestra di dialogo Stato duplicato.

5. Usa il cursore Numero per aggiungere tre nuovi stati.

6. Nella sezione Inserisci nuovi stati, selezionare il pulsante di opzione Dopo la corrente e quindi fare clic su OK.

   Poiché tutti gli stati sono identici, non si vede alcun cambiamento. Gli oggetti sono posizionati uno sopra l'altro.

   

Usa la cipolla per ottenere un buon flusso

Lo skinning delle cipolle può essere di grande aiuto quando stai cercando di creare un buon flusso per un'animazione. Lo skin onion ti dà la possibilità di modificare lo stato selezionato ma visualizzare (in una vista attenuata) gli stati che precedono e seguono lo stato selezionato.

Per utilizzare la buccia di cipolla in un'animazione, segui questi passaggi:

1. Seleziona la riga Stato 2 nel pannello Stati.

2. Fai clic sul pulsante Onion Skin nell'angolo in basso a sinistra del pannello.

   Viene visualizzato un elenco a discesa.

3. Seleziona Mostra tutti gli stati per mostrare uno stato prima e uno dopo lo stato selezionato.

Effettuare lo spostamento dell'animazione

La creazione dell'animazione reale non è certamente una scienza missilistica, ma è necessario prestare attenzione allo stato selezionato prima di effettuare la propria mossa.

Per mettere in movimento l'animazione, seguire questi passaggi:

1. Selezionare Stato 2 nel pannello Stati per visualizzare il cerchio di stato 2.

2. Utilizzando lo strumento Puntatore, trascinare leggermente il cerchio verso l'alto e verso destra.

3. Selezionare Stato 3 per visualizzare il cerchio di stato 3.

4. Trascina il cerchio in basso a destra del cerchio di stato 2.

5. Selezionare Stato 4 per visualizzare il cerchio di stato 4.

6. Trascina il cerchio sopra e alla destra del cerchio di stato 3.

   Dovresti vedere un flusso che - in modo primitivo - rappresenta una palla che rimbalza.

   

Prova l'animazione

Puoi testare un'animazione direttamente nella tavola da disegno di Fireworks o sul web.

Test in Fireworks

Fireworks offre diversi controlli di riproduzione sul lato destro della finestra della tavola da disegno.Per utilizzare questi controlli per testare un'animazione in Fireworks, attenersi alla seguente procedura:

1. Fare clic sul pulsante Riproduci per avviare l'animazione.

   Si noti che il pulsante Riproduci passa al pulsante Stop.

2. Dopo aver riprodotto l'animazione, fare clic sul pulsante Stop per interrompere l'animazione.

Test sul Web

La funzione Anteprima nel browser offre un'idea più precisa di come apparirà l'animazione al visualizzatore. Questa procedura è così semplice che non sono necessari passaggi: Scegli File → Visualizza anteprima nel browser e seleziona il browser in cui desideri visualizzare l'anteprima dell'animazione.

Se l'animazione non funziona nel tuo browser, assicurati di aver selezionato GIF come Formato file di esportazione nel pannello Ottimizza in Fireworks.