Interpolazione di forme

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

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.

  1. Nel fotogramma 1, disegnate un quadrato con lo strumento Rettangolo.
  2. Selezionate il fotogramma 30 sullo stesso livello e aggiungete un fotogramma chiave vuoto, scegliendo Inserisci > Linea temporale > Fotogramma chiave vuoto o premendo F7.

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

  4. In Linea temporale, selezionate uno dei fotogrammi compresi tra i due fotogrammi chiave nel livello che contiene le due forme.

  5. Selezionate Inserisci > Interpolazione di forma.

    Animate interpola le forme presenti in tutti i fotogrammi compresi tra i due fotogrammi chiave.

  6. Per visualizzare l'interpolazione in anteprima, fate scorrere la testina di riproduzione lungo i fotogrammi della linea temporale oppure premete il tasto Invio.

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

  8. Per interpolare il colore della forma, applicate alla forma nel fotogramma 1 un colore diverso da quello della forma nel fotogramma 30.
  9. 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.

  1. Fate clic sul livello che contiene l'interpolazione di forma nella linea temporale di Animate.

  2. Per visualizzare le proprietà dell'interpolazione, fate clic sulla categoria Interpolazione nel pannello delle proprietà.

    Proprietà di interpolazione
    Proprietà di interpolazione

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

    Tipi di andamenti predefiniti
    Tipi di andamenti predefiniti

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

    Grafico dell'andamento personalizzato che mostra una velocità costante
    Grafico dell'andamento personalizzato che mostra una velocità costante. Per aprire questa finestra di dialogo, selezionate un fotogramma in un'interpolazione di forma e fate clic sul pulsante Modifica nella sezione Andamento della finestra di ispezione delle proprietà.

    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

    Preimpostazioni di andamento personalizzato
    Preimpostazioni di andamento personalizzato

    Potete usare gli andamenti predefiniti in più estensioni della linea temporale selezionando le estensioni corrispondenti e applicando l'andamento.

    Andamento predefinito per più estensioni
    Applicazione di un andamento predefinito per più estensioni

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.

Suggerimenti forma indicati da lettere
Suggerimenti forma indicati da lettere

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

  1. Selezionate il primo fotogramma chiave in una sequenza con interpolazione di forma.
  2. Selezionate Elabora > Forma > Aggiungi suggerimento forma. Il suggerimento forma iniziale appare come un cerchio rosso con la lettera a in un punto della forma.

  3. Spostate il suggerimento forma nel punto che desiderate contrassegnare.
  4. 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.

  5. Spostate il suggerimento forma nel punto della forma finale che corrisponde al primo punto contrassegnato.

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

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

  1. Trascinate il suggerimento fuori dallo stage.

Rimuovere tutti i suggerimenti forma

  1. 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. Per ulteriori informazioni su come migliorare i tratti con lo strumento Spessore variabile, consultate Miglioramento dei tratti e delle forme con lo strumento Spessore variabile.

Aggiunta di interpolazioni di forma a tratti di spessore variabile

  1. In Animate CC, tracciate una linea con lo strumento Linea.

    Tratto di linea con valore Tratto impostato su 2 pixel
    Tratto di linea disegnato sullo stage con lo strumento Linea e il valore Tratto impostato su 2 pixel.

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

    Tratto di spessore variabile con valore di 68,0 pixel
    Tratto di spessore variabile creato utilizzando lo strumento Spessore variabile con il valore Tratto impostato su 68,0 pixel.

  3. Selezionate un altro fotogramma sulla linea temporale, ad esempio il fotogramma 30, quindi create la forma finale del tratto per l'interpolazione.

    Forma finale aggiunta all'ultimo fotogramma chiave dell'interpolazione di forma
    Forma finale aggiunta all'ultimo fotogramma chiave dell'interpolazione di forma.

  4. 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 ulteriori informazioni sui profili di spessore, consultate Salvataggio dei profili di spessore.

Per aggiungere interpolazioni di forma a profili di spessore variabile, potete procedere come segue:

  1. In Animate, tracciate una linea sullo stage utilizzando lo strumento Linea.

    Tratto di linea con valore di due pixel
    Tratto di linea disegnato sullo stage con lo strumento Linea e il valore Tratto impostato su 2 pixel.

  2. Nella finestra di ispezione delle proprietà, selezionate e applicate un profilo di spessore dal menu a discesa Spessore.

    Tratto di spessore variabile con valore Tratto impostato su 68,0 pixel
    Tratto di spessore variabile creato utilizzando lo strumento Spessore variabile con il valore Tratto impostato su 68,0 pixel.

  3. 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à.

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

Logo Adobe

Accedi al tuo account