X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close
Creare Banner Swinging In After Effects
Tradotto da Google Translate

Ho visto recentemente un effetto in pochi luoghi differenti che simula una serie di schede collegato oscillare verso il basso e venire a un periodo di riposo in un modo molto naturale. Sono andato di vedere se riuscivo a capire come questo è stato fatto.

Dopo un paio di ricerche su Google ho trovato Dan Ebbert (il guru di espressioni) espressione Pendolo. Questa espressione è perfetta per questo effetto in quanto simula il decadimento esponenziale di un oggetto oscillante.


Fase 1

In primo luogo il Ive ha creato tre Comps ricavato da un solido arancione e un livello di testo, uno per ogni parola.

three comps


Ive li allineati nel mio bozzetto principale in modo theyre unirsi e li ha resi 3D. Notare il punto di ancoraggio di ogni bozzetto è allineato alla parte superiore delle composizioni. Questo è il nostro asse di rotazione. Ive ha aggiunto un paio di luci, anche.

swing axis


Fase 2

Ora Im andando al genitore gli strati utilizzando il selettore. Layer 4 (Pro) è imparentato al Layer 3 (Mac) e Layer 5 (Video) al Layer 4.

Using the pick whip


Ive fatto questo modo gli strati stare insieme anche quando sono individualmente ruotati sull'asse X.

Layers now stick together


Fase 3

Così ora so che i thats di lavoro Im intenzione di aggiungere l'espressione Pendolo al mio superiore (Mac) comp. Faccio questo Opzione-clic sul cronometro per rotazione X.

Option-clicking the stopwatch for X Rotation


Fase 5

Heres l'espressione Pendolo trova sul sito Dans che è pieno di chicche espressione utili.

  • veloc = 7; 
  • amplitude = 90; 
  • decay = .7; 
  • amplitude*Math.sin(veloc*time)/Math.exp(decay*time)


La stessa espressione è abbastanza semplice. Abbiamo tre variabili: -

  • veloc (velocity) = The initial speed of the swing.
  • amplitude = The angle the initial swing will reach before it starts to decay.
  • decay = This is like resistance. The lower the value the longer the the swing will take to decay. 


E poi alcuni di matematica che crea l'effetto!

  • amplitude*Math.sin(veloc*time)/Math.exp(decay*time)


Mentre Im non andare a una scomposizione in qualsiasi lunghezza vi mostrerò come può essere manipolata per servire i nostri scopi. Posso dirvi che la prima metà ....

  • amplitude*Math.sin(veloc*time)

... Occupa del movimento o rotazione con una curva parabolica di un'onda sinusoidale in relazione al tempo che viene poi diviso per ....

  • Math.exp(decay*time)

... Che utilizza una curva esponenziale per diminuire l'ampiezza della sinusoide (o altalena).


Passo 6

La prima cosa che dobbiamo affrontare è la parte Math.sin. Questo determina dove la curva dello swing ha inizio.

Determine the curve swing


Utilizzando sin (onda sinusoidale) si intende l'azione oscillazione avrà inizio presso il centro (0) e muoversi verso l'esterno per il valore di ampiezza (90) come si vede in questa clip. Si noti che, poiché l'espressione è applicato al Comp alto nella catena di tutti gli strati imparentato seguire questo Comp. Quando aggiungo l'espressione finale per gli altri livelli saranno ancora oscillare in maniera indipendente.

[Video id = "10659"]


Non vogliamo questo. Vogliamo che iniziare dal valore di ampiezza e swing in Possiamo porre rimedio a questa cambiando peccato cos (coseno).

  • amplitude*Math.cos(veloc*time)/Math.exp(decay*time)

Si può vedere nell'immagine qui sotto come coseno inizia la sua curva dal valore di ampiezza (90) e spostare verso il centro (0).

sin-cos

peccato, cos

Ora abbiamo le carte in un angolo iniziale di 90 gradi!

Cards start at 90 degrees


Fase 7

Ora, se si applica l'espressione a tutti i Comps X Rotazione potete vedere stiamo ottenendo un effetto oscillante su tutti i Comps.

[Video id = "10656"]


L'unico problema è che lo swing è uniforme su tutti i Comps. Voglio creare qualcosa di un po 'più casuale e burattatura. Così ho ora necessità di creare un modo di compensare questa espressione in tempo. Che Id realtà piace fare è compensato l'inizio degli strati in modo che Non tutti appaiono in una volta, ma abbiamo un problema.

L'aspetto del tempo l'espressione è in funzione al largo della Comp. master. Ciò significa che anche se lo strato di compensato l'espressione si svolgerà dal frame 0 (00:00:00:00) indipendentemente. Questo significa che quando lo strato appare l'espressione sarà a metà strada attraverso il suo ciclo.

Siamo in grado di rimediare a questo nuovo, creando un'altra variabile. Il suo andare a guardare come questo:

  • startT = thisLayer.startTime;

Questo diventa l'ora di inizio del mio strato di compensato e lo memorizza nella variabile. Posso sottrarre il valore di questa prima volta nella nostra espressione che si occupa con l'inizio della curva, il nostro coseno. Questo sarà simile a questa.

  • amplitude*Math.cos(veloc*(time-startT))/Math.exp(decay*time)

I can the subtract this from the first time value in our expression that deals with the start of the curve, our cosine.


Ora, se io compensare i tempi della mia strato, che viene sottratto offset e l'espressione su tale livello pensa lo strato inizia a telaio 0 (00:00:00:00) o l'inizio della sua curva.


Passo 8

Quindi qui possiamo vedere il livello di offset. Lo strato Pro è visibile a questo punto nel tempo, ma proprio ad un angolo di 90 gradi e nascosto dietro il livello MAC.

Pro layer is hidden


Qui potete vedere Ive ha aggiunto l'espressione finito ....

  • veloc = 7; 
  • amplitude = 90; 
  • decay = .7;
  • startT = thisLayer.startTime;

  • amplitude*Math.cos(veloc*(time-startT))/Math.exp(decay*time)

... A tutti i livelli e compensare le due livelli inferiori nel tempo.

Final expression


L'effetto è ora molto più casuale nel modo in cui gli strati interagiscono insieme quando swing. heres la demo finito.

[Video id = "10660"]


Il bello è che nel fare l'espressione più generica in quanto ha a che fare con l'orario di inizio degli strati di compensazione può essere facilmente copiati in molti strati comunque vi piace di produrre effetti a cascata.

Si potrebbe anche facilmente legare la quantità variabili di cursori espressione di un livello di controllo per regolare il tempo complessivo degli effetti nel suo complesso.

Questo sta a dimostrare che le espressioni possono essere usate come uno strumento molto efficace per le animazioni semplici come questa che altrimenti richiedere molto tempo per fotogramma chiave.

Scarica il file di progetto qui.


Toby Pitman

Toby Pitman | Articles by this author

For the past 20 years Toby has worked as a professional guitarist, programmer and producer. Clients include Sir Paul McCartney, George Michael, Shirley Bassey, Yusuf Islam, Giles Martin as well as the London 2012 Olympic Ceremonies. He has also worked extensively in TV, Advertising and Film. As well as composing himself he has also worked alongside many composers like David Arnold, Clint Mansell and Simon Franglen on many major film releases. An expert in synthesis and sound design Toby has also lectured for Apple on their Logic Pro music software which he has used since its days on the Atari. He has also worked as an educator for the International Guitar Foundation and the Brighton Institute of Modern Music teaching guitar. In his spare time (of which there is very little) he moonlights as a motion graphics artist specialising in Cinema 4D and After Effects.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link