X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

Acceso Premium gratis

Acceso a toda nuestra biblioteca de artículos Hub Premium, los archivos del proyecto y el primer 10% de cada uno-Video Tutorial de la Biblioteca Tutorial en línea .

Crea tu cuenta gratis!

Crear Banner oscilando en After Effects
Traducido por Google Translate

He visto un efecto recientemente en algunos lugares diferentes que simula una serie de tarjetas conectado pivotar abajo y llegar a un descanso de una manera muy natural. Me fui de ver si podía averiguar cómo se hizo esto.

Después de unas cuantas búsquedas en Google he encontrado (el gurú de las expresiones) Dan Ebbert la expresión de péndulo. Esta expresión es perfecto para este efecto, ya que simula la caída exponencial de un objeto de movimientos de balanceo.


Paso 1

En primer lugar he creado tres Comps hecha de un sólido de color naranja y una capa de texto, una para cada palabra.

three comps


Ive alineados en mi computadora principal para la unión y theyre hecho en 3D. Observe el punto de anclaje de cada competición se alinea con la parte superior de las composiciones. Este es nuestro eje de giro. He añadido un par de luces, también.

swing axis


Paso 2

Ahora Im que va a los padres de las capas mediante el icono espiral. Capa 4 (Pro) se criaron a la capa 3 (Mac) y la capa 5 (Video) de la capa 4.

Using the pick whip


He hecho esto para que las capas se peguen, incluso cuando están individualmente girar sobre el eje X.

Layers now stick together


Paso 3

Así que ahora sé que eso es trabajo Im que va a añadir la expresión del péndulo a mi superior (Mac) comp. Lo hago por la opción-clic en el cronómetro para la rotación X.

Option-clicking the stopwatch for X Rotation


Paso 5

Aquí está la expresión del péndulo en el sitio Dans , que está lleno de golosinas expresión útil.

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


La expresión en sí es bastante simple. Tenemos tres variables: -

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


Y luego un poco de matemática que crea el efecto!

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


Aunque no soy de ir a descomponerlo en cualquier longitud que le mostrará cómo puede ser manipulada para servir a nuestro propósito. Puedo decirles que la primera mitad ....

  • amplitude*Math.sin(veloc*time)

... Se ocupa del movimiento o swing con una curva parabólica de una onda sinusoidal en relación al tiempo que se divide por ....

  • Math.exp(decay*time)

... Que utiliza una curva exponencial de disminución de la amplitud de la onda senoidal (o swing).


Paso 6

Lo primero que tenemos que tratar es la parte Math.sin. Esto determina que la curva de la oscilación comienza.

Determine the curve swing


Utilizando el pecado (onda sinusoidal) significa que la acción oscilación comenzará en el centro (0) y se mueven hacia el exterior para el valor de amplitud (90) como se ve en este vídeo. Tenga en cuenta que debido a que la expresión se aplica a la competición superior en la cadena de todas las capas criado a seguir esta competición. Al agregar la expresión final de las otras capas que todavía se moverá de manera independiente.

[Video id = "10659"]


No queremos esto. Queremos que comience en un valor de amplitud y el swing in Podemos solucionar esto cambiando el pecado cos (coseno).

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

Se puede ver en la imagen a continuación cómo se inicia su curva coseno del valor de amplitud (90) y moverse hacia el centro (0).

sin-cos

pecado-cos

Ahora tenemos las cartas en un ángulo a partir de 90 grados!

Cards start at 90 degrees


Paso 7

Ahora bien, si se aplica la expresión a todos los de rotación X Comps puede ver que estamos consiguiendo un efecto de balanceo en todas las composiciones.

[Video id = "10656"]


El único problema aquí es que la oscilación es uniforme en todas las composiciones. Quiero crear algo un poco más al azar y se lanzan. Así que ahora tenemos que crear una forma de compensar esta expresión en el tiempo. Lo que en realidad Id gusta hacer es compensar el inicio de las capas de modo que todos los NO aparecen a la vez, pero tenemos un problema.

El aspecto temporal de la expresión es salirse de la Comp maestro. Esto significa que incluso si la capa de compensar la expresión se extenderá desde el marco 0 (00:00:00:00) sin tener en cuenta. Esto significa que cuando la capa aparece la expresión será a mitad de su ciclo.

Podemos remediar esta vez mediante la creación de otra variable. Que va a tener el siguiente aspecto:

  • startT = thisLayer.startTime;

Con esto comienza el tiempo de inicio de mi capa de desplazamiento y la almacena en la variable. Me puede la resta del valor de la primera vez en nuestra expresión que se ocupa del inicio de la curva, nuestro coseno. Esto se verá así.

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


Ahora bien, si me compensar el tiempo de mi capa, que desplazamiento se resta y la expresión de esa capa cree que la capa empieza en el fotograma 0 (00:00:00:00) o el inicio de su curva.


Paso 8

Así que aquí podemos ver la capa de compensación. La capa Pro es visible en este momento, pero su en un ángulo de 90 grados y escondido detrás de la capa MAC.

Pro layer is hidden


Aquí puedes ver he añadido la expresión acabada ....

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

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

... A todas las capas y compensar las dos capas inferiores en el tiempo.

Final expression


El efecto es mucho más aleatoria en cómo las capas interactúan entre sí cuando se balancean. heres la demo terminado.

[Video id = "10660"]


Lo bueno es que en la toma de la expresión más genérica en la forma en que se refiere a la hora de inicio de las capas de compensación que pueden ser fácilmente copiados a las capas sin embargo que usted como para producir efectos en cascada.

También podría fácilmente atar las cantidades variables de deslizadores de expresión en una capa de control para ajustar el tiempo total de los efectos en su conjunto.

Esto viene a demostrar que las expresiones se pueden utilizar como una herramienta muy eficaz para animaciones sencillas como ésta, que de lo contrario tomaría mucho tiempo a fotograma.

Descargue el archivo de proyecto aquí.


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