Creazione di un’animazione con interpolazione di movimento

  1. Guida utente di Adobe Animate
  2. Introduzione ad Animate
    1. Novità di Animate
    2. Glossario visivo
    3. Requisiti di sistema per Animate
    4. Scelte rapide da tastiera di Animate
    5. Utilizzare diversi tipi di file in Animate
  3. Animazione
    1. Concetti di base sulle animazioni in Animate
    2. Come utilizzare i fotogrammi e i fotogrammi chiave in Animate
    3. Animazione fotogramma per fotogramma in Animate
    4. Come utilizzare le animazioni con interpolazione classica in Animate
    5. Strumento Pennello
    6. Guida di movimento
    7. Interpolazione di movimento e ActionScript 3.0
    8. L’animazione con interpolazione di movimento
    9. Animazioni con interpolazione di movimento
    10. Creazione di un’animazione con interpolazione di movimento
    11. Utilizzo dei fotogrammi chiave di proprietà
    12. Animare la posizione con un'interpolazione
    13. Come modificare le interpolazioni di movimento con l'Editor movimento
    14. Modifica del tracciato di movimento di un’animazione con interpolazione
    15. Manipolazione delle interpolazioni di movimento
    16. Aggiunta di andamenti personalizzati
    17. Creazione e applicazione di preimpostazioni di movimento
    18. Impostazione delle estensioni di interpolazione per l’animazione
    19. Operazioni con le interpolazioni di movimento salvate come file XML
    20. Interpolazioni di movimento e classiche a confronto
    21. Interpolazione di forme
    22. Utilizzare lo strumento di animazione Osso in Animate
    23. Utilizzare il rigging dei personaggi in Animate
    24. Come utilizzare i livelli maschera in Adobe Animate
    25. Come utilizzare le scene in Animate
  4. Interattività
    1. Come creare pulsanti con Animate
    2. Convertire progetti Animate in altri formati di tipi di documenti
    3. Creare e pubblicare documenti HTML5 Canvas in Animate
    4. Aggiungere interattività con gli snippet di codice in Animate
    5. Creazione di componenti HTML5 personalizzati
    6. Utilizzo dei componenti in HTML5 Canvas
    7. Creazione di componenti personalizzati: esempi
    8. Snippet di codice per componenti personalizzati
    9. Best practice - Pubblicità con Animate
    10. Creazione e pubblicazione di contenuti in realtà virtuale
  5. Area di lavoro e flusso di lavoro
    1. Creazione e gestione dei pennelli artistici
    2. Utilizzo di Google Fonts nei documenti HTML5 Canvas
    3. Utilizzo di Creative Cloud Libraries con Adobe Animate
    4. Utilizzare il pannello Strumenti e Stage per Animate
    5. Flusso di lavoro e area di lavoro di Animate
    6. Utilizzo di font Web nei documenti HTML5 Canvas
    7. Linee temporali e ActionScript
    8. Operazioni con più linee temporali
    9. Impostare le preferenze
    10. Uso dei pannelli di creazione di Animate
    11. Creare livelli della linea temporale con Animate
    12. Esportare animazioni per dispositivi mobili e motori grafici
    13. Spostamento e copia degli oggetti
    14. Modelli
    15. Trova e sostituisci in Animate
    16. Annulla, Ripeti e il pannello Cronologia
    17. Scelte rapide da tastiera
    18. Come utilizzare la linea temporale in Animate
    19. Creazione di estensioni HTML
    20. Opzioni di ottimizzazione per immagini e GIF animati
    21. Impostazioni per l’esportazione di immagini e file GIF
    22. Pannello Risorse in Animate
  6. File multimediali e video
    1. Trasformazione e combinazione di oggetti grafici in Animate
    2. Creazione e utilizzo di istanze di simboli in Animate
    3. Ricalco immagine
    4. Come utilizzare l’audio in Adobe Animate
    5. Esportazione di file SVG
    6. Creare file video da utilizzare in Animate
    7. Come aggiungere un video in Animate
    8. Operazioni con i cue point video
    9. Disegnare e creare oggetti con Animate
    10. Rimodellare linee e forme
    11. Tratti, riempimenti e gradienti con Animate CC
    12. Utilizzo di Adobe Premiere Pro e After Effects
    13. Pannelli per il colore in Animate CC
    14. Apertura di file Flash CS6 con Animate
    15. Utilizzare il testo classico in Animate
    16. Inserimento di grafica in Animate
    17. Bitmap importate in Animate
    18. Grafica 3D
    19. Utilizzo dei simboli in Animate
    20. Disegnare linee e forme con Adobe Animate
    21. Utilizzare le librerie in Animate
    22. Esportazione di suoni
    23. Selezione degli oggetti in Animate CC
    24. Utilizzare i file AI di Illustrator in Animate
    25. Applicare pattern con lo strumento Pennello spray
    26. Applicazione di metodi di fusione
    27. Disposizione degli oggetti
    28. Automazione delle operazioni con il menu Comandi
    29. Testo in più lingue
    30. Utilizzo della funzione Videocamera di Animate
    31. Utilizzo di Animate con Adobe Scout
    32. Operazioni con file di Fireworks
    33. Filtri grafici
    34. Suono e ActionScript
    35. Preferenze di disegno
    36. Disegno con lo strumento Penna
  7. Piattaforme
    1. Convertire progetti Animate in altri formati di tipi di documenti
    2. Supporto piattaforme personalizzate
    3. Creare e pubblicare documenti HTML5 Canvas in Animate
    4. Creazione e pubblicazione di un documento WebGL
    5. Come creare pacchetti di applicazioni per AIR per iOS
    6. Pubblicazione di applicazioni AIR for Android
    7. Pubblicazione per Adobe AIR per desktop
    8. Impostazioni di pubblicazione ActionScript
    9. Procedure ottimali - Organizzazione del codice ActionScript in un’applicazione
    10. Come utilizzare ActionScript con Animate
    11. Best practice - Linee guida per l’accessibilità
    12. Accessibilità dell’area di lavoro di Animate
    13. Creazione e gestione di script
    14. Abilitazione del supporto per piattaforme personalizzate
    15. Panoramica di Supporto piattaforme personalizzate
    16. Creazione di contenuto accessibile
    17. Operazioni con i plug-in di Supporto piattaforme personalizzate
    18. Debug di ActionScript 3.0
    19. Abilitazione del supporto per piattaforme personalizzate
  8. Esportazione e pubblicazione
    1. Come esportare i file da Animate CC
    2. Pubblicazione OAM
    3. Esportazione di file SVG
    4. Esportazione di elementi grafici e video con Animate
    5. Pubblicazione di documenti AS3
    6. Esportare animazioni per dispositivi mobili e motori grafici
    7. Esportazione di suoni
    8. Esportare i file video QuickTime
    9. Controllo della riproduzione dei video esterni mediante ActionScript
    10. Best practice - Suggerimenti per la creazione di contenuti per dispositivi mobili
    11. Best practice - Convenzioni per i contenuti video
    12. Best practice - Linee guida per la creazione di applicazioni SWF
    13. Best practice - Strutturazione dei file FLA
    14. Best practice per ottimizzare i file FLA per Animate
    15. Impostazioni di pubblicazione ActionScript
    16. Specificare le impostazioni di pubblicazione per Animate
    17. Esportazione di file proiettore
    18. Esportare immagini e GIF animati
    19. Modelli di pubblicazione HTML
    20. Utilizzo di Adobe Premiere Pro e After Effects
    21. Condividere e pubblicare rapidamente le animazioni

