- Guida utente di Adobe Animate
- Introduzione ad Animate
- Animazione
- Concetti di base sulle animazioni in Animate
- Come utilizzare i fotogrammi e i fotogrammi chiave in Animate
- Animazione fotogramma per fotogramma in Animate
- Come lavorare con le animazioni interpolate classiche in Animate
- Strumento Pennello
- Guida di movimento
- Interpolazione di movimento e ActionScript 3.0
- Informazioni sull’animazione con interpolazione di movimento
- Animazioni con interpolazione di movimento
- Creazione di un’animazione con interpolazione di movimento
- Utilizzo dei fotogrammi chiave di proprietà
- Animare la posizione con un'interpolazione
- Come modificare le interpolazioni di movimento con l'Editor movimento
- Modifica del tracciato di movimento di un’animazione con interpolazione
- Manipolazione delle interpolazioni di movimento
- Aggiunta di andamenti personalizzati
- Creazione e applicazione di preimpostazioni di movimento
- Impostazione delle estensioni di interpolazione per l’animazione
- Operazioni con le interpolazioni di movimento salvate come file XML
- Interpolazioni di movimento e classiche a confronto
- Interpolazione di forme
- Utilizzare lo strumento di animazione Osso in Animate
- Utilizzare il rigging dei personaggi in Animate
- Come utilizzare i livelli maschera in Adobe Animate
- Come utilizzare le scene in Animate
- Interattività
- Come creare pulsanti con Animate
- Convertire progetti Animate in altri formati di tipi di documenti
- Creare e pubblicare documenti HTML5 Canvas in Animate
- Aggiungere interattività con gli snippet di codice in Animate
- Creazione di componenti HTML5 personalizzati
- Utilizzo dei componenti in HTML5 Canvas
- Creazione di componenti personalizzati: esempi
- Snippet di codice per componenti personalizzati
- Best practice - Pubblicità con Animate
- Creazione e pubblicazione di contenuti in realtà virtuale
- Area di lavoro e flusso di lavoro
- Creazione e gestione dei pennelli artistici
- Utilizzo di Google Fonts nei documenti HTML5 Canvas
- Utilizzo di Creative Cloud Libraries con Adobe Animate
- Utilizzare il pannello Strumenti e Stage per Animate
- Flusso di lavoro e area di lavoro di Animate
- Utilizzo di font Web nei documenti HTML5 Canvas
- Linee temporali e ActionScript
- Operazioni con più linee temporali
- Impostare le preferenze
- Uso dei pannelli di creazione di Animate
- Creare livelli della linea temporale con Animate
- Esportare animazioni per dispositivi mobili e motori grafici
- Spostamento e copia degli oggetti
- Modelli
- Trova e sostituisci in Animate
- Annulla, Ripeti e il pannello Cronologia
- Scelte rapide da tastiera
- Come utilizzare la linea temporale in Animate
- Creazione di estensioni HTML
- Opzioni di ottimizzazione per immagini e GIF animati
- Impostazioni per l’esportazione di immagini e file GIF
- Pannello Risorse in Animate
- File multimediali e video
- Trasformazione e combinazione di oggetti grafici in Animate
- Creazione e utilizzo di istanze di simboli in Animate
- Ricalco immagine
- Come utilizzare l’audio in Adobe Animate
- Esportazione di file SVG
- Creare file video da utilizzare in Animate
- Come aggiungere un video in Animate
- Disegnare e creare oggetti con Animate
- Rimodellare linee e forme
- Tratti, riempimenti e gradienti con Animate CC
- Utilizzo di Adobe Premiere Pro e After Effects
- Pannelli per il colore in Animate CC
- Apertura di file Flash CS6 con Animate
- Utilizzare il testo classico in Animate
- Inserimento di grafica in Animate
- Bitmap importate in Animate
- Grafica 3D
- Utilizzo dei simboli in Animate
- Disegnare linee e forme con Adobe Animate
- Utilizzare le librerie in Animate
- Esportazione di suoni
- Selezione degli oggetti in Animate CC
- Utilizzare i file AI di Illustrator in Animate
- Applicazione di metodi di fusione
- Disposizione degli oggetti
- Automazione delle operazioni con il menu Comandi
- Testo in più lingue
- Utilizzo della funzione Videocamera di Animate
- Filtri grafici
- Suono e ActionScript
- Preferenze di disegno
- Disegno con lo strumento Penna
- Piattaforme
- Convertire progetti Animate in altri formati di tipi di documenti
- Supporto piattaforme personalizzato
- Creare e pubblicare documenti HTML5 Canvas in Animate
- Creazione e pubblicazione di un documento WebGL
- Come creare pacchetti di applicazioni per AIR per iOS
- Pubblicazione di applicazioni AIR for Android
- Pubblicazione per Adobe AIR per desktop
- Impostazioni di pubblicazione ActionScript
- Procedure ottimali - Organizzazione del codice ActionScript in un’applicazione
- Come utilizzare ActionScript con Animate
- Accessibilità dell’area di lavoro di Animate
- Creazione e gestione di script
- Abilitazione del supporto per piattaforme personalizzate
- Panoramica di Supporto piattaforme personalizzate
- Operazioni con i plug-in di Supporto piattaforme personalizzate
- Debug di ActionScript 3.0
- Abilitazione del supporto per piattaforme personalizzate
- Esportazione e pubblicazione
- Come esportare i file da Animate CC
- Pubblicazione OAM
- Esportazione di file SVG
- Esportazione di elementi grafici e video con Animate
- Pubblicazione di documenti AS3
- Esportare animazioni per dispositivi mobili e motori grafici
- Esportazione di suoni
- Best practice - Suggerimenti per la creazione di contenuti per dispositivi mobili
- Best practice - Convenzioni per i contenuti video
- Best practice - Linee guida per la creazione di applicazioni SWF
- Best practice - Strutturazione dei file FLA
- Best practice per ottimizzare i file FLA per Animate
- Impostazioni di pubblicazione ActionScript
- Specificare le impostazioni di pubblicazione per Animate
- Esportazione di file proiettore
- Esportare immagini e GIF animati
- Modelli di pubblicazione HTML
- Utilizzo di Adobe Premiere Pro e After Effects
- Condividere e pubblicare rapidamente le animazioni
- Risoluzione dei problemi
Leggi questo articolo per conoscere i vari componenti di tempo disponibili in Animate.
Linea temporale
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
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
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 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
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
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
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
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.