Animazione in After Effects: il tuo tutorial per principianti

Animazione resa facile: Palla basculante - Sovrapposizione di animazioni

Tutti i video del tutorial Animazione in After Effects: il tuo tutorial per principianti.

Successivamente voglio mostrarvi un concetto che si è rivelato molto utile: Lavorare con diversi livelli durante un'animazione. I livelli di animazione sono presenti in molti programmi 3D in modo avanzato.

Si tratta di iniziare a creare un'animazione e sovrapporla con un'altra. Si potrebbe immaginare, ad esempio, un personaggio che corre e contemporaneamente batte le palpebre. Poi si potrebbe aggiungere un applauso in un terzo livello.

Si comincia quindi a scomporre le animazioni per semplificare il lavoro. In seguito vorrei che la palla, che termina nella forma del classico rimbalzo, venisse ripresa per la transizione alla diapositiva successiva o al prossimo slider. Tutto il palco dovrebbe quindi ribaltarsi insieme alla palla e la palla dovrebbe poi saltellare un po' in basso e atterrare accanto al testo successivo. Quasi come un piccolo ponte tra le distanze.

Animazione facile da realizzare: palla ribaltante - sovrapposizione di animazioni

Ma prima facciamo un po' di ordine: Abbiamo già nominato abbastanza bene i livelli, ma non è ancora abbastanza ordinato.

Vi consiglio di utilizzare colori per i livelli. "Il Bouncing Ball 1" ha il colore rosso. Così tutto sarà rosso.

"Fig Leaf Rag" potrebbe ad esempio avere lo stesso colore dello sfondo, poiché questo è sempre presente.

La prima parte è marrone e così non devo pensare sempre a quale colore usare, prendo semplicemente i colori uno dopo l'altro.

In questo modo possiamo differenziare meglio tra la prima e la seconda parte.

Animazione facile: Palla ribaltante - Sovrapposizione di animazioni

Passaggio 1

Vorrei mostrarvi ora il percorso in After Effects su come sovrapporre le animazioni. Forse per iniziare con un piccolo esempio:

Creiamo una composizione con un rettangolo di colore bianco di 100x100 pixel.

Lo muovo verso il basso, poi verso l'alto e di nuovo verso il basso. Molto semplice.

Animazione facilitata: Pallina ribaltante - Sovrapposizione di animazioni.

Passaggio 2

Prendiamo le curve e applichiamo un Easy Ease.

Poi andiamo anche a separare le dimensioni e rendiamolo davvero bello.

E abbiamo già un rimbalzo, che possiamo copiare ancora un paio di volte.

Animazione facilitata: Palla ribaltante - Sovrapposizione di animazioni

Passaggio 3

Questo dovrebbe essere un po' più veloce. Quindi prendiamo tutto e lo comprimiamo un po'.

E quindi diciamo che deve passare da una posizione x a sinistra a una posizione x a destra. Configuriamo i frame in modo che salti avanti e indietro tra queste due posizioni.

Animazione facile: Palla che si ribalta - Sovrapposizione di animazioni

Passaggio 4

Marichiamo questa curva e la rendiamo lineare, così l'impatto sarà migliore.

Rinominiamo il livello in "Rectangolo Saltante".

Mi piacerebbe spostare il tutto da sinistra a destra. Potrei iniziare a lavorare con la posizione x e spostare tutto un po' alla volta a destra, ma disordinerei la mia bella curva. Questo però non lo voglio, perché al momento posso influenzarla molto bene e ho una visione chiara.

Animazione semplice: Palla in caduta - Sovrapposizione di animazioni



Tuttavia vorrei muoverlo da sinistra a destra…

Passaggio 5

Lo facciamo con la parte superiore e iniziamo a lavorare con gli oggetti nulli. Gli oggetti nulli sono oggetti che non vengono renderizzati. Sono essenzialmente oggetti di supporto che consentono di lavorare con oggetti che non si vedono. Spesso vengono utilizzati come supporti per il tracking, ma anche per assegnare oggetti a un oggetto nullo.

Andiamo su Layer>Nuovo>Oggetto nullo o premiamo Ctrl+Alt+Shift+Y e posizioniamolo direttamente sopra il nostro rettangolo saltante. Se avete una versione più recente di AE, come CS6, potete farlo con il tasto Shift sull'oggetto per sottoporlo.

Ora si muove direttamente al centro e segue completamente il rettangolo saltante.

Animazione facile da realizzare: Palla ribaltabile - Sovrapposizione di animazioni

Passaggio 6

Se ora, avendo posizionato correttamente al centro, sposto il punto di ancoraggio su 50, 50, otteniamo una bella cornice per il rettangolo.

Il rettangolo saltante è sottoposto alla "2. Livello di animazione" e il rettangolo bianco salta fuori e dentro ripetutamente dal rettangolo.

Animazione facile: palla che rotea - Sovrapposizione di animazioni

Passaggio 7

Ma cosa posso fare adesso: premo P e sposto il tutto a sinistra, al di fuori dello schermo, e nel corso del tempo sullo schermo.

Animazione facilitata: Palla inclinata - Sovrapposizione di animazioni

Passaggio 8

Ora ci muoviamo mentre eseguiamo l'animazione. Abbiamo ancora le stesse curve, ma da esse derivano nuove curve sovrapposte.

Animazione resa facile: Palla che si inclina - Sovrapposizione di animazioni



Aver sovrapposto un'animazione con l'altra.

Passaggio 9

Si può portare la situazione anche fuori di testa e includere anche la rotazione. Tutte queste rotazioni vengono quindi aggiunte all'animazione.

Animazione facile: palla ribaltata - sovrapposizione di animazioni



Non sembra particolarmente favoloso ora, perché si muove da sinistra a destra e rallenta leggermente ogni volta. Due animazioni lavorano l'una contro l'altra.

E proprio questo è il punto critico di tutto ciò: Abbiamo suddiviso il tutto comodamente in diverse tracce di animazione, che possiamo tutte spostare a nostro piacimento. Ma ciò che ne deriva ha a volte delle debolezze. A volte è necessario alzare e abbassare i punti o adattare il tutto adeguatamente.

Passaggio 10

In alcuni casi non è la soluzione ottimale, ma per le transizioni e se voglio muovere contemporaneamente più oggetti, mi piace lavorare con gli oggetti nulli, perché è possibile sottoporre più oggetti sotto di essi.

Ad esempio, se duplico il layer "Scatola saltante" e vado a un keyframe, seleziono tutti e sposto un po' sulla posizione x, allora i due layer saranno sottoposti allo stesso modo.

In questo modo posso muovere contemporaneamente più oggetti.

Animazione semplice: palla che si inclina - sovrapposizione di animazioni

Passaggio 11

Riprendiamo l'opzione dell'ultimo tutorial e creiamo un livello di colore su cui applichiamo l'effetto animare il tracciato.

Prendiamo la nostra espressione toComp, quindi in questo caso "e = thisComp.layer", e questa volta scegliamo "("Scatola saltante");" - confermo il messaggio di errore nuovamente con OK - e inserisco più avanti:

"e.toComp(e.anchorPoint)". Vale la pena memorizzare questa formula e aggiungerla al proprio repertorio.

In questo modo ottengo di nuovo le curve della palla, eventualmente devo ancora impostare lo stile di disegno: su Trasparente.

Animazione facile: Palla che ribalta - Sovrapposizione di animazioni

Passaggio 12

Ora vediamo chiaramente che c'è stato un problema nel secondo salto. Dobbiamo ancora apportare delle modifiche.

Elimino un keyframe di rotazione, ma ancora non funziona come dovrebbe. Funziona se torno a giocare con la rotazione e sposto un po' qua e là fino a quando le curve non sembrano buone.

Animazione fatta facilmente: Palla ribaltante - sovrapposizione di animazioni

Per controllare le curve composte, vi consiglio di creare un percorso con l'effetto animare il tracciato. Questo è il bello dell'espressione toComp: non gli importa se è sottoposto.

Vediamo solo la curva dell'oggetto selezionato nella sua gerarchia, solo le due curve in relazione l'una all'altra, ma non possiamo visualizzarle insieme.

Animazione resa facile: Palla ribaltante - Sovrapposizione di animazioni



Pertanto: animare il tracciato e così possiamo vedere le curve comuni. Questo è il mio consiglio sull'animazione e questa tecnica la useremo subito per far cadere la palla.

Continua nel prossimo episodio della serie di tutorial "Palla inclinata - l'animazione".