Prima di iniziare

 Prima di iniziare a creare un’animazione, è importante comprendere i seguenti concetti:

Prerequisiti

Descrizione

Prima di iniziare a utilizzare le interpolazioni di movimento, è importante comprendere come si utilizza la linea temporale e come si modificano le proprietà. Potete modificare singoli fotogrammi chiave di proprietà sullo stage, nella finestra di ispezione Proprietà o nel pannello Editor movimento aggiornato.

Animate applica l’interpolazione solo alle istanze di simboli e ai campi di testo. Tutti gli altri tipi di oggetti vengono inclusi in un simbolo quando applicate a essi un’interpolazione. L’istanza del simbolo può contenere simboli nidificati che, a loro volta, possono essere interpolati nella loro linea temporale.

L’elemento costitutivo minimo di un livello di interpolazione è l’estensione di interpolazione. Un’estensione di interpolazione in un livello di interpolazione può contenere una sola istanza di simbolo o un solo campo di testo. L'istanza di simbolo viene chiamata “target” dell'estensione di interpolazione. Tuttavia, un singolo simbolo può contenere molti oggetti.

Se si aggiunge un secondo simbolo o campo di testo all’estensione di interpolazione, il simbolo originale nell’interpolazione viene sostituito. Per modificare l’oggetto target di un’interpolazione, potete usare uno dei seguenti metodi:

  • Trascinate un altro simbolo dalla libreria sull’estensione di interpolazione nella linea temporale.
  • Usate il comando Modifica > Simbolo > Scambia simbolo.

