Blog Metlivi

Come trasformare un ciclo di personaggio esistente fotogramma per fotogramma in un simbolo animato in Adobe Animate

Per trasformare un ciclo di personaggio esistente in un simbolo animato in Adobe Animate, copia l’intero intervallo di fotogrammi dalla Timeline, crea un nuovo simbolo e incolla i fotogrammi nella Timeline interna. Usa un simbolo Grafico se vuoi sincronizzare la riproduzione con la scena; scegli una Clip filmato quando ti serve una Timeline di animazione indipendente. Adobe documenta questa distinzione nella sua guida all’uso dei simboli.

Questo tutorial è rivolto a chi crea personaggi e ha già un ciclo fotogramma per fotogramma funzionante che vuole riutilizzare come singola risorsa modificabile. L’obiettivo è preservare i disegni, le tenute, le relazioni tra i livelli e il punto di chiusura del ciclo, spostando al contempo la sequenza in un simbolo.

29 ottobre 20267 min di letturaDi Metlivi Editorial Team
Sezione 1

1. Individuare il ciclo completo prima di copiarlo

Salva una copia di lavoro separata del documento. Riproduci l’animazione originale e individua esattamente dove inizia e termina una ripetizione. Annota il fotogramma iniziale, quello finale, i livelli coinvolti e la frequenza fotogrammi del documento. Ti serviranno come riferimento per controllare la versione convertita.

Includi la durata di esposizione tra un disegno e l’altro. Un fotogramma chiave e i fotogrammi normali che lo seguono formano una sequenza di fotogrammi chiave; questi fotogrammi normali contribuiscono a determinare per quanto tempo il disegno rimane visibile. Copiare solo le modifiche dei disegni può quindi alterare il ritmo. Adobe spiega queste relazioni in Come usare i fotogrammi e i fotogrammi chiave in Animate.

Come esempio illustrativo, supponiamo che il personaggio abbia sei disegni, ciascuno mantenuto per due fotogrammi. Un ciclo completo occupa 12 fotogrammi della Timeline. Se la sequenza originale occupa i fotogrammi 25–36, copia l’intero intervallo su tutti i livelli del personaggio. Non ridurlo a sei fotogrammi solo perché ci sono sei disegni distinti.

Escludi i livelli di sfondo e di riferimento, a meno che non debbano far parte della risorsa riutilizzabile del personaggio. Se al personaggio contribuiscono più livelli, controlla lo stesso intervallo temporale su tutti, compresi quelli con tenute più lunghe o fotogrammi intenzionalmente vuoti.

Sezione 2

2. Scegliere Grafico o Clip filmato in base alla riproduzione desiderata

Entrambi i tipi di simbolo possono contenere animazioni, ma il loro rapporto con la scena è diverso. I simboli Grafico si sincronizzano con la Timeline che li contiene. Le Clip filmato hanno Timeline indipendenti. Questi sono i comportamenti descritti nella documentazione di Adobe sui simboli.

Esigenza Tipo di simbolo Cosa controllare
Un ciclo da esaminare mentre scorri la scena Grafico Che la Timeline contenitore abbia un numero sufficiente di fotogrammi
Un ciclo sincronizzato con altre animazioni della scena Grafico Il fotogramma iniziale e l’impostazione di ripetizione
Un’animazione nidificata con riproduzione indipendente Clip filmato La riproduzione nell’ambiente di test del documento

Per questa procedura, scegli Grafico così puoi confrontare direttamente il ciclo con la Timeline della scena. Anche Adobe Animate: Simboli di Martin Rose descrive i simboli Grafico come una scelta comune per la produzione di animazioni e illustra il flusso di lavoro per copiare i fotogrammi riportato di seguito.

Sezione 3

3. Copiare i fotogrammi della Timeline in un nuovo simbolo

Effettua la selezione nella Timeline. Selezionando la grafica sullo Stage acquisisci il disegno visibile; per trasferire una sequenza esistente devi copiare i fotogrammi. Le istruzioni di Rose per convertire un’animazione o dei fotogrammi chiave in un simbolo sottolineano esplicitamente questa distinzione.

  1. Seleziona l’intero intervallo del ciclo su tutti i livelli coinvolti. Trascina sulle celle dei fotogrammi oppure fai clic tenendo premuto Maiusc per estendere la selezione.
  2. Fai clic con il pulsante destro del mouse su un fotogramma selezionato e scegli Copia fotogrammi.
  3. Scegli Inserisci > Nuovo simbolo.
  4. Assegna un nome descrittivo, ad esempio Character_Idle_Cycle, e scegli Grafico.
  5. Fai clic su OK per entrare nel nuovo simbolo.
  6. Seleziona il fotogramma 1 del livello iniziale e scegli Incolla fotogrammi dal menu contestuale dei fotogrammi.

Questi passaggi seguono la procedura di conversione in simbolo di Rose. La procedura equivalente di Adobe per la conversione in Clip filmato conferma che incollare i fotogrammi copiati trasferisce insieme alla sequenza anche i livelli e i relativi nomi.

Controlla il risultato prima di modificare la sequenza originale. Nell’esempio illustrativo di 12 fotogrammi, il nuovo simbolo dovrebbe contenere 12 fotogrammi a partire dal fotogramma interno 1. Confronta il numero dei livelli e l’ordine dei disegni con le tue annotazioni. Se manca un livello o il primo fotogramma è inaspettatamente vuoto, correggi subito il trasferimento.

Sezione 4

4. Posizionare il simbolo e assegnargli spazio sufficiente nella Timeline

Torna alla scena usando il suo nome nella barra Modifica. Crea un livello separato per la nuova istanza, seleziona un fotogramma chiave nel punto di inizio desiderato, apri Finestra > Libreria e trascina il nuovo simbolo sullo Stage. Adobe documenta questa procedura di posizionamento in Creare e lavorare con istanze di simboli in Animate.

Nascondi temporaneamente i livelli originali del personaggio mentre confronti la posizione. Usa lo stesso elemento riconoscibile, ad esempio il centro del corpo del personaggio, per confrontare la nuova istanza con la sequenza originale. Conserva l’originale finché la posizione e la riproduzione non corrispondono.

Estendi il livello della nuova istanza per tutta la durata necessaria nella scena usando Inserisci > Timeline > Fotogramma. In questo modo aggiungi esposizione senza introdurre un’altra modifica al disegno. Adobe elenca il comando per i fotogrammi nella sua guida ai fotogrammi e ai fotogrammi chiave.

Seleziona l’istanza Grafico e apri Finestra > Proprietà. Nei controlli Riproduzione ciclica, scegli Ciclo e imposta Primo su 1 per un ciclo che inizi dal primo fotogramma interno. Adobe specifica che Ciclo ripete la sequenza per tutti i fotogrammi occupati dall’istanza; Riproduci una volta si arresta alla fine, mentre Fotogramma singolo mostra un fotogramma scelto. Consulta Impostare la riproduzione ciclica per un’istanza Grafico.

Sezione 5

5. Controllare la temporizzazione confrontando due cicli

Usa due ripetizioni consecutive come test pratico di verifica. La prima ripetizione permette di controllare l’ordine dei disegni; la seconda rende visibile la transizione dall’ultimo fotogramma interno al primo.

Per il ciclo illustrativo di 12 fotogrammi a 24 fotogrammi al secondo, una ripetizione dura 12 ÷ 24 = 0,5 secondi. Estendi l’istanza Grafico per 24 fotogrammi della scena per esaminare due ripetizioni, della durata complessiva di un secondo. Questi valori sono a scopo illustrativo; usa la lunghezza effettiva del ciclo e la frequenza fotogrammi del documento. Adobe conferma che il numero di fotogrammi e la velocità di riproduzione determinano la durata nella sua spiegazione della Timeline.

Confronta tre aspetti: le tenute originali, la posizione del personaggio durante la sequenza e la transizione nel punto di ripetizione. Scorri lentamente per controllare i cambiamenti dei disegni, poi usa Controllo > Riproduci per valutare il ritmo. Adobe documenta la riproduzione e il controllo con la funzione carta da lucido in Animazione fotogramma per fotogramma in Animate.

Se nel punto di ripetizione si verifica una pausa inaspettata, controlla l’ultimo e il primo disegno e la durata delle rispettive esposizioni. Una posa finale identica a quella iniziale può creare una tenuta aggiuntiva quando il ciclo si ripete. Prima di rimuovere fotogrammi, valuta se quella tenuta fa parte del movimento desiderato.

Sezione 6

6. Risolvere i problemi di un risultato fermo, incompleto o disallineato

Sintomo Primo controllo Azione correttiva
Il simbolo contiene un solo disegno La sua Timeline interna Ripeti il trasferimento con Copia fotogrammi e Incolla fotogrammi
Un simbolo Grafico mostra una sola posa I controlli di riproduzione ciclica e l’esposizione nella scena Scegli Ciclo ed estendi l’intervallo di fotogrammi contenitore
Una parte del personaggio scompare I livelli copiati e l’intervallo selezionato Ricopia l’intero intervallo su tutti i livelli necessari
Il ciclo termina con un intervallo vuoto I fotogrammi finali interni Confronta con l’originale e rimuovi solo i vuoti non intenzionali
Il personaggio si sposta tra un disegno e l’altro L’allineamento dei disegni interni Confronta le pose adiacenti prima di modificare la grafica

Per controllare l’allineamento, la funzione carta da lucido mostra i fotogrammi vicini come riferimento. Se devi riposizionare l’intera sequenza all’interno del simbolo, la funzione Modifica più fotogrammi di Animate consente di intervenire sull’intervallo contrassegnato. Prima di spostare elementi, verifica che l’intervallo includa il ciclo completo e tutta la grafica desiderata. Adobe descrive entrambi gli strumenti nella sua guida all’animazione fotogramma per fotogramma.

Una Clip filmato richiede una verifica di anteprima diversa. Adobe osserva che le Clip filmato appaiono statiche nel normale ambiente di modifica, mentre i simboli Grafico animati mostrano l’animazione nella modalità di modifica del documento. Se hai scelto intenzionalmente Clip filmato, esamina i fotogrammi interni e verifica il documento prima di concludere che il trasferimento non è riuscito. Consulta la spiegazione di Adobe sulla riproduzione dei simboli.

Sezione 7

7. Concludere creando una risorsa di personaggio riutilizzabile e modificabile

Quando la nuova istanza corrisponde all’originale, rimuovi dalla scena di lavoro la sequenza originale ridondante, conservando il documento originale salvato. Dai al simbolo un nome abbastanza specifico da distinguerlo dai futuri movimenti del personaggio.

Considera le modifiche apportate all’interno del simbolo come modifiche condivise: modificare un simbolo aggiorna le sue istanze. Spostare, ridimensionare o ruotare una singola istanza permette di applicare modifiche locali senza cambiare il simbolo originale, come spiegato nella documentazione di Adobe sulle proprietà delle istanze.

La conversione è completa quando la Libreria contiene il ciclo intero, l’istanza nella scena viene riprodotta con la temporizzazione desiderata e due ripetizioni consecutive mantengono il movimento originale. Potrai quindi riutilizzare il ciclo del personaggio e continuare a modificare i disegni fotogramma per fotogramma.

Sezione 8

Fonti

Letture correlate

Continua a esplorare il tema