- 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
Nell'interpolazione di forma si disegna innanzitutto una forma vettoriale in un fotogramma specifico della linea temporale, quindi si cambia tale forma o se ne disegna un'altra in un secondo fotogramma specifico. Animate provvede quindi a interpolare le forme dei fotogrammi intermedi, creando così l’animazione della prima forma che, con un effetto di morphing, si trasforma nella seconda forma.
Animate consente di aggiungere le interpolazioni di forma per uniformare sia i tratti continui che quelli più complessi. Potete anche aggiungere le interpolazioni di forma ai tratti avanzati ottenuti con lo strumento Spessore variabile. Fate alcune prove con le forme che volete utilizzare, per verificare i risultati. Potete utilizzare i suggerimenti forma per individuare quali punti della forma iniziale devono corrispondere a specifici punti sulla forma finale.
Inoltre, potete interpolare la posizione e il colore delle forme all’interno di un’interpolazione di forma.
per applicare l’interpolazione di forma a gruppi, istanze o immagini bitmap, dovete prima dividere questi elementi. Per applicare l'interpolazione di forma al testo, è necessario dividere due volte il testo per convertirlo in oggetti. Consultate Dividere un'istanza di simbolo.
Creazione di un'interpolazione di forma
La procedura seguente spiega come creare un'interpolazione di forma dal fotogramma 1 al fotogramma 30 della linea temporale. Potete tuttavia creare interpolazioni in qualsiasi parte della linea temporale desideriate.
-
Nel fotogramma 1, disegnate un quadrato con lo strumento Rettangolo.
-
Selezionate il fotogramma 30 sullo stesso livello e aggiungete un fotogramma chiave vuoto, scegliendo Inserisci > Linea temporale > Fotogramma chiave vuoto o premendo F7.
-
Sullo stage disegnate un cerchio nel fotogramma 30, con lo strumento Ovale.
A questo punto dovreste avere un fotogramma chiave con un quadrato nel fotogramma 1 e uno con un cerchio nel fotogramma 30.
-
In Linea temporale, selezionate uno dei fotogrammi compresi tra i due fotogrammi chiave nel livello che contiene le due forme.
-
Selezionate Inserisci > Interpolazione di forma.
Animate interpola le forme presenti in tutti i fotogrammi compresi tra i due fotogrammi chiave.
-
Per visualizzare l'interpolazione in anteprima, fate scorrere la testina di riproduzione lungo i fotogrammi della linea temporale oppure premete il tasto Invio.
-
Per applicare l'interpolazione di movimento oltre a quella di forma, spostate la forma nel fotogramma 30 in una posizione diversa da quella in cui si trova nel fotogramma 1.
Premete il tasto Invio per visualizzare l'animazione in anteprima.
-
Per interpolare il colore della forma, applicate alla forma nel fotogramma 1 un colore diverso da quello della forma nel fotogramma 30.
-
Per aggiungere andamenti all'interpolazione, selezionate uno dei fotogrammi e immettete un valore nel campo Andamento della finestra di ispezione delle proprietà.
Per applicare l’andamento all’inizio dell’interpolazione, immettete un valore negativo. Per applicare l’andamento alla fine dell’interpolazione, immettete un valore positivo.
Creazione di andamenti predefiniti o andamenti personalizzati
Gli andamenti predefiniti sono andamenti preconfigurati che è possibile applicare a un oggetto sullo stage.
Per l'interpolazione di forma è disponibile un set di andamenti predefiniti di uso comune. È possibile selezionare l'impostazione predefinita dall'elenco degli andamenti predefiniti e applicarla alla proprietà selezionata. Potete anche applicare un andamento personalizzato a un’interpolazione di forma.
-
Fate clic sul livello che contiene l'interpolazione di forma nella linea temporale di Animate.
-
Per visualizzare le proprietà dell'interpolazione, fate clic sulla categoria Interpolazione nel pannello delle proprietà.
-
Selezionate l'andamento predefinito desiderato dal menu a comparsa Tipo di andamento. Fate doppio clic sul tipo predefinito da applicare.
Se scegliete di applicare l’andamento classico, potete anche aumentare o diminuire l’intensità di andamento muovendo il cursore.
-
Fate clic sull'icona Modifica accanto ad Andamento per applicare un andamento personalizzato.
La finestra Andamento personalizzato contiene un grafico che mostra la curva del movimento nel tempo. L’asse orizzontale rappresenta i fotogrammi; l’asse verticale rappresenta la modifica in percentuale. Il primo fotogramma chiave viene rappresentato come 0%, l’ultimo come 100%.
L’inclinazione della curva del grafico rappresenta la frequenza di cambiamento dell’oggetto. Quando la curva appare orizzontale (priva di inclinazione) la velocità è pari a zero; quando è verticale, la velocità di cambiamento è istantanea.
Potete salvare un andamento personalizzato e quindi riutilizzarlo selezionandolo dall'elenco Personalizzati. Dopo aver apportato le modifiche, fate clic sul pulsante Salva e applica in modalità di modifica. Nella schermata che segue potete trovare l'andamento predefinito personalizzato di nome MyEase1.
Potete usare gli andamenti predefiniti in più estensioni della linea temporale selezionando le estensioni corrispondenti e applicando l'andamento.
Controllo delle modifiche alle forme con i suggerimenti forma
Per controllare le modifiche alle forme più complicate o artificiose, potete utilizzare i suggerimenti forma. I suggerimenti forma identificano punti che dovrebbero corrispondere nelle forme iniziali e finali. Ad esempio, se interpolate il disegno di un viso quando cambia espressione, potete utilizzare un suggerimento forma per contrassegnare ogni occhio. Quindi, anziché trasformare il viso in un groviglio amorfo durante il cambiamento della forma, ogni occhio rimane riconoscibile e cambia separatamente durante l’animazione.
I suggerimenti forma contengono lettere (dalla a alla z) per identificare i punti che corrispondono nella forma iniziale e finale. Potete utilizzare un massimo di 26 suggerimenti forma.
I suggerimenti forma sono gialli in un fotogramma iniziale, verdi in un fotogramma finale e rossi quando non sono su una curva.
Per ottenere i risultati migliori quando interpolate le forme, seguite queste indicazioni:
Nell’interpolazione complessa di forme, create forme intermedie e interpolarle anziché definire soltanto una forma iniziale e una finale.
Assicuratevi che i suggerimenti forma siano logici. Se ad esempio utilizzate tre suggerimenti forma per un triangolo, devono essere nello stesso ordine sul triangolo originale e su quello interpolato. L'ordine non può essere a,b,c nel primo fotogramma chiave e a,c,b nel secondo.
I suggerimenti forma funzionano meglio se vengono posizionati in ordine antiorario iniziando dall’angolo superiore sinistro della forma.
Usare i suggerimenti forma
-
Selezionate il primo fotogramma chiave in una sequenza con interpolazione di forma.
-
Selezionate Elabora > Forma > Aggiungi suggerimento forma. Il suggerimento forma iniziale appare come un cerchio rosso con la lettera a in un punto della forma.
-
Spostate il suggerimento forma nel punto che desiderate contrassegnare.
-
Selezionate l’ultimo fotogramma chiave nella sequenza di interpolazione. Il suggerimento forma finale appare come un cerchio verde con la lettera a da qualche parte sulla forma.
-
Spostate il suggerimento forma nel punto della forma finale che corrisponde al primo punto contrassegnato.
-
Riproducete nuovamente l’animazione per vedere come i suggerimenti forma cambiano l’interpolazione di forma. Spostate i suggerimenti forma per mettere a punto l’interpolazione.
-
Per aggiungere altri suggerimenti forma, ripetete questo processo. I nuovi suggerimenti forma appaiono contrassegnati dalle lettere successive (b, c e così via).
Visualizzare tutti i suggerimenti forma
-
Selezionate Visualizza > Mostra suggerimenti forma. L'opzione Mostra suggerimenti forma è disponibile solo se il livello e il fotogramma chiave che contengono i suggerimenti sono attivi.
Rimuovere un suggerimento forma
-
Trascinate il suggerimento fuori dallo stage.
Rimuovere tutti i suggerimenti forma
-
Selezionate Elabora > Forma > Elimina tutti i suggerimenti.
Aggiunta di un'interpolazione di forma a tratti con spessore variabile
Animate consente di aggiungere interpolazioni di forma ai tratti con spessore variabile. In precedenza, Animate supportava la creazione delle interpolazioni di forma solo per i tratti uniformi e le forme. Questo impediva ai designer di creare interpolazioni di forma per tratti non uniformi, ad esempio quelli realizzati con lo strumento Spessore variabile. La possibilità di applicare un'interpolazione di forma anche ai tratti con spessore variabile estende notevolmente le possibilità di design all'interno di Animate.
Per aggiungere interpolazioni di forma ai tratti complessi potete utilizzare lo stesso metodo che usate per le forme o i tratti uniformi continui. Occorre definire la forma iniziale e quella finale dell'interpolazione, dopodiché Animate crea i fotogrammi di transizione necessari.
Informazioni sullo strumento Spessore variabile
Lo strumento Spessore variabile consente di migliorare i tratti uniformi continui e di realizzare tratti complessi.
Aggiunta di interpolazioni di forma a tratti di spessore variabile
-
In Animate CC, tracciate una linea con lo strumento Linea.
-
Utilizzate lo strumento Spessore variabile per aumentare lo spessore nella parte centrale del tratto, come mostrato nella figura seguente. Per informazioni sull'uso dello strumento Spessore variabile, consultate Miglioramento dei tratti con lo strumento Spessore variabile.
-
Selezionate un altro fotogramma sulla linea temporale, ad esempio il fotogramma 30, quindi create la forma finale del tratto per l'interpolazione.
-
Fate clic con il pulsante destro del mouse su un fotogramma tra 1 e 30 e selezionate Crea interpolazione di forma.
Aggiunta di interpolazioni di forma a contorni con spessore variabile
Animate consente di aggiungere interpolazioni di forma ai tratti complessi salvati come profili a spessore variabile. Potete applicare profili di spessore alle forme iniziale e finale di un'interpolazione e Animate crea automaticamente un'interpolazione di forma fluida.
I profili di spessore sono tratti complessi che vengono creati e salvati tramite lo strumento Spessore variabile per semplificarne il riutilizzo. Per aggiungere interpolazioni di forma a profili di spessore variabile, potete procedere come segue:
-
In Animate, tracciate una linea sullo stage utilizzando lo strumento Linea.
-
Nella finestra di ispezione delle proprietà, selezionate e applicate un profilo di spessore dal menu a discesa Spessore.
-
Selezionate un altro fotogramma sulla linea temporale, ad esempio il fotogramma 30, quindi selezionate un profilo di spessore dal menu a discesa Spessore nella finestra di ispezione delle proprietà.
-
Per aggiungere un'interpolazione di forma ai profili di spessore selezionati, fate clic con il pulsante destro del mouse su qualsiasi fotogramma compreso tra 1 e 30 e selezionate Crea interpolazione di forma.