Potete eliminare il simbolo da un livello di interpolazione senza rimuovere o suddividere l’interpolazione. Potete quindi aggiungere all’interpolazione un’istanza di simbolo diversa in un secondo tempo. Potete inoltre cambiare il tipo di simbolo di destinazione oppure modificare il simbolo in qualunque momento.

Se un’interpolazione contiene del movimento, sullo stage viene visualizzato un tracciato di movimento. Il tracciato di movimento mostra la posizione dell’oggetto interpolato in ciascun fotogramma. Potete modificare il tracciato di movimento sullo stage trascinandone i punti di controllo. Non potete aggiungere una guida di movimento a un livello di interpolazione o di cinematica inversa. 

Consultare anche

Componenti delle interpolazioni di movimento

Estensione di interpolazione:

  • sequenza di fotogrammi sulla linea temporale in cui una o più proprietà di un oggetto cambiano nel tempo.
  • Un’estensione di interpolazione viene visualizzata sulla linea temporale come un gruppo di fotogrammi su un unico livello con uno sfondo di un determinato colore.
  • Potete selezionare le estensioni di interpolazione come singoli oggetti e trascinarle da una posizione a un’altra sulla linea temporale o in un altro livello.
  • In ogni estensione di interpolazione è possibile animare un solo oggetto sullo stage. Tale oggetto è definito l’oggetto target dell’estensione di interpolazione.

Fotogramma chiave di proprietà:

  • Fotogramma all’interno di un’estensione di interpolazione in cui sono definiti in modo esplicito uno o più valori di proprietà per l’oggetto target dell’interpolazione.
  • Tali proprietà possono includere la posizione, l’alfa (trasparenza), la tinta del colore e così via.
  • Ogni proprietà definita dispone di fotogrammi chiave di proprietà propri.
  • Se impostate più di una proprietà in un solo fotogramma, i fotogrammi chiave di proprietà per ognuna di tali proprietà vengono inseriti nel fotogramma.
  • In Editor movimento potete visualizzare ogni proprietà di un’estensione di interpolazione e i relativi fotogrammi chiave di proprietà.
  • Per scegliere il tipo di fotogramma chiave di proprietà da visualizzare nella linea temporale, fate clic con il pulsante destro del mouse su un fotogramma chiave di proprietà e selezionate Visualizza fotogrammi chiave. 

Oggetto target di un’interpolazione

Un’interpolazione di movimento ha un singolo oggetto in un’estensione di interpolazione, denominato oggetto target dell’interpolazione. Esistono diversi vantaggi dall’avere un singolo oggetto target in un un’interpolazione:

  • Potete salvare un’interpolazione come preimpostazione da riutilizzare più volte. 
  • Potete spostare facilmente le interpolazioni di movimento sulla linea temporale (trascinando l’estensione di interpolazione) o sullo stage.
  • Per applicare una nuova istanza a un’interpolazione esistente:
    • Incollatela su un’interpolazione per scambiarla.
    • Trascinate una nuova istanza dalla libreria.
    • Utilizzate Scambia simbolo. 

Oggetti e proprietà interpolabili

È possibile applicare un’interpolazione di movimento ai seguenti tipi di oggetti: clip filmato, simboli grafici e di pulsanti e campi di testo. Le proprietà degli oggetti che possono essere interpolate includono:

  • Posizione X e Y 2D
  • Posizione Z 3D (solo clip filmato)

  • Rotazione 2D (intorno all'asse z)

  • Rotazione 3D X, Y e Z (solo clip filmato): nelle impostazioni di pubblicazione, il file FLA deve essere associato ad ActionScript 3.0 e Flash Player 10 o versione successiva. Anche Adobe AIR supporta il movimento 3D.

  • Inclinazione X e Y

  • Scala X e Y

  • Effetti colore: alfa (trasparenza), luminosità, tinta e impostazioni colore avanzate. Possono essere interpolati solo sui simboli e sul testo TLF. Interpolando queste proprietà, potete applicare agli oggetti un effetto di dissolvenza da un colore a un altro. Per interpolare un effetto colore sul testo classico, convertite il testo in simbolo.

  • Proprietà di filtro (i filtri non possono essere applicati ai simboli grafici)

Creazione di un’animazione con interpolazione di movimento

Potete creare un’interpolazione di movimento con uno dei seguenti tre metodi:

  • Create un elemento grafico o un’istanza da sottoporre a interpolazione, quindi fate clic con il pulsante destro del mouse su un fotogramma e selezionate Crea interpolazione movimento.
  • Selezionate il grafico o l’istanza da sottoporre a interpolazione e dal menu principale selezionate Inserisci > Interpolazione movimento.
  • Create un elemento grafico o un’istanza da sottoporre a interpolazione, quindi fate clic con il pulsante destro del mouse sull’istanza sullo stage e selezionate Crea interpolazione movimento.
Nota:

l’utilizzo di ActionScript nell’animazione è facoltativo.

Creazione di un’animazione con interpolazione di movimento

Interpolazione di altre proprietà utilizzando la finestra di ispezione Proprietà

Il comando Crea interpolazione movimento permette di animare la maggior parte delle proprietà di un’istanza di simbolo o di un campo di testo. Tali proprietà comprendono ad esempio la rotazione, la scala, la trasparenza o la tinta (solo per simboli e testo TLF). Ad esempio, potete modificare la proprietà alfa (trasparenza) di un’istanza di simbolo per farla scomparire gradualmente sullo schermo (dissolvenza). Per un elenco delle proprietà che potete animare mediante le interpolazioni di movimento, consultate Oggetti e proprietà interpolabili.

  1. Selezionate sullo stage un’istanza di simbolo o un campo di testo.

    Se la selezione contiene altri oggetti oppure contiene più oggetti di un livello, Animate offre la possibilità di convertirla in un simbolo di clip filmato.

  2. Selezionate Inserisci > Interpolazione movimento.

    Se viene visualizzata la finestra di dialogo “Converti selezione in simbolo per interpolazione”, fate clic su OK per convertire la selezione in un simbolo di clip filmato.

    Quando applicate un'interpolazione a un oggetto presente in un solo fotogramma chiave, l'indicatore di riproduzione si sposta all'ultimo fotogramma della nuova interpolazione. Negli altri casi, l'indicatore di riproduzione non si sposta.

  3. Inserite l'indicatore di riproduzione nel fotogramma dell'estensione di interpolazione in cui desiderate specificare un valore di proprietà.

    Potete posizionare l'indicatore di riproduzione in qualsiasi fotogramma dell'estensione di interpolazione. L’interpolazione inizia con i valori delle proprietà presenti nel primo fotogramma dell’estensione di interpolazione, che è sempre un fotogramma chiave di proprietà.

  4. Con l’oggetto selezionato sullo stage, impostate un valore per una proprietà non di posizione, ad esempio alfa (trasparenza), rotazione o inclinazione. Impostate il valore nella finestra di ispezione Proprietà o mediante uno strumento del pannello Strumenti.

    Il fotogramma corrente dell’estensione diventa un fotogramma chiave di proprietà.

    Nota:

    Potete visualizza tipi differenti di fotogrammi chiave di proprietà nelle estensioni di interpolazione. Fate clic con il pulsante destro del mouse (Windows) oppure tenendo premuto Comando (Macintosh) su un’estensione di interpolazione, quindi scegliete Visualizza fotogrammi chiave > tipo di proprietà dal menu di scelta rapida.

  5. Fate scorrere l’indicatore di riproduzione sulla linea temporale per visualizzare un’anteprima dell’interpolazione sullo stage.

  6. Per aggiungere altri fotogrammi chiave di proprietà, spostate l’indicatore di riproduzione nel fotogramma desiderato all’interno dell’estensione e impostate un valore per la proprietà mediante la finestra di ispezione Proprietà.

Aggiunta di un’interpolazione a un livello di interpolazione esistente

Potete aggiungere altre interpolazioni a un livello di interpolazione esistente. Così facendo potrete ridurre il numero di livelli utilizzati per creare contenuti Animate con animazioni.

  1. Effettuate una delle seguenti operazioni:

    • Aggiungete un fotogramma chiave vuoto al livello (Inserisci > Linea temporale > Fotogramma chiave vuoto), aggiungete elementi al fotogramma chiave, quindi interpolateli.
    • Create un’interpolazione su un livello separato, quindi trascinate l’estensione sul livello desiderato.
    • Trascinate un fotogramma statico da un altro livello sul livello di interpolazione, quindi applicate un'interpolazione a un oggetto nel fotogramma statico.
    • Trascinate tenendo premuto il tasto Alt (Windows) o Opzione (Macintosh) per duplicare un'estensione esistente dallo stesso livello o da un livello diverso.
    • Copiate e incollate un’estensione di interpolazione dallo stesso livello o da un livello diverso.
Logo Adobe

Accedi al tuo account