Tempo

  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

Leggi questo articolo per conoscere i vari componenti di tempo disponibili in Animate.

Linea temporale

Linea temporale per un’animazione con interpolazione di movimento

La linea temporale di Adobe Animate permette di organizzare e controllare il contenuto di un documento nel tempo, mediante livelli e fotogrammi. Come in un film, nei documenti Animate gli intervalli di tempo sono divisi in fotogrammi. I livelli sono paragonabili a strisce di pellicola sovrapposte, ognuna contenente un’immagine diversa tra quelle presenti sullo stage. I componenti principali della linea temporale sono i livelli, i fotogrammi e la testina di riproduzione.

  • I livelli di un documento sono elencati in una colonna sul lato sinistro della linea temporale.
  • I fotogrammi contenuti in ciascun livello sono visualizzati in una riga a destra del nome del livello.
  • Nell’intestazione della linea temporale, nella parte superiore della finestra, sono riportati i numeri dei fotogrammi.
  • La testina di riproduzione indica il fotogramma attualmente visualizzato sullo stage. Durante la riproduzione di un documento, la testina di riproduzione si sposta da sinistra a destra lungo la linea temporale.

Per impostazione predefinita, quando la testina di riproduzione raggiunge la fine, riparte dall’inizio. Lo stato della linea temporale, visualizzato nella parte inferiore della linea temporale, indica il numero del fotogramma selezionato, la frequenza fotogrammi corrente e il tempo trascorso fino al fotogramma corrente.

Per ulteriori informazioni, consulta Utilizzare la linea temporale in Animate.

Fotogrammi

I fotogrammi stanno alla base delle animazioni e definiscono il tempo e movimento di ciascun segmento. Il numero totale di fotogrammi nel filmato e la velocità con cui vengono riprodotti determinano la durata totale del filmato.

Per saperne di più sui fotogrammi, consulta gli articoli Fotogrammi e Animazione fotogramma per fotogramma.

Estensione di fotogrammi

Estensione di fotogrammi nelle animazioni con interpolazione di movimento

Un fotogramma chiave e l’estensione di fotogrammi normali che lo seguono rappresentano una sequenza di fotogrammi chiave. La linea temporale può contenere un qualsiasi numero di sequenze di fotogrammi chiave. Se il fotogramma chiave di una sequenza contiene contenuto grafico visibile sullo stage, i fotogrammi normali che lo seguono saranno grigi. Se il fotogramma chiave di una sequenza non contiene contenuto grafico visibile sullo stage, i fotogrammi normali che lo seguono saranno bianchi.

Fotogrammi chiave

Fotogrammi e fotogrammi chiave in Animate CC

Analogamente ai film, anche nei documenti Adobe Animate gli intervalli di tempo vengono suddivisi in fotogrammi. Nella linea temporale questi fotogrammi consentono di organizzare e controllare il contenuto del documento. I fotogrammi devono essere collocati nella linea temporale nell'ordine in cui desiderate che gli oggetti in essi contenuti vengano visualizzati nel contenuto finito.

Un fotogramma chiave è un fotogramma in Adobe Animate nel quale compare una nuova istanza di simbolo nella linea temporale. Può anche essere un fotogramma che include codice ActionScript programmato per controllare un aspetto del documento.

Potete anche aggiungere un fotogramma chiave vuoto alla linea temporale, come segnaposto per simboli da inserire in un secondo tempo o come fotogramma esplicitamente vuoto. Nella linea temporale, un punto nero indica un singolo fotogramma. I fotogrammi di colore grigio chiaro dopo un fotogramma chiave singolo contengono lo stesso contenuto, senza alcuna modifica.

L’ultimo fotogramma della sequenza è indicato da una riga verticale nera e un rettangolo vuoto. Un punto nero nel fotogramma chiave iniziale con una freccia nera e lo sfondo blu indica un’interpolazione classica.

Attenzione a non confondere i fotogrammi chiave con i fotogrammi chiave di proprietà. Nella linea temporale, un fotogramma chiave di proprietà è rappresentato da un rombo pieno, mentre un fotogramma chiave standard è rappresentato da un cerchio vuoto o pieno.

Modifica di più fotogrammi

Modifica di più fotogrammi in un’animazione con interpolazione di movimento

Modifica più fotogrammi.

FPS

Fotogrammi al secondo

La frequenza fotogrammi (velocità di riproduzione di un’animazione in Adobe Animate) è misurata in fotogrammi al secondo (fps). Con una frequenza fotogrammi troppo bassa, l’animazione procede a scatti; con una frequenza di fotogrammi troppo alta, l’animazione risulta sfocata. L’impostazione di frequenza fotogrammi predefinita per i nuovi documenti Animate è pari a 24 fps e garantisce in genere prestazioni ottimali per il Web. Anche i film hanno una frequenza fotogrammi predefinita di 24 fps.

La complessità dell’animazione e la velocità del computer su cui essa viene riprodotta incidono sulla fluidità della riproduzione. Per determinare la frequenza fotogrammi ottimale, prova l’animazione su computer diversi, con diverse capacità di elaborazione. Poiché puoi specificare una sola frequenza fotogrammi per l’intero documento Animate, assicurati di impostare la frequenza fotogrammi desiderata prima di creare le animazioni. La frequenza fotogrammi determina la velocità alla quale la testina di riproduzione avanza lungo la linea temporale.

Per saperne di più sui fotogrammi al secondo, leggi l’articolo sulle nozioni di base sull’animazione.

Andamento

L’andamento è una tecnica che consente di modificare il modo in cui Adobe Animate calcola i valori delle proprietà fra i fotogrammi chiave di proprietà in un’interpolazione. Se non viene impostato l’andamento, Animate sposta gli oggetti interpolati alla stessa velocità su ciascun fotogramma dell’animazione. Con l’andamento puoi regolare la velocità degli oggetti interpolati in modo da ottenere un movimento più naturale e per creare animazioni complesse. L’andamento è una curva matematica che viene applicata ai valori delle proprietà di un’interpolazione.

L’effetto finale dell’Interpolazione è il risultato della combinazione della serie di valori di proprietà nell’interpolazione e della curva di andamento: gli oggetti interpolati iniziano lentamente per poi accelerare, iniziano rapidamente per poi rallentare o una combinazione di questi effetti.

Ad esempio, se animi l’immagine di un’auto da un lato all’altro dello stage, il movimento è più realistico se l’auto parte lentamente dalla posizione ferma iniziale e accelera gradualmente. Gli andamenti applicati nella finestra di ispezione Proprietà incidono su tutte le proprietà incluse in un’interpolazione. Gli andamenti applicati nell’Editor movimento possono incidere su una singola proprietà, un gruppo di proprietà o tutte le proprietà di un’interpolazione.

Per informazioni dettagliate sull’andamento, consulta Interpolazione di forme e Come modificare le interpolazioni di movimento con l’Editor movimento.

Onion skinning

Onion skinning in Animate CC

Con la funzione Onion skinning puoi confrontare i fotogrammi precedenti e successivi e regolare gli oggetti nel fotogramma corrente. Quando Onion skinning è disattivato (impostazione predefinita), sullo stage viene visualizzato un fotogramma alla volta della sequenza di animazione.

Il fotogramma visualizzato corrisponde alla posizione della testina di riproduzione sulla linea temporale. Quando la funzione Onion skinning è abilitata, il fotogramma sotto la testina di riproduzione è visualizzato nei suoi colori originali, mentre i fotogrammi circostanti sono attenuati, come se fossero disegnati su fogli di carta velina sovrapposti l’uno sull’altro.

I fotogrammi attenuati non possono essere modificati, ma forniscono un utile riferimento visivo.

Per ulteriori informazioni sulla funzione Onion skinning, consulta Animazione fotogramma per fotogramma e Come utilizzare la linea temporale.

Livelli

Livelli per un’animazione con interpolazione di movimento

I livelli consentono di organizzare la grafica in un documento Adobe Animate. Puoi disegnare e modificare gli oggetti su un livello senza alterare quelli di un altro livello. Nelle aree dello stage in cui un livello non contiene nulla, si vedono in trasparenza i livelli sottostanti. Per disegnare, colorare o modificare un livello o una cartella, seleziona il livello nella linea temporale per renderlo attivo. Un’icona a forma di matita accanto al nome di un livello o di una cartella nella linea temporale indica che l’elemento è attivo.

È possibile selezionare più livelli, ma un solo livello può essere attivo alla volta. Un nuovo documento Animate contiene inizialmente un solo livello. Aggiungi altri livelli per organizzare la grafica, le animazioni e altri elementi del documento. I livelli possono anche essere nascosti, bloccati o riordinati. 

Il numero di livelli che è possibile creare è limitato solamente dalla memoria del computer; il numero di livelli non influisce sulla dimensione del file SWF pubblicato. Le dimensioni del file del progetto dipendono solo dagli oggetti che vengono inseriti nei livelli. Per facilitare la creazione di effetti sofisticati, puoi usare degli speciali livelli guida utili nelle operazioni di disegno e modifica e nella creazione di livelli maschera.

Per ulteriori informazioni sui livelli, consulta Creare livelli della linea temporale.

Livello maschera

Livello maschera in Animate CC

I livelli maschera contengono gli oggetti utilizzati come maschere per nascondere porzioni selezionate dei livelli sottostanti. Solo la porzione del livello maschera non coperto dalla maschera è visibile.

Per informazioni su come utilizzare i livelli maschera, consulta Come utilizzare i livelli maschera in Animate.

Livello guida

Livello guida nelle animazioni con interpolazione di movimento

Per allineare gli oggetti quando disegni in Adobe Animate, crea dei livelli guida, quindi allinea gli oggetti che si trovano sugli altri livelli a quelli creati sui livelli guida.  È possibile assegnare la funzione di livello guida a qualsiasi livello. I livelli guida sono riconoscibili da un’icona di guida a sinistra del nome del livello. I livelli guida non vengono esportati né visualizzati in un file SWF pubblicato.

Non è possibile trascinare su un livello guida un livello con un’interpolazione di movimento o un livello di posa di cinematica inversa. Tuttavia è possibile trascinarci un livello normale. In tal modo, il livello guida viene convertito in un livello guida di movimento e il livello normale viene collegato al nuovo livello guida di movimento.

Logo Adobe

Accedi al tuo account