Guida utente Annulla

Animazione fotogramma per fotogramma in Animate

  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 lavorare con le animazioni interpolate classiche in Animate
    5. Strumento Pennello
    6. Guida di movimento
    7. Interpolazione di movimento e ActionScript 3.0
    8. Informazioni sull’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. Disegnare e creare oggetti con Animate
    9. Rimodellare linee e forme
    10. Tratti, riempimenti e gradienti con Animate CC
    11. Utilizzo di Adobe Premiere Pro e After Effects
    12. Pannelli per il colore in Animate CC
    13. Apertura di file Flash CS6 con Animate
    14. Utilizzare il testo classico in Animate
    15. Inserimento di grafica in Animate
    16. Bitmap importate in Animate
    17. Grafica 3D
    18. Utilizzo dei simboli in Animate
    19. Disegnare linee e forme con Adobe Animate
    20. Utilizzare le librerie in Animate
    21. Esportazione di suoni
    22. Selezione degli oggetti in Animate CC
    23. Utilizzare i file AI di Illustrator in Animate
    24. Applicazione di metodi di fusione
    25. Disposizione degli oggetti
    26. Automazione delle operazioni con il menu Comandi
    27. Testo in più lingue
    28. Utilizzo della funzione Videocamera di Animate
    29. Filtri grafici
    30. Suono e ActionScript
    31. Preferenze di disegno
    32. Disegno con lo strumento Penna
  7. Piattaforme
    1. Convertire progetti Animate in altri formati di tipi di documenti
    2. Supporto piattaforme personalizzato
    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. Accessibilità dell’area di lavoro di Animate
    12. Creazione e gestione di script
    13. Abilitazione del supporto per piattaforme personalizzate
    14. Panoramica di Supporto piattaforme personalizzate
    15. Operazioni con i plug-in di Supporto piattaforme personalizzate
    16. Debug di ActionScript 3.0
    17. 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. Best practice - Suggerimenti per la creazione di contenuti per dispositivi mobili
    9. Best practice - Convenzioni per i contenuti video
    10. Best practice - Linee guida per la creazione di applicazioni SWF
    11. Best practice - Strutturazione dei file FLA
    12. Best practice per ottimizzare i file FLA per Animate
    13. Impostazioni di pubblicazione ActionScript
    14. Specificare le impostazioni di pubblicazione per Animate
    15. Esportazione di file proiettore
    16. Esportare immagini e GIF animati
    17. Modelli di pubblicazione HTML
    18. Utilizzo di Adobe Premiere Pro e After Effects
    19. Condividere e pubblicare rapidamente le animazioni
  9. Risoluzione dei problemi
    1. Problemi risolti
    2. Problemi noti

 

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.

  1. Fai clic sul nome di un livello per attivarlo e seleziona un fotogramma nel livello in cui dovrà iniziare l’animazione.
  2. Se il fotogramma non è già un fotogramma chiave, seleziona Inserisci > Linea temporale > Fotogramma chiave.
  3. Crea le immagini per il primo fotogramma della sequenza. Puoi usare gli strumenti di disegno, incollare immagini dagli Appunti o importare un file.
  4. 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.

  5. Modifica il contenuto di questo fotogramma sullo stage per definire l’incremento successivo dell’animazione.
  6. Per completare la sequenza dell’animazione fotogramma per fotogramma, ripeti i punti 4 e 5 fino a costruire il movimento desiderato.
  7. 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.

  1. 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

  1. Per personalizzare il colore nei fotogrammi Onion skin, seleziona il fotogramma Onion skin nella barra della Linea temporale.
  2. Tieni premuto sul pulsante Onion skin  e seleziona Impostazioni avanzate.
  3. Modifica la tinta del colore per i fotogrammi precedenti e futuri.

Modalità contorno e riempimento

Personalizzazione dell’opacità

  1. Per regolare l’opacità del fotogramma Onion skin ai lati del fotogramma attivo, trascina il cursore Opacità iniziale.

  2. Per ridurre la differenza tra ogni fotogramma Onion skin in percentuale, trascina il cursore Riduci di.

Mostra solo fotogrammi chiave

  1. Per personalizzare il colore nei fotogrammi Onion skin, seleziona il fotogramma Onion skin nella barra della Linea temporale.
  2. Seleziona Modifica > Preferenze.
  3. 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.

Marcatori Onion skin

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.

Tecnica Onion skin sulla linea temporale

Codifica a colori nella tecnica Onion skin, per distinguere i fotogrammi passati, correnti e futuri.

Modalità contorni tecnica Onion skin

Personalizzazione dei colori per la vista Onion skin

  1. Per personalizzare il colore nei fotogrammi Onion skin, seleziona il fotogramma Onion skin nella barra della Linea temporale.
  2. Seleziona Modifica > Preferenze.
  3. Nell’opzione colore Onion skin, seleziona i pulsanti di campione colore per personalizzare e impostare i colori per i fotogrammi passati, correnti e futuri.
     
Nota:

Il codice colore è applicabile anche per la modalità Contorno.

Modalità Linea temporale Onion skin

Tecnica Onion skin personalizzata

  • 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.
Nota:

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. 

Ottieni supporto in modo più facile e veloce

Nuovo utente?