La nostra prima animazione

 

Cominciamo? 

1) Avviamo Flash5 e creiamo un nuovo filmato. Possiamo notare che Flash ha gi� creato per noi il primo livello(Layer1) e non aspetta altro che noi creiamo qualcosa da far animare. 

2) Cambiamo nome al livello e nominiamolo Cerchio(con il puntatore del mouse si va su Layer 1, premere il tasto dx del mouse, selezionare "Properties" e attribuiamo il nuovo nome).

3) Selezioniamo il primo fotogramma

3) Selezioniamo lo strumento cerchio dal ToolBox e disegniamo il cerchio con un colore di riempimento a noi gradito.

4) Dal ToolBox selezioniamo "freccia" e poi con il mouse si seleziona il bordo del cerchio.Si va al menu principale alla voce Modifica e si clicca su "Cut" cancellando cos� il bordo.

A questo punto dobbiamo imparare una cosa nuova. Una caratteristica fondamentale di Flash. Gli oggetti. Gi� perch� esistono 3 principali oggetti, oggetto grafico, oggetto animato e pulsante. Qualsiasi forma grafica in flash pu� assumere queste 3 tipologie. Per esempio, il cerchio che abbiamo appena creato potrebbe essere trasformato in un pulsante oppure in un semplice oggetto grafico cui potrebbe far compiere un'animazione. 

5) Selezioniamo con lo strumento Freccia il nostro cerchio Premiamo F8 sulla tastiera e ci apparir� una finestrella come quella in questa figura denominata "Propriet� simbolo". 

Possiamo osservare che al simbolo possiamo attribuire un nome ed un Comportamento Clip filmato, Pulsante e Grafico. In questo caso noi selezioniamo Grafico e poi Ok. Abbiamo cos� trasformato il nostro cerchio in un simbolo grafico. 

6) Se lo selezioniamo ci accorgiamo subito di alcune differenze rispetto a prima. E' come se fosse diventato un unico pezzo contraddistinto da un'area quadrata trasparente che lo delimita.

7)Ora trasciniamo quest�oggetto nella parte sinistra dello Stage sempre mantenendoci nella delimitazione dell'area di lavoro. Lasciamolo stare l� per un po' perch� ora dovremo effettuare un paio di operazioni sulla Time Line

Abbiamo un solo livello attivo ed un fotogramma, il primo, col simbolo pieno.

8) Portiamo il puntatore del mouse in corrispondenza del fotogramma 30 selezioniamolo con il tasto destro e selezioniamo la voce "Inserisci fotogramma chiave"(Insert Keyframe). 

Cos'� accaduto? Molto semplice, abbiamo creato il primo fotogramma di partenza del nostro lettore, sul numero 1, e poi il fotogramma finale, il numero 30. La testina di lettura, all'avvio partir� dal primo fotogramma fino a raggiungere l'ultimo, in questo caso il numero 30 percorrendo e leggendo tutti i fotogrammi con una frequenza uguale a quella impostata nelle propriet� del filmato. In questo caso dovrebbe essere rimasta a 12 FPS.

9) Selezioniamo il fotogramma numero 30 e poi con lo strumento Freccia selezioniamo il cerchio sullo Stage e trasciniamolo verso destra fino al bordo che delimita lo Stage.

10)Ora spostiamo il puntatore del mouse sulla Time Line, sul livello Cerchio, tra il primo fotogramma e l'ultimo. Sembra difficile ma la conferma l'avremo dal fato che il puntatore si trasformer� in una manina.

11) Tasto destro e selezioniamo la voce "Crea interpolazione movimento"(Create Motion Tween). Quello che otterremo sar� questo:

12) selezioniamo col mouse la testina di lettura (si trova in alto in corrispondenza dei numeri di fotogramma ed � di colore rosso trasparente) e la trasciniamo da sinistra verso destra e viceversa, ci accorgeremo che il nostro cerchio sullo Stage si muove!

13)Andiamo al menu principale e testiamo il programma con Control e poi Play.


Indietro