Guida utente Annulla

Creare livelli della linea temporale con 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

 

Creazione e organizzazione dei livelli

I livelli consentono di organizzare la grafica all’interno di un documento. Potete disegnare e modificare gli oggetti di un livello senza alterare gli oggetti contenuti in un altro livello. Nelle aree dello stage in cui un livello non contiene nulla, potete vedere in trasparenza i livelli sottostanti.

Per disegnare, colorare o modificare una cartella o un livello, selezionate 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. Sebbene sia consentito selezionare più livelli alla volta, è possibile attivarne uno solo.

Quando create un nuovo documento Animate, questo contiene un solo livello. Aggiungete ulteriori livelli per organizzare le immagini, l’animazione 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; tenete presente che il numero di livelli non influisce sulle dimensioni del file SWF pubblicato. Solo gli oggetti che vengono inseriti nei livelli incrementano le dimensioni del file.

Per organizzare e gestire i livelli, create cartelle in cui inserirli. Potete espandere o comprimere le cartelle livelli nella linea temporale senza influire sul contenuto visualizzato sullo stage. Usate livelli o cartelle separati per i file audio, il codice ActionScript, le etichette dei fotogrammi e i relativi commenti. In questo modo, sarà più facile individuare rapidamente questi elementi per modificarli.

Inoltre, potete usare speciali livelli guida che facilitano le operazioni di disegno e modifica e livelli maschera che consentono la creazione di effetti sofisticati.

In Animate potete utilizzare cinque tipi di livelli:

  • I livelli normali contengono la maggior parte delle immagini di un file FLA.

  • I livelli maschera contengono gli oggetti utilizzati come maschere per nascondere porzioni selezionate dei livelli sottostanti. Per maggiori informazioni, vedete Uso dei livelli maschera.

  • I livelli mascherati sono i livelli sottostanti a un livello maschera e associati a un livello maschera. Solo la porzione del livello mascherato non coperta dalla maschera è visibile. Per maggiori informazioni, vedete Uso dei livelli maschera.

  • I livelli guida contengono i tratti che potete utilizzare per guidare la disposizione degli oggetti su altri livelli. Inoltre, potete utilizzare questi livelli per guidare il movimento delle animazioni con interpolazione classica su altri livelli. Per maggiori informazioni, vedete Livelli guida e Creare un movimento con interpolazione classica lungo un tracciato.

  • I livelli guidati sono i livelli associati a un livello guida. Gli oggetti che si trovano su un livello guidato possono essere disposti o animati lungo i tratti del livello guida. I livelli guidati possono contenere immagini statiche e interpolazioni classiche, ma non le interpolazioni di movimento.

  • I livelli di interpolazione di movimento contengono oggetti animati con interpolazioni di movimento. Per maggiori informazioni, vedete Informazioni sull’animazione interpolata.

  • I livelli di armatura contengono oggetti ai quali sono associati ossi di cinematica inversa. Per ulteriori informazioni, consultate Utilizzo dello strumento Osso per l’animazione di cinematica inversa.

I livelli normali, maschera, mascherati e guida possono contenere interpolazioni di movimento oppure ossi IK. Quando questi elementi sono presenti in uno di questi livelli, non esistono limitazioni ai tipi di contenuto che è possibile aggiungere al livello. Per ulteriori informazioni, consultate Interpolazioni di movimento e Utilizzo dello strumento Osso per l’animazione di cinematica inversa.

Creazione di un livello

Quando create un livello o una cartella, il nuovo elemento viene visualizzato sopra il livello selezionato. Il livello appena aggiunto diventa il livello attivo.

  1. Effettuate una delle seguenti operazioni:
    • Fate clic sul pulsante Nuovo livello  nella parte inferiore della linea temporale.

    • Selezionate Inserisci > Linea temporale > Livello.

    • Fate clic con il pulsante destro del mouse (Windows) oppure fate clic tenendo premuto il tasto Ctrl (Macintosh) sul nome di un livello nella linea temporale e selezionate Inserisci livello dal menu di scelta rapida.

Creazione di una cartella livelli

  1. Effettuate una delle seguenti operazioni:
    • Selezionate un livello o una cartella nella linea temporale, quindi selezionate Inserisci > Linea temporale > Cartella livelli.

    • Fate clic con il pulsante destro del mouse (Windows) oppure fate clic tenendo premuto il tasto Ctrl (Macintosh) sul nome di un livello nella linea temporale e selezionate Inserisci cartella dal menu di scelta rapida. La nuova cartella viene visualizzata sopra la cartella o il livello selezionato.

    • Fate clic sull’icona Nuova cartella  nella parte inferiore della linea temporale. La nuova cartella viene visualizzata sopra la cartella o il livello selezionato.

