- 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
Cos’è SVG?
SVG (Scalable Vector Graphics) è un linguaggio XML per la descrizione di immagini bidimensionali. I file SVG forniscono grafica ad alta definizione in un formato compatto indipendente dalla risoluzione per il Web, per la stampa e per dispositivi mobili. Potete formattare la grafica SVG con CSS. Inoltre il supporto di scripting e animazione fa del formato SVG una parte integrante della piattaforma Web.
Alcuni formati immagine comunemente usati sul Web, come GIF, JPEG e PNG, sono di grandi dimensioni e in genere a bassa risoluzione. Il formato SVG offre molto più valore e consente di descrivere le immagini in termini di forme vettoriali, testo ed effetti filtro. I file SVG sono compatti e producono grafica di alta qualità per il Web e per dispositivi palmari dalle risorse limitate. Gli utenti possono ingrandire la visualizzazione di un’immagine SVG senza perdita di nitidezza, dettaglio o definizione. Inoltre, il formato SVG supporta in modo avanzato testo e colori, e consente di visualizzare le immagini fedelmente rispetto allo stage. Il formato SVG è completamente basato su XML e offre diversi vantaggi sia agli sviluppatori sia agli utenti.
Ora potete esportare i file SVG da Animate senza che contestualmente vengano creati ID e definizioni indesiderate. La composizione in SVG è stata migliorata in Animate 19.1. Questa opzione di esportazione consentirà di migliorare la qualità dei file SVG importati in Character Animator.
Flusso di lavoro per l’esportazione SVG in Animate
Animate consente di esportare in formato SVG, versione 1.1. Potete utilizzare i potenti strumenti di disegno di Animate per creare una grafica visivamente ricca ed esportarla direttamente in SVG.
In Animate, potete esportare i fotogrammi e i fotogrammi chiave selezionati di un’animazione. E, poiché la grafica esportata è in formato vettoriale, la risoluzione dell’immagine resta elevata anche a seguito di ridimensionamento.
La funzione di esportazione SVG sostituisce la precedente esportazione FXG (ritirata a partire dalla versione di Animate di giugno 2013). Le prestazioni delle funzioni di esportazione SVG e la qualità di output sono notevolmente migliori. Inoltre, rispetto a FXG, la perdita di contenuto in SVG è minima.
Grafica con effetti filtro
Con SVG, gli effetti filtro potrebbero non corrispondere esattamente alla visualizzazione in Animate, poiché non esiste una mappatura perfetta tra i filtri disponibili in Animate e quelli disponibili in SVG. Tuttavia, Animate utilizza combinazioni di diversi filtri di base disponibili in SVG per simulare un effetto simile.
Gestione di più simboli
L’esportazione SVG gestisce più simboli senza perdita di contenuto. L'output somiglia molto alla grafica sullo stage di Animate.
Esportazione di grafica nel formato SVG
- In Animate, trascinate o spostate la testina di riproduzione sul fotogramma appropriato.
- Selezionate File > Esporta > Esporta immagine oppure selezionate File > Impostazioni pubblicazione (selezionate l’opzione Immagine SVG nella sezione ALTRI FORMATI).
- Immettete o individuate mediante il pulsante Sfoglia la posizione in cui salvare il file SVG. Controllate che sia selezionato SVG in Tipo file.
- Fate clic su OK.
- Nella finestra di dialogo Esporta SVG, scegliete se incorporare o collegare il file SVG.
- Includi livelli nascosti: esporta tutti i livelli nascosti del documento Animate. Deselezionando Esporta livelli nascosti si impedisce che tutti i livelli (compresi quelli nidificati nei clip filmato) contrassegnati come nascosti vengano esportati nel file SVG di destinazione. In questo modo potete provare facilmente diverse versioni dei documenti Animate rendendo i livelli invisibili.
- Incorpora: incorpora una bitmap nel file SVG. Usate questa opzione se desiderate incorporare direttamente le bitmap nel file SVG.
- Collega: fornisce un collegamento al percorso dei file bitmap. Utilizzate questa opzione se, invece di incorporare le bitmap, desiderate fornire un collegamento per le immagini bitmap dal file SVG. Se selezionate l’opzione Copia immagini in una cartella e aggiorna i collegamenti, le bitmap vengono salvate nella cartella immagini creata nello stesso percorso in viene esportato il file SVG. Se l’opzione Copia immagini in una cartella e aggiorna i collegamenti non è selezionata, le bitmap vengono incluse in file SVG tramite riferimento al rispettivo percorso di origine. Se il percorso delle bitmap di origine non è disponibile, vengono incorporate nel file SVG.
- Copia immagini in immagini e aggiorna i collegamenti: permette di copiare la bitmap nella cartella /immagini. Se la cartella /immagini non esiste, viene creata nel percorso di esportazione del file SVG.
- Ottimizza per Character Animator: consente di esportare in un formato SVG adatto a Character Animator.
- Fate clic su OK.
Alcune funzioni di Animate non sono supportate dal formato SVG. Durante l’esportazione, i contenuti creati con tali funzioni vengono rimossi o impostati su una funzione supportata.
In alternativa, è possibile usare anche la finestra di dialogo Impostazioni pubblicazione per esportare i file SVG da Animate (File > Impostazioni pubblicazione). Per esportare i file SVG, selezionate l’opzione SVG dalla sezione Altri formati.
È consigliabile visualizzare i file SVG solo nei browser più recenti e completamente aggiornati. Questo perché il rendering di alcuni filtri grafici ed effetti di colore potrebbe non essere eseguito correttamente nelle versioni precedenti di determinati browser, ad esempio Internet Explorer 9.
Scambio di file SVG con Adobe Illustrator
Animate consente lo scambio di contenuti con Adobe Illustrator. Questo flusso di lavoro sostituisce la funzione di esportazione FXG che non è più disponibile in Animate (13.0). Potete esportare i file SVG direttamente da Animate e importarli in Adobe Illustrator. Per ulteriori informazioni sull'utilizzo di file SVG in Adobe Illustrator, consultate questo Argomento della Guida.
Utilizzate questo flusso di lavoro se desiderate apportare modifiche granulari alla grafica e aggiungere dettagli particolari. Potete anche utilizzare Illustrator per aggiungere alla grafica degli effetti, ad esempio un’ombra esterna.
Per modificare i file SVG in Adobe Illustrator e utilizzare i contenuti modificati in Animate, effettuate le seguenti operazioni:
- In Animate, esportate in SVG.
- Aprite il file SVG in Adobe Illustrator e modificate la grafica.
- Salvate il file SVG come file .ai e importatelo in Animate. Per ulteriori informazioni sull’utilizzo di file Illustrator in Animate.