Una delle cose più difficili nell'animazione è il timing. Il tutto deve essere temporizzato in modo preciso in modo che sembri buono. Anche lo spacing non è così semplice, ma soprattutto in casi come il rimbalzo della palla, il timing determina se si percepisce l'animazione come credibile e ben realizzata.


Passo 1

Prima di tutto, notiamo che la diminuzione dei salti non è ancora corretta. In realtà è esponenziale. Dobbiamo immaginare una curva (*) qui che mostri la diminuzione. In pratica si avvicina a zero, ma non lo raggiunge mai.

Correggo un po' i punti qui e così si avvicina a zero.

Animazione facile: Palla rimbalzante - il timing.

Passo 2

Anche gli intervalli temporali dei salti devono essere ancora aggiustati. Lo faccio un po' a occhio.

A volte la scatola di trasformazione mi disturba, ma posso semplicemente disattivarla cliccando sull'icona in basso. Poi posso afferrare e spostare i singoli valori facilmente.

Ingrandisco un po' di più, evidenzio le sezioni e le sposto dove servono.

Poi faccio un piccolo aggiustamento alle curve.

Animazione facile: Bouncing Ball - il timing

Passo 3

Faccio scorrere il passaggio e vedo un problema: la palla sembra non atterrare davvero a terra.

Soprattutto nel secondo salto sembra che non atterri davvero. Ma la curva è sotto - come è possibile?

Questo può succedere se i punti non sono stati impostati esattamente su un frame. Se ci avviciniamo, vediamo la griglia dei frame e tra essi c'è il punto (1). È quindi molto importante che i punti rimangano sui frame, solo così otteniamo la sensazione di una palla che salta.

Spostiamo quindi ogni punto di impatto a terra esattamente su un frame (2).

Animazione resa facile: Bouncing Ball - il timing.

Passo 4

Faccio scorrere di nuovo. La prima parte è un po' troppo lenta, la faccio un po' più veloce e sposto l'altra parte di conseguenza. Naturalmente mi assicuro che i punti siano su ogni frame. Queste impostazioni possono richiedere del tempo per essere esattamente come desideriamo.

È interessante notare che ognuno ha un'idea diversa di come sia una palla. Che tipo di palla stiamo mostrando? Quanto è leggera o pesante? Questa palla è definita dai salti, dall'altezza e dalla diminuzione. Questo esercizio mi diverte di più quando ne faccio diverse versioni. Così posso avere palle di diversi pesi, fino a una palla di cannone.

Questa palla riduce abbastanza rapidamente la sua velocità. Ma possiamo ovviamente anche modificare la posizione x, in modo che i salti diventino di nuovo un po' più larghi.

Animazione facilmente realizzabile: Palla rimbalzante - il timing



È un processo di creazione piuttosto lungo, finché non viene visivamente come desideriamo.

Passo 5

I punti inferiori non importano, possiamo spostarli liberamente e disattiviamo il Snapping.

In genere ci muoviamo basandoci sui frame, che è buono. Ma se lavoriamo con la funzione di Scaling o trasciniamo l'ultimo keyframe con Alt, spesso creiamo keyframe che non sono esattamente su un frame.

Animazione fatta facilmente: Bouncing Ball - il Timing.

Passo 6

Faccio un nuovo aggiustamento, tutto ciò richiede un po' di tempo e devo far scorrere l'animazione più volte per apportare modifiche. È un vero divertimento.

Vi consiglio comunque di provare a fare qualche Bouncing Ball, perché così svilupperete un occhio per le curve. Ripide o meno ripide? Timing e Spacing ecc.

Animazione facile: Bouncing Ball - il timing

Passo 7

Alla fine mancano sicuramente alcuni salti.

Copiare il passaggio (1), andare all'ultimo keyframe (2), incollarlo e ridimensionarlo di nuovo (3).

Animazione semplice: Palla rimbalzante - il timing



In questo modo possiamo risparmiare lavoro, non dobbiamo impostare tutte le pose da zero, possiamo anche copiare i keyframe.

Passo 8

C'è ancora qualcosa che sembra un po' forzato, quindi continuo a modificare. La caduta iniziale è ancora troppo lenta e anche l'ascesa richiede un po' di tempo.

Animazione facilmente realizzata: Palla rimbalzante - il timing



Sono questi piccoli dettagli, c'è bisogno di sperimentare. Molte cose sono di intuizione e sensazione, e solo provando vedo se questa è davvero la soluzione al problema.

Passaggio 9

Copiare alla fine ancora due Jumps e renderli più piccoli e più brevi.

La transizione non è ancora corretta, abbiamo generato un doppio keyframe. Sposto semplicemente i due frame l'uno sull'altro - è meglio se durante questo il Snapping è attivo.

Animazione facile: Palla rimbalzante - il timing.

Passaggio 10

Le curve devono ovviamente essere più piccole e più brevi rispetto a quelle precedenti.

Voglio regolare le curve, ma mi accorgo che evidentemente non è ancora giusto e ci sono ancora due keyframes. Guardo più attentamente e vedo che il problema è che i due non sono sul frame.

Animazione facile: Bouncing Ball - il Timing

Passaggio 11

Ora c'è un frame e separo di nuovo i tangenti con il tasto Alt.

Anche qui, ricorda: "Curva bella, animazione bella". Quindi presta sempre attenzione affinché le curve siano belle.

Il perfezionamento può richiedere anche un'ora. Se stai davvero esercitando e non hai mai avuto esperienza con essa, è importante.

Animazione resa facile: Palla rimbalzante - il timing

Passaggio 12

Sembra già piuttosto buono.

Controlliamo sempre che tutti i keyframe siano davvero sullo stesso frame, perché questo è sempre un rischio.

Animazione facile: Palla rimbalzante - il timing



Per il momento è tutto. Continuerò a perfezionarlo un po', non sono ancora del tutto soddisfatto. Ma nel prossimo pezzo vedrete come risulta il tutto.

Avete seguito molto del processo e ora sapete che può essere un lungo tira e molla finché non è perfetto. Vi consiglio di investire tempo, allenare l'occhio e adattare le curve pezzo per pezzo.

Prendetevi davvero il tempo necessario, perché vi aiuterà notevolmente in seguito se fate esercizio in modo dettagliato. Non si tratta solo della palla in particolare, ma in generale di animazione e di acquisire un senso del movimento, della velocità, del peso, ecc. Questo si sviluppa solo con l'allenamento. Quindi, provate un po' e ci vedremo nel prossimo pezzo del tutorial "Squash & Stretch".