Organizzazione di livelli e di cartelle di livelli

Per organizzare il documento, cambiate la disposizione dei livelli e delle cartelle nella linea temporale.

Le cartelle di livelli permettono di organizzare il flusso di lavoro consentendo di posizionare i livelli in una struttura ad albero. Espandete o comprimete una cartella per visualizzare i livelli in essa contenuti senza alterare i livelli visualizzati sullo stage. Le cartelle possono contenere sia livelli che altre cartelle, consentendo di organizzare i livelli nello stesso modo in cui si organizzano i file nel computer.

I controlli dei livelli nella linea temporale vengono applicati a tutti i livelli contenuti in una cartella. Ad esempio, quando si blocca una cartella di livelli, tutti i livelli in essa contenuti vengono bloccati.

  • Per spostare un livello o una cartella in una cartella di livelli, trascinatene il nome sul nome della cartella di destinazione.
  • Per cambiare l’ordine dei livelli o delle cartelle, trascinate uno o più livelli o cartelle nella posizione desiderata della linea temporale.
  • Per espandere o ridurre una cartella, fate clic sul triangolino presente a sinistra del nome.
  • Per espandere o comprimere tutte le cartelle, fate clic con il pulsante destro del mouse (Windows) o fate clic tenendo premuto il tasto Ctrl (Macintosh), quindi selezionate Espandi tutte le cartelle o Comprimi tutte le cartelle.

Ridenominazione di un livello o di una cartella

Per impostazione predefinita, Animate assegna dei nomi ai nuovi livelli in base all’ordine con il quale sono stati creati: Livello 1, Livello 2 e così via. Se necessario, rinominate i livelli per identificarne meglio il contenuto.

  1. Effettuate una delle seguenti operazioni:
    • Fate doppio clic sul nome di un livello o di una cartella nella linea temporale e immettete il nuovo nome.

    • Fate clic con il pulsante destro del mouse (Windows) o fate clic tenendo premuto il tasto Ctrl (Macintosh) sul nome del livello o della cartella, quindi selezionate Proprietà dal menu di scelta rapida. Immettete il nuovo nome nella casella Nome, quindi fate clic su OK.

    • Selezionate il livello o la cartella nella linea temporale e scegliete Elabora > Linea temporale > Proprietà livello. Immettete il nuovo nome nella casella Nome, quindi fate clic su OK.

Selezione di un livello o di una cartella

  1. Effettuate una delle seguenti operazioni:
    • Fate clic sul nome di un livello o di una cartella nella linea temporale.

    • Nella linea temporale, fate clic su un fotogramma del livello da selezionare.

    • Sullo stage, selezionate un oggetto situato sul livello da selezionare.

    • Per selezionare livelli o cartelle adiacenti, fate clic tenendo premuto il tasto Maiusc sui loro nomi nella linea temporale.

    • Per selezionare livelli o cartelle non adiacenti, fate clic sui nomi nella linea temporale tenendo premuto il tasto Ctrl (Windows) o Comando (Macintosh).

Copia dei fotogrammi da un livello singolo

  1. Selezionate un intervallo di fotogrammi in un livello. Fate clic sul nome del livello nella linea temporale per selezionare l’intero livello.
  2. Selezionate Modifica > Linea temporale > Copia fotogrammi.

  3. Fate clic sul fotogramma in cui iniziare a incollare e selezionate Modifica > Linea temporale > Incolla fotogrammi. Per sostituire il numero esatto di fotogrammi copiati nella linea temporale di destinazione, utilizzate l’opzione Incolla e sovrascrivi fotogrammi.

    Flusso di lavoro Incolla e sovrascrivi fotogrammi

    A. Selezionate i fotogrammi e copiateli. B. Fate clic con il pulsante destro del mouse sul fotogramma in cui desiderate incollare i fotogrammi copiati e selezionate l’opzione Incolla e sovrascrivi fotogrammi. C. I fotogrammi incollati andranno sovrascrivere lo stesso numero di fotogrammi sulla linea temporale. 

Copia dei fotogrammi da una cartella di livelli

  1. Per selezionare l’intera cartella, comprimetela (fate clic sul triangolo a sinistra del nome della cartella nella linea temporale) e fate clic sul nome della cartella. 

  2. Selezionate Modifica > Linea temporale > Copia fotogrammi.

  3. Per creare una cartella, selezionate Inserisci > Linea temporale > Cartella livelli.

  4. Fate clic sulla nuova cartella e selezionate Modifica > Linea temporale > Incolla fotogrammi.

Eliminazione di un livello o di una cartella

  1. Per selezionare il livello o la cartella, fate clic sul relativo nome nella linea temporale o su un qualsiasi fotogramma presente nel livello.
  2. Effettuate una delle seguenti operazioni:
    • Fate clic sul pulsante Elimina livello nella linea temporale.

    • Trascinate il livello o la cartella sopra il pulsante Elimina livello.

    • Fate clic con il pulsante destro del mouse (Windows) oppure fate clic tenendo premuto il tasto Ctrl (Macintosh) sul nome del livello o della cartella, quindi selezionate Elimina livelli dal menu di scelta rapida.

     Quando eliminate una cartella livelli, vengono eliminati anche tutti i livelli in essa compresi e il loro contenuto.

Blocco o sblocco di uno o più livelli o cartelle

  • Per bloccare un livello o una cartella, fate clic nella colonna con l’icona a forma di lucchetto a destra del nome corrispondente. Per sbloccare il livello o la cartella, fate nuovamente clic sull’icona.

  • Per bloccare tutti i livelli e tutte le cartelle, fate clic sull’icona a forma di lucchetto. Fate nuovamente clic sull’icona per sbloccare tutti i livelli e le cartelle.

  • Per bloccare o sbloccare più livelli o cartelle, trascinate il puntatore nella colonna con l’icona a forma di lucchetto.

  • Per bloccare tutti gli altri livelli o cartelle, fate clic tenendo premuto il tasto Alt (Windows) o il tasto Opzione (Macintosh) nella colonna con l’icona a forma di lucchetto. Per sbloccare tutti i livelli o tutte le cartelle, fate clic tenendo premuto il tasto Alt o il tasto Opzione (Macintosh) nella colonna con l’icona a forma di lucchetto.

Copiare e incollare i livelli (solo CS5.5)

Potete copiare interi livelli e cartelle di livelli nella linea temporale e incollarli nella stessa linea temporale o in linee temporali distinte. È possibile copiare qualsiasi tipo di livello.

Quando copiate e incollate livelli, la struttura di cartelle dei livelli copiati viene mantenuta.

  1. Selezionate uno o più livelli nella linea temporale facendo clic sul relativo nome. Fate clic tenendo premuto il tasto Maiusc per selezionare i livelli contigui. Fate clic tenendo premuto il tasto Ctrl (Windows) o il tasto Comando (Macintosh) per selezionare i livelli non adiacenti.

  2. Scegliete Modifica > Linea temporale > Copia livelli o Taglia livelli. Potete anche fare clic con il pulsante destro del mouse e scegliere Copia livelli o Taglia livelli dal menu di scelta rapida.

  3. Nella linea temporale di destinazione, selezionate il livello sotto il quale volete inserire i livelli incollati.

  4. Scegliete Modifica > Linea temporale > Incolla livelli.

I livelli vengono visualizzati nella linea temporale sopra il livello selezionato. Se avete selezionato una cartella livelli, i livelli incollati vengono visualizzati all’interno della cartella.

Per posizionare un livello all’interno di un livello maschera o guida, occorre prima selezionare un livello che si trovi al di sotto della maschera o della guida e quindi incollare. Non è possibile incollare un livello maschera, guida o cartelle sotto un livello maschera o guida.

Potete inoltre duplicare dei livelli selezionandoli e quindi scegliendo Modifica > Linea temporale > Duplica livelli. Per i nuovi livelli viene aggiunta la parola “copia” al nome del livello.

Impostazione delle proprietà su più livelli

  1. In Animate, create un file FLA o apritene uno esistente.

  2. Selezionate i livelli di cui desiderate modificare le proprietà, fate clic con il pulsante destro del mouse e selezionate Proprietà.

  3. Nella finestra di dialogo Proprietà livello, modificate le proprietà.

  4. Fate clic su OK.

Mostrare o nascondere un livello o una cartella

Una X rossa accanto al nome di un livello o di una cartella nella linea temporale indica che l’elemento è nascosto. In Impostazioni pubblicazione potete scegliere se includere o meno i livelli nascosti quando pubblicate un file SWF.

  • Per nascondere un livello o una cartella, fate clic sulla colonna con l’icona a forma di occhio a destra del nome del livello o della cartella nella linea temporale. Fate nuovamente clic sull’icona per visualizzare il livello o la cartella.

  • Per nascondere tutti i livelli e le cartelle nella linea temporale, fate clic sull’icona a forma di occhio. Fate nuovamente clic sull’icona per mostrare tutti i livelli e le cartelle.

  • Per mostrare o nascondere più livelli o cartelle, trascinate il puntatore nella colonna con l’icona a forma di occhio.

  • Per nascondere tutti i livelli e le cartelle diversi dal livello o dalla cartella correnti, fate clic tenendo premuto il tasto Alt (Windows) o il tasto Opzione (Macintosh) sulla colonna con l’icona a forma di occhio. Per mostrare tutti i livelli e tutte le cartelle, fate nuovamente clic tenendo premuto il tasto Alt o il tasto Opzione.

Visualizzazione del contenuto di un livello come serie di contorni

Per distinguere a quale livello appartiene un oggetto, visualizzate tutti gli oggetti presenti su un livello come contorni colorati.

  • Per visualizzare tutti gli oggetti su un livello come contorni, fate clic sulla colonna del contorno a destra del nome del livello. Per disattivare la visualizzazione come contorno, fate nuovamente clic sulla colonna.

  • Per visualizzare gli oggetti su tutti i livelli come contorni, fate clic sull’icona a forma di quadrato. Per disattivare la visualizzazione come contorno su tutti i livelli, fate nuovamente clic sull’icona.

  • Per visualizzare gli oggetti su tutti i livelli diversi dal livello corrente come contorni, fate clic tenendo premuto il tasto Alt (Windows) o il tasto Opzione (Macintosh) sulla colonna Contorno. Per disattivare la visualizzazione del contorno per tutti i livelli, fate nuovamente clic tenendo premuto il tasto Alt o il tasto Opzione.

 anche i tracciati di movimento del livello utilizzano il colore di contorno del livello.

Modificare il colore del contorno di un livello

  1. Effettuate una delle seguenti operazioni:
    • Fate doppio clic sull’icona del livello (a sinistra del nome del livello) nella linea temporale.

    • Fate clic con il pulsante destro del mouse (Windows) o fate clic tenendo premuto il tasto Ctrl (Macintosh) sul nome del livello, quindi selezionate Proprietà dal menu di scelta rapida.

    • Selezionate il livello nella linea temporale e scegliete Elabora > Linea temporale > Proprietà livello.

  2. Nella finestra di dialogo Proprietà livello, fate clic sulla tavolozza Colore contorno, selezionate un nuovo colore e quindi fate clic su OK.

Visualizzazione di livelli e di cartelle livelli

Mostrare o nascondere un livello o una cartella

Una X rossa accanto al nome di un livello o di una cartella nella linea temporale indica che l’elemento è nascosto. In Impostazioni pubblicazione potete scegliere se includere o meno i livelli nascosti quando pubblicate un file SWF.

  • Per nascondere un livello o una cartella, fate clic sulla colonna con l’icona a forma di occhio a destra del nome del livello o della cartella nella linea temporale. Fate nuovamente clic sull’icona per visualizzare il livello o la cartella.

  • Per nascondere tutti i livelli e le cartelle nella linea temporale, fate clic sull’icona a forma di occhio. Fate nuovamente clic sull’icona per mostrare tutti i livelli e le cartelle.

  • Per mostrare o nascondere più livelli o cartelle, trascinate il puntatore nella colonna con l’icona a forma di occhio.

  • Per nascondere tutti i livelli e le cartelle diversi dal livello o dalla cartella correnti, fate clic tenendo premuto il tasto Alt (Windows) o il tasto Opzione (Macintosh) sulla colonna con l’icona a forma di occhio. Per mostrare tutti i livelli e tutte le cartelle, fate nuovamente clic tenendo premuto il tasto Alt o il tasto Opzione.

Visualizzazione del contenuto di un livello come serie di contorni

Per distinguere a quale livello appartiene un oggetto, visualizzate tutti gli oggetti presenti su un livello come contorni colorati.

  • Per visualizzare tutti gli oggetti su un livello come contorni, fate clic sulla colonna del contorno a destra del nome del livello. Per disattivare la visualizzazione come contorno, fate nuovamente clic sulla colonna.

  • Per visualizzare gli oggetti su tutti i livelli come contorni, fate clic sull’icona a forma di quadrato. Per disattivare la visualizzazione come contorno su tutti i livelli, fate nuovamente clic sull’icona.

  • Per visualizzare gli oggetti su tutti i livelli ad eccezione del livello corrente, fate clic tenendo premuto il tasto Alt (Windows) o il tasto Opzione (Macintosh) sulla colonna del contorno. Per disattivare la visualizzazione del contorno per tutti i livelli, fate nuovamente clic tenendo premuto il tasto Alt o il tasto Opzione.

Modifica del colore del contorno di un livello

  1. Effettuate una delle seguenti operazioni:
    • Fate doppio clic sull’icona del livello (a sinistra del nome del livello) nella linea temporale.

    • Fate clic con il pulsante destro del mouse (Windows) o fate clic tenendo premuto il tasto Ctrl (Macintosh) sul nome del livello, quindi selezionate Proprietà dal menu di scelta rapida.

    • Selezionate il livello nella linea temporale e scegliete Elabora > Linea temporale > Proprietà livello.

  2. Nella finestra di dialogo Proprietà livello, fate clic sulla tavolozza Colore contorno, selezionate un nuovo colore e quindi fate clic su OK.

 anche i tracciati di movimento del livello utilizzano il colore di contorno del livello.

Impostazione della trasparenza dei livelli

  1. In Animate, create un file FLA o apritene uno esistente.

  2. Fate clic tenendo premuto il tasto Maiusc e selezionate la colonna con l’icona a forma di occhio nella linea temporale per impostare la visibilità su trasparente.

     Maiusc + clic non ha effetto sui livelli nascosti.

  3. Utilizzate le opzioni seguenti per impostare la trasparenza del livello:

    • Fate clic con il pulsante destro del mouse su un livello qualsiasi, quindi selezionate Proprietà dal menu di scelta rapida. Nella finestra di dialogo Proprietà livello, selezionate Visibilità > Trasparente.
    • Fate clic con il pulsante destro del mouse su un livello e selezionate Mostra altri trasparenti.
    Proprietà livello
    Proprietà livello

  4. Fate clic su OK.

 La trasparenza del livello non ha effetto sui livelli nascosti.

Utilizzo dei livelli avanzati

In Animate, con la modalità Livelli avanzati, tutti i livelli nella linea temporale vengono pubblicati come simboli. La modalità Livelli avanzati consente di accedere alle funzioni seguenti:

La modalità Livelli avanzati è abilitata per impostazione predefinita. Potete attivare o disattivare Livelli avanzati usando le impostazioni Elabora > Documento. In seguito all'applicazione delle modifiche, fate clic su Impostazione predefinita per salvare le impostazioni correnti per i successivi documenti e nelle diverse sessioni di Animate.

Mentre accedete a questi simboli usando lo script in Animate, dovete richiamarli usando il livello come oggetto. Ad esempio, se non utilizzate i livelli avanzati, potete accedere direttamente a un simbolo utilizzando uno script simile al seguente: 

getchildbyname("symbol1");

Se invece utilizzate i livelli avanzati, potete accedere al simbolo solo attraverso un livello utilizzando uno script simile al seguente:

Layer=getchildbyname("L1");

Layer.getchildbyname("symbol1");

Codice di esempio per accedere ai simboli utilizzando i livelli avanzati per il tipo di documento AS3: 

Var Layer:MovieClip =MovieClip(getchildbyname("L1"));
Layer.getchildbyname("symbol1");

Codice di esempio per accedere ai simboli utilizzando i livelli avanzati per il tipo di documento HTML5 Canvas: 

Layer=this.getchildbyname("L1");
Layer.getchildbyname("symbol1");

Nell’illustrazione seguente è descritta la modalità per accedere a un simbolo utilizzando lo script con e senza livelli avanzati. 

Illustrazione della modalità per accedere al simbolo con e senza livelli avanzati
Illustrazione della modalità per accedere al simbolo con e senza livelli avanzati

 Le dimensioni dei progetti di animazione pubblicati possono aumentare quando in Animate vengono utilizzati i livelli avanzati. Se riscontrate problemi durante l'accesso alle funzioni di profondità del livello o camera, verificate che i livelli avanzati siano attivi. Se sono disabilitati, abilitateli per ottenere il comportamento previsto.

Applicazione degli effetti di livello

I filtri e gli effetti colori in passato erano applicabili solo ai clip filmati. Ora, con i livelli avanzati, i filtri e gli effetti colori possono essere applicati a uno o più fotogrammi selettivi, che a loro volta si applicano all’intero contenuto, tra cui forme, oggetti di disegno, simboli grafici e così via. Gli effetti di livello possono anche essere interpolati utilizzando le interpolazioni classiche, di forma e IK tutti i fotogrammi.

È possibile applicare gli effetti di livello su uno o più fotogrammi, selezionando i fotogrammi desiderati. È anche possibile applicare gli effetti di livello su tutti i fotogrammi del livello selezionando l'intero livello. Gli effetti di livello possono anche essere applicati alla linea temporale del simbolo ad esempio clip filmato e simbolo grafico e in tutte le scene.

 Gli effetti di livello possono essere applicati solo quando la modalità Livelli avanzati è attiva. Potrebbe essere necessario abilitare il modo esplicito la modalità Livelli avanzati affinché i file possano usare questa funzionalità.

Uso dei filtri per i fotogrammi

Per aggiungere i filtri a un fotogramma in particolare, selezionate innanzitutto il fotogramma. Il pannello di ispezione delle proprietà carica le proprietà specifiche del fotogramma. Fate clic sull’icona + nell’elenco a discesa Filtri.

Filtri del fotogramma
Filtri del fotogramma

Quando si aggiungono i filtri ai fotogrammi, compare la finestra di ispezione delle proprietà come mostrato nella schermata seguente. 

È possibile impostare le proprietà per ogni filtro in base alle vostre esigenze e applicarle a un livello di fotogramma. L'interpolazione è applicabile a tutti i filtri del fotogramma. 

Proprietà dei filtri del fotogramma nella finestra di ispezione delle proprietà
Proprietà dei filtri del fotogramma nella finestra di ispezione delle proprietà

 Gli effetti di livello sono supportati solo per il tipo di documento ActionScript 3. L'interpolazione di movimento e livelli della camera non supporta gli effetti di livello.

Uso degli effetti colore

Per applicare l’effetto colore a un fotogramma in particolare, selezionate innanzitutto il fotogramma. Il pannello di ispezione delle proprietà carica le proprietà specifiche del fotogramma. Scegliete una proprietà colore desiderata nel pannello di ispezione delle proprietà.

Effetti colore
Effetti colore

Utilizzo dei metodi di fusione

Per applicare i metodi di fusione a uno specifico fotogramma, selezionate il fotogramma e scegliete un metodo di fusione tra quelli elencati nella sezione Visualizzazione del pannello Proprietà fotogramma.

Quando applicate la fusione a fotogrammi o livelli, viene applicata a tutti i loro contenuti, quali forme, oggetti disegnati e simboli grafici. Tutti gli oggetti di un livello si fondono con gli oggetti di un altro livello, in base al metodo di fusione applicato al fotogramma.

Metodi di fusione dei livelli

Per ulteriori informazioni sui metodi di fusione, consultate Applicazione di metodi di fusione.

Come migliorare le animazioni con gli effetti di livello

Applicazione della profondità livello

In quanto esperti di animazione, potete posizionare i livelli in diversi piani animazione 2D creando l’illusione della profondità. 

Potete modificare in modo dinamico le profondità dei livelli nel pannello Profondità livello. Per aprire il pannello della profondità del livello, fate clic su Finestra > Profondità livello.

Profondità livello rappresentata per ciascun livello
Profondità livello rappresentata per ciascun livello

 È possibile impostare i valori minimo e massimo per la profondità del livello in un intervallo da -5000 a 10.000.

Come mostrato nella schermata precedente, i valori di profondità del livello vengono visualizzati accanto a ciascun nome livello per un determinato fotogramma.

  • Passate il mouse su ogni valore, fate clic e trascinate il cursore a destra o a sinistra.
  • Per ridurre la profondità, trascinate il cursore a sinistra. Per aumentare la profondità, trascinate il cursore a destra. 
  • Potete utilizzare valori positivi inferiori per rappresentare gli oggetti più vicini e valori positivi superiori per rappresentare gli oggetti lontani.

Potete interpolare i valori della profondità del livello in una delle estensioni di interpolazione per l’animazione. 

Ogni livello è rappresentato da linee colorate uniche nel pannello della profondità del livello. Potete visualizzare i colori che rappresentano ciascuno dei livelli nella linea temporale. 

Potete anche aumentare o diminuire la profondità degli oggetti in ogni livello spostando le linee colorate verso l’alto o il basso.

  • Per ridurre la profondità degli oggetti in un livello, fate clic e trascinate la linea verso l’alto.
  • Per aumentare la profondità degli oggetti in un livello, fate clic e trascinate la linea verso il basso.

Illustrazione delle animazioni con e senza profondità del livello:

Contenuto senza profondità livello
Contenuto senza profondità livello

Contenuto con profondità livello
Contenuto con profondità livello

Illustrazione di un’animazione quando viene applicata la profondità del livello:

Potete utilizzare la videocamera sui livelli multi-piano per creare un effetto parallasse o per effettuare lo zoom sui contenuti in un piano. Potete inoltre bloccare la videocamera su un livello specifico o applicare gli effetti della videocamera in fase di runtime tramite le API interattive. Per ulteriori informazioni, consultate Creazione di un effetto parallasse con videocamera e profondità del livello.

 La profondità del livello è applicabile solo sulla linea temporale principale.

Mantenere le dimensioni per la profondità dei livelli

Potete modificare la profondità del livello degli oggetti senza cambiare le dimensioni e la posizione degli oggetti. Per usare funzione di mantenimento delle dimensioni, fate clic sul pulsante Mantieni dimensioni nell’angolo in alto a destra nel pannello Profondità livello.

Potete usare l’opzione Mantieni dimensioni in due modalità:

  • Fate clic sul pulsante Mantieni dimensioni e modificate la profondità del livello desiderato. Il pulsante Mantieni dimensioni si disattiva automaticamente.
  • Tenete premuto il tasto Alt per abilitare temporaneamente l’opzione Mantieni dimensioni mentre trascinate i valori di profondità del livello.
Mantenere le dimensioni per la profondità dei livelli
Mantenere le dimensioni per la profondità dei livelli

Applicazione della profondità livello in fase di runtime

Potete anche introdurre la videocamera negli oggetti in fase di runtime e applicare effetti mediante l’uso delle API della videocamera. Per ulteriori informazioni, consultate Utilizzo della videocamera interattiva in fase di runtime

API della profondità livello per AS3

Potete gestire i livelli in fase di runtime mediante le API. Ad esempio, in fase di runtime quando desiderate introdurre un livello supplementare nell’animazione o ridurre la profondità di uno dei livelli nell’animazione. 

Metodo

Prototipo

Esempio

Descrizione

setLayerZDepth

fl.Layer.setLayerZDepth(timeline,
layerName,zDepth)

fl.Layer.setLayerZDepth("layerName", 100);

Imposta il valore di profondità Z di un livello specifico.

getLayerZDepth

fl.Layer.getLayerZDepth(layerName) :zDepth

fl.Layer.getLayerZDepth("layerName");

Restituisce il valore di profondità Z di un livello specifico.

addNewLayer

fl.Layer.addNewLayer(layerName,
zDepth=0)

fl.Layer.addNewLayer("layerName",-80);

Aggiunge un nuovo livello nella linea temporale e imposta il valore di profondità Z.

removeLayer

fl.Layer.removeLayer(layerName)

fl.Layer.removeLayer("layerName");

Rimuove un livello dalla linea temporale.

API della profondità livello per HTML canvas

Metodo

Prototipo

Esempio

Descrizione

setLayerZDepth

AdobeAn.Layer.setLayerZDepth(layerName,
zDepth)

console.log(fl.Layer.setLayerZDepth
("layerName",100));

Imposta il valore di profondità Z di un livello specifico.

getLayerZDepth

AdobeAn.Layer.getLayerZDepth(layerName)
:zDepth

console.log(fl.Layer.getLayerZDepth
("layerName"));

Restituisce il valore di profondità Z di un livello specifico.

Relazione superiore-inferiore

Animate consente di definire un livello in modo che sia considerato di grado superiore rispetto a un altro. Grazie a tale relazione superiore-inferiore tra livelli è possibile consentire a un livello/oggetto dell'animazione di controllare un altro livello/oggetto. I designer di animazioni o giochi possono quindi risparmiare tempo e controllare con maggiore facilità i movimenti di diverse parti di un personaggio.

La vista della relazione superiore-inferiore tra livelli richiede che sia attivata l’opzione Livelli avanzati. Per impostazione predefinita, l’opzione Livelli avanzati è attivata per i nuovi file. Potete abilitare la vista di relazione superiore-inferiore tra livelli facendo clic sull’icona con il simbolo di gerarchia, nell’angolo in alto a sinistra nella linea temporale.

Mostra la relazione superiore-inferiore tra livelli
Mostra la relazione superiore-inferiore tra livelli

 La relazione superiore-inferiore per gli oggetti alterati funziona solo quando il punto di trasformazione dell'oggetto di livello inferiore è sull'oggetto del livello superiore.

Livello superiore e inferiore

Nella vista della relazione superiore-inferiore, quando si trascina il livello 1 sul livello 2, il livello 1 diventa il livello inferiore del livello 2. Alle proprietà dell'oggetto sul livello di grado inferiore si aggiungono la posizione e la rotazione dell’oggetto che si trova sul livello di grado superiore. Pertanto, quando spostate o ruotate l’oggetto di grado superiore, si sposta o ruota con esso anche l’elemento di grado inferiore. È possibile creare più relazioni superiore-inferiore per creare una gerarchia.

Relazione superiore-inferiore tra livelli

Per collegare un livello a un altro livello, fate clic sulla maniglia del livello (rettangolino colorato) e trascinatela sopra all’altro livello. In alternativa, potete fare clic su un punto qualsiasi dello spazio rettangolare orizzontale accanto al nome del livello e trascinarlo sull'altro livello. Potete anche fare un solo clic su un livello e scegliere il relativo livello superiore dall'elenco a comparsa. 

Appena fate clic e iniziate a trascinare, una linea punteggiata compare accanto al rettangolino con il colore del livello. Quando rilasciate il trascinamento, viene stabilita una relazione superiore-inferiore tra i due livelli.

Impostare il livello superiore
Impostare il livello superiore

Il rettangolino colorato più a sinistra nella vista della gerarchia superiore-inferiore rappresenta il livello di grado superiore. La gerarchia superiore-inferiore va da sinistra a destra.

È possibile rimuovere la connessione facendo clic sul rettangolino colorato di un qualsiasi livello, trascinare la linea punteggiata e rilasciarla. In alternativa, potete fare clic sullo spazio orizzontale e quindi su Rimuovi superiore come mostrato nella schermata seguente.

Rimuovi superiore
Rimuovi superiore

Le videate seguenti mostrano le viste prima e dopo della gerarchia e delle posizioni dei livelli quando si utilizza una relazione superiore-inferiore tra livelli.

Prima e dopo l'applicazione della relazione superiore-inferiore tra livelli
Prima e dopo l'applicazione della relazione superiore-inferiore tra livelli

La videata che segue mostra un esempio di utilizzo della relazione superiore-inferiore tra livelli per le parti del corpo umano.

Illustrazione di esempio della relazione superiore-inferiore tra livelli delle parti del corpo umano
Illustrazione di esempio della relazione superiore-inferiore tra livelli delle parti del corpo umano

Nell’illustrazione precedente,

  • Torso (Tronco) è l’elemento di grado superiore rispetto a tutte le parti del corpo.
  • Coscia_gamba è la parte superiore di varie altre parti di una gamba quali Scarpe da tennis, Gamba_inferiore e Caviglia.
  • Testa è un elemento di grado inferiore rispetto a Collo, che a sua volta e di grado inferiore rispetto a Tronco. Di conseguenza, ogni volta che trascinate il collo allontanandolo dal corpo, anche la testa si sposta di conseguenza.

 La relazione superiore-inferiore è una proprietà dei fotogrammi e deve essere impostata per ogni fotogramma chiave del livello di grado inferiore. Su un fotogramma chiave, potete interrompere la relazione o assegnare il livello inferiore a un altro livello di grado superiore.

Supporto per Scala, Inclina e Capovolgi nella relazione superiore-inferiore tra livelli

A partire da Animate 2022, la relazione superiore-inferiore tra i livelli è stata migliorata con la possibilità di propagare, oltre alle proprietà di posizione e rotazione, anche le proprietà di scala, inclinazione e capovolgimento dell’oggetto principale. Per impostazione predefinita, vengono propagate tutte le proprietà. Tuttavia, la propagazione di scala, inclinazione e capovolgimento può essere disattivata o attivata dal menu a comparsa Relazione superiore-inferiore, accessibile mediante il pulsante Mostra vista Relazione superiore-inferiore nel pannello Timeline, come illustrato di seguito.

Scale_Skew_1
Supporto per le trasformazioni Scala, Inclina e Capovolgi nella relazione superiore-inferiore tra livelli

Inoltre, utilizzando un tasto modificatore, è possibile attivare o disattivare temporaneamente l’impostazione per propagare le proprietà di scala, inclinazione e capovolgimento quando si eseguono trasformazioni con lo strumento Trasformazione libera. Per escludere temporaneamente questa impostazione, tenete premuto il tasto accento (`) mentre ridimensionate o inclinate l’oggetto con lo strumento Trasformazione libera. Questo risulta utile quando si desidera cambiare temporaneamente il comportamento di propagazione per le nuove proprietà supportate.

Scale_Skew_2
Tasto modificatore per attivare o disattivare l’impostazione di propagazione

Tutorial sulla relazione superiore-inferiore tra livelli

 Adobe

Ottieni supporto in modo più facile e veloce

Nuovo utente?

Adobe MAX 2024

Adobe MAX

The Creativity Conference

14-16 ottobre Miami Beach e online

Adobe MAX 2024

Adobe MAX

The Creativity Conference

14-16 ottobre Miami Beach e online