Obiettivo

  • Introduzione dell'interpolazione di movimento su guide
  • Introduzione ai tipi di oggetti
  • Creazione di un'animazione complessa

Interpolazione di movimento con guida

Abbiamo visto nella lezione_2 come realizzare un'animazione ad interpolazione di movimento. Vi sarete accorti che una limitazione consiste nel fatto che lo spostamento avviene solo in linea retta. Per ovviare a questo problema è possibile usare le guide di movimento. Vediamo come:

  • Create un'animazione ad interpolazione di movimento come descritto nella lezione_2
  • Cliccate con il tasto destro del mouse sul livello in cui avviene l'animazione (lo riconoscerete dai fotogrammi colorati in violetto)
  • comparirà questo menù:

  • selezionate “aggiungi guida movimento”

Verrà creato un livello “speciale” che conterrà la guida di movimento.

  • Disegnate con lo strumento matita una linea: questa sarà la traiettoria seguita dall'oggetto che animerete
  • Andate al primo fotogramma dell'animazione, trascinate l'oggetto animato all'inizio della guida

  • All'ultimo fotogramma, trascinate l'oggetto alla fine della guida

Provate il filmato come al solito (menu controllo→prova filmato), e questo sarà il risultato:

The Adobe Flash Plugin is needed to display this content.

Scaricate il file di esempio qui:

aereointerpolazioneguida.fla

Animazione complessa

Usando livelli separati, si possono utilizzare contemporaneamente tutti i tipi di animazione che abbiamo esaminato:

The Adobe Flash Plugin is needed to display this content.

In questa animazione:

  • L'aereo si muove per interpolazione di movimento con guida
  • La nuvola si muove per interpolazione di movimento
  • La chioma dell'albero si muove per interpolazione di forma
  • La calza del vento si muove con un'animazione a keyframe

Scarica il file sorgente: Animazione complessa.fla

Gli oggetti e la libreria

All'interno del filmato, possono essere inseriti oggetti. Questi oggetti possono essere di diverso tipo:

  • Grafici: questi sono soltanto statici (1 fotogramma), possono contenere forme, testo…
  • Clip filmato: questi oggetti sono dotati al loro interno di una timeline, possono avere azioni, animazioni, suoni al loro interno.
  • Pulsanti: sono un tipo particolare di clip filmato, con fotogrammi stabiliti. Si usano per gestire l'interattività.

Gli oggetti sono contenuti nella Libreria del filmato. Per accedere alla libreria selezionare il menu Finestra → Libreria

Quando un disegno, o un gruppo è inserito come oggetto, viene inserito nella libreria del filmato. La libreria è la collezione di oggetti “originali” del filmato. A partire dalla libreria è possibile (trascinandoli), avere nello stesso tempo più copie (dette ISTANZE) di uno stesso oggetto.

Proviamo ad inserire il nostro aereo nella libreria e duplicarlo:

Selezioniamo il disegno dell'aereo, poi clicchiamo su

Elabora → Converti in simbolo

stesso effetto si otterrebbe con il tasto F8

Comparirà una finestra con diverse opzioni, selezioniamo clip filmato, inseriamo il nome aereo:

Ora nella nostra libreria ci sarà un oggetto chiamato aereo.

Possiamo trascinare sullo stage diverse copie (istanze) dell'oggetto aereo.

Possiamo differenziare le diverse instanze dell'aereo, utilizzando:

  • lo strumento trasformazione libera
  • il menù elabora (per ruotare, riflettere l'oggetto, ecc)
  • il *menù colore* che si trova nella Barra delle proprietà quando abbiamo selezionato un oggetto:

Ci sono diverse opzioni, vediamole in dettaglio:

  • Luminosità regola la luminosità dell'oggetto
  • Tinta vira il colore dell'oggetto verso il colore che selezioniamo (colora l'ogetto)
  • Alfa regola la trasparenza dell'oggetto
  • Avanzato consente di regolare tutti gli aspetti contemporaneamente

Animazione interna agli oggetti

Ora che il nostro aereo è un oggetto di tipo clip filmato, possiamo creare un'animazione al suo interno.

Per farlo, dobbiamo modificare l'oggetto aereo. Possiamo:

  • Fare doppio clic su un'istanza dell'oggetto sullo stage
  • Fare doppio clic sull'oggetto aereo nella libreria

Ora stiamo modificando l'oggetto: avremo una nuova linea temporale. Possiamo inserire interpolazioni, livelli, eccetera, per realizzare un'animazione interna.

Per esempio, possiamo inserire due livelli, uno per animare una scia di fumo dell'aereo, ed uno per animare l'elica:

Torniamo alla scena principale, cliccando su “Scena1” nella barra in alto

Trasciniamo dalla libreria più istanze dell'aereo, ed esportiamo il filmato. Dovremmo ottenere questo:

The Adobe Flash Plugin is needed to display this content.

Scarica il file sorgente animazioneinterna.fla

Questa animazione è composta, sul livello principale, da un solo fotogramma: su questo unico fotogramma sono presenti degli oggetti animati, quindi viene mostrata l'animazione interna degli oggetti.

Ora che abbiamo un oggetto animato, possiamo, sul livello principale, utilizzarlo per interpolazioni di movimento. Possiamo anche inserire un livello aggiuntivo e realizzare l'animazione di un altro aereo in fase di atterraggio:

The Adobe Flash Plugin is needed to display this content.

File sorgente:Animazionemultipla.fla

 
corso_flash/lezione_3.txt · Last modified: 2009/06/06 00:34 (external edit)
 
Except where otherwise noted, content on this wiki is licensed under the following license:CC Attribution-Noncommercial-Share Alike 3.0 Unported
Recent changes RSS feed Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki