- 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
Creare animazioni fotogramma per fotogramma
L’animazione fotogramma per fotogramma modifica il contenuto dello stage in ogni fotogramma ed è ideale per animazioni complesse in cui un’immagine cambia in ogni fotogramma anziché spostarsi semplicemente sullo stage. L’animazione fotogramma per fotogramma aumenta le dimensioni del file più rapidamente dell’animazione interpolata. Nell’animazione fotogramma per fotogramma, invece, vengono memorizzati i valori per ogni fotogramma completo.
Per creare un’animazione fotogramma per fotogramma, definisci ciascun fotogramma come fotogramma chiave e crea un’immagine diversa per ciascun fotogramma. Ciascun nuovo fotogramma chiave ha inizialmente lo stesso contenuto del precedente; ciò consente di modificare i fotogrammi dell’animazione in modo incrementale.
-
Fai clic sul nome di un livello per attivarlo e seleziona un fotogramma nel livello in cui dovrà iniziare l’animazione.
-
Se il fotogramma non è già un fotogramma chiave, seleziona Inserisci > Linea temporale > Fotogramma chiave.
-
Crea le immagini per il primo fotogramma della sequenza. Puoi usare gli strumenti di disegno, incollare immagini dagli Appunti o importare un file.
-
Per aggiungere un nuovo fotogramma chiave il cui contenuto è lo stesso del primo fotogramma chiave, fai clic sul successivo fotogramma a destra nella stessa riga. Seleziona Inserisci > Linea temporale > Fotogramma chiave oppure fai clic con il pulsante destro del mouse (Windows) o tenendo premuto il tasto Ctrl (Macintosh) e seleziona Inserisci fotogramma chiave.
-
Modifica il contenuto di questo fotogramma sullo stage per definire l’incremento successivo dell’animazione.
-
Per completare la sequenza dell’animazione fotogramma per fotogramma, ripeti i punti 4 e 5 fino a costruire il movimento desiderato.
-
Per controllare la sequenza dell’animazione, seleziona Controllo > Riproduci o fai clic sul pulsante Riproduci sul controller (Finestra > Barre degli strumenti > Controllo).
Creazione di animazioni fotogramma per fotogramma mediante conversione di interpolazioni classiche o di movimento
Puoi convertire un’estensione di interpolazione di movimento o classica in un’animazione fotogramma per fotogramma. Nell’animazione fotogramma per fotogramma, ogni fotogramma contiene dei fotogrammi chiave separati (non fotogrammi chiave di proprietà), ognuno dei quali contiene delle istanze separate del simbolo animato. L’animazione fotogramma per fotogramma non contiene valori di proprietà interpolate.
-
Fai clic con il pulsante destro del mouse (Windows) o tenendo premuto Ctrl (Macintosh) sull’estensione di interpolazione da convertire e seleziona Converti in animazione fotogramma per fotogramma del menu di scelta rapida.
Utilizzare la tecnica Onion skin
Normalmente, i fotogrammi della sequenza di animazione sono visualizzati sullo stage uno alla volta. Per disegnare, posizionare e modificare le animazioni fotogramma per fotogramma, la tecnica Onion skin fornisce un riferimento visualizzando sullo stage anche il contenuto dei fotogrammi precedenti e successivi. Il fotogramma sotto la testina di riproduzione appare nei colori originali, mentre i fotogrammi precedenti e successivi si distinguono grazie a un diverso colore e alla trasparenza.
Nella funzione Onion skin, i fotogrammi precedenti e successivi vengono visualizzati con tinte di colore predefinite. Per personalizzare i colori, utilizza l’opzione Impostazioni avanzate.
Attivare e disattivare la funzione Onion skin
- Fai clic sul pulsante Onion skin per attivare e disattivare la funzione Onion skin.
- Per escludere o includere dei fotogrammi, nell’intestazione della linea temporale fai clic con il pulsante destro del mouse su un fotogramma Onion skin all’interno dell’intervallo Onion skin.
- Per visualizzare e selezionare le opzioni, tieni premuto sull’icona Onion skin .
Impostazioni avanzate in Onion skin
Tieni premuto sul pulsante Onion skin e seleziona Impostazioni avanzate.
Personalizzazione dell’intervallo
Personalizzazione dei colori per la vista Onion skin
- Per personalizzare il colore nei fotogrammi Onion skin, seleziona il fotogramma Onion skin nella barra della Linea temporale.
- Tieni premuto sul pulsante Onion skin e seleziona Impostazioni avanzate.
- Modifica la tinta del colore per i fotogrammi precedenti e futuri.
Modalità contorno e riempimento
Personalizzazione dell’opacità
-
Per regolare l’opacità del fotogramma Onion skin ai lati del fotogramma attivo, trascina il cursore Opacità iniziale.
-
Per ridurre la differenza tra ogni fotogramma Onion skin in percentuale, trascina il cursore Riduci di.
Mostra solo fotogrammi chiave
- Per personalizzare il colore nei fotogrammi Onion skin, seleziona il fotogramma Onion skin nella barra della Linea temporale.
- Seleziona Modifica > Preferenze.
- Nell’opzione Colore Onion skin, seleziona i pulsanti dei campioni colore per personalizzare e impostare i colori per i fotogrammi passati, correnti e futuri.
Àncora marcatori
Visualizzare simultaneamente più fotogrammi di un’animazione sullo stage
Fai clic sul pulsante Onion skin . Tutti i fotogrammi compresi tra i marcatori Inizio Onion skin e Fine Onion skin (nell’intestazione della linea temporale) nella finestra del documento sono sovrapposti come un unico fotogramma.
Tecnica Onion skin con codifica a colori
L’utilizzo dei colori nella tecnica Onion skin permette di distinguere meglio i fotogrammi passati, correnti e futuri. I fotogrammi Onion skin, man mano che si allontanano dal fotogramma attivo, presentano una trasparenza progressivamente minore.
Personalizzazione dei colori per la vista Onion skin
- Per personalizzare il colore nei fotogrammi Onion skin, seleziona il fotogramma Onion skin nella barra della Linea temporale.
- Seleziona Modifica > Preferenze.
- Nell’opzione colore Onion skin, seleziona i pulsanti di campione colore per personalizzare e impostare i colori per i fotogrammi passati, correnti e futuri.
Il codice colore è applicabile anche per la modalità Contorno.
- Per cambiare la posizione di uno dei due marcatori Onion skin, trascina il relativo puntatore in una nuova posizione. Normalmente i marcatori Onion skin si spostano insieme al puntatore del fotogramma corrente. Utilizza la combinazione Ctrl/Comando + trascinamento per aumentare o diminuire la posizione su entrambi i lati.
- Per attivare la modifica di tutti i fotogrammi compresi tra i marcatori Onion skin, fai clic sul pulsante Modifica più fotogrammi . Generalmente la tecnica Onion skin consente di modificare soltanto il fotogramma corrente. Tuttavia, puoi visualizzare il contenuto di tutti i fotogrammi compresi tra i marcatori Onion skin e renderli disponibili per la modifica.
- Per spostare l’intervallo di ripetizione ciclica nella linea temporale in qualunque posizione che includa la posizione della testina di riproduzione, utilizza i marcatori nella linea temporale, tieni premuto il tasto Maiusc e trascina l’intervallo.
- Per impostare i marcatori di intervallo, usa il tasto Maiusc e trascina i marcatori di intervallo o l’intervallo ciclo utilizzando i marcatori sulla linea temporale.
I livelli bloccati (indicati da un’icona a forma di lucchetto) non sono visualizzati quando è attivata la tecnica Onion skin. Per evitare la presenza contemporanea di un eccessivo numero di immagini, è possibile bloccare o nascondere i livelli da escludere dalla tecnica Onion skin.
Visualizzare l’anteprima del lavoro
Per verificare come procede la tecnica Onion skin utilizzata, passa il mouse sull’intera estensione della linea temporale. L’animazione creata viene riprodotta con contorni colorati, fornendoti così un’anteprima precisa delle modifiche.