_____

Las 10 mejores expresiones en After Effects + Guía de uso

____________

Si estás comenzando en After Effects quizás no estás muy familiarizado con las expresiones. En un principio puede sonar complicado pero realmente son muy fáciles de utilizar y nos simplifican mucho el trabajo en nuestras animaciones.

Las expresiones en After Effects pueden ser muy útiles y potentes para crear excelentes gráficos en movimiento. Es sorprendente que con unos pocos códigos de programación pueda ayudar a que su animación se mueva orgánicamente. Además las expresiones pueden mejorar significativamente su flujo de trabajo cuando crea una animación.

¿Qué es una expresión de After Effects?

Una expresión de After Effect es un código de lenguaje Javascript de programación que se inserta en cualquier «cronómetro de tiempo variable» presionando Alt-Click. En la imagen te muestro cómo introducir una expresión en After Effects.

Rebote (Bounce)

La expresión de rebote es muy útil para hacer que sus animaciones y títulos se vean dinámicos con un agradable movimiento elástico. Es necesario tener dos fotogramas claves en la propiedad que lo queramos aplicar e insertar el cosigo que dejo la caja sombreada debajo.

n = 0;
if (numKeys > 0){
n = nearestKey(time).index;
if (key(n).time > time){
n--;
}
}
if (n == 0){ t = 0; }else{ t = time - key(n).time; } if (n > 0 && t < 1){
v = velocityAtTime(key(n).time - thisComp.frameDuration/10);
amp = .06; freq = 3;
decay = 5.0;
value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
}else{
value;
}

Loop

Una expresión muy útil que te permitirá repetir indefinidamente cualquier animación con fotogramas claves que tengas en una propiedad.

Loop Cíclico:

loopOut("cycle"); 

Loop de Pingpong:

loopOut("pingpong");

_________

Fade o desvanecimiento

La expresión de desvanecimiento automático es útil cuando no desea molestarse en crear fotogramas clave para una animación de desvanecimiento. De forma automática creará un fundido en el inicio y en el final del clip.

transition = 20; // Duración en frames del desvanecimiento       
if (marker.numKeys<2){
tSecs = transition / ( 1 / thisComp.frameDuration); 
linear(time, inPoint, inPoint + tSecs, 0, 100)
- linear(time, outPoint - tSecs, outPoint, 0, 100)
}else{
linear(time, inPoint, marker.key(1).time, 0, 100) 
- linear(time, marker.key(2).time, outPoint, 0, 100)
}

_________

Squash and Stretch (Estiramiento)

La expresión de estiramiento y rebote hace que tu animación sea un poco más viva al agregar una escala proporcional a tus formas o imágenes.

maxDev = 13; // max desviación en pixeles
spd = 30; // velocidad de oscilación
decay = 1.0; // cuán rápido se detiene
t = time - inPoint;
x = scale[0] + maxDev*Math.sin(spd*t)/Math.exp(decay*t);
y = scale[0]*scale[1]/x;
[x,y]

_________

Wiggle

Esta expresión sirve para agitar o menear aleatoriamente cualquier valor de una propiedad. Dentro incluye dos valores, el primero es la velocidad de la variación que va a realizar y el segundo es la magnitud de esa variación.

Si lo aplicamos a la posición pondriamos wiggle(A,B) siendo A la velocidad con la que se va a mover y B la cantidad de pixeles que se moverá como máximo. Si lo aplicamos a la rotación el valor A sería la velocidad con la que va rotar y B la variación máxima en grados que va a rotar.

wiggle(5,10)

_________

Time

Esta expresión hace que cualquier valor aumente mientras avanza el tiempo, podemos multiplicar la velocidad añadiendo un * seguido del número por el que lo querramos multiplicar. Si utilizamos un valor negativo la expresión funcionaria ensentido contrario, por ejemplo «time*-100».

time*100

_________

Index

El index el número de una capa, si tenemos una sola capa esa capa tendría el valor de index de 1, si tenemos dos capas una sería index 1 y otra index 2. Podemos utilizar esta expresión en After Effects para que cuando dupliquemos una capa varias veces esta varia algo de su comportamiento en función del index. Por ejemplo la posición, rotación,etc.

index*360/20

_________

Motion Trail 

Un interesante efecto que podemos aplicar al movimiento. Tendremos que aplicar un código a la opacidad y otro a la posición. Luego de poner los códigos duplicamos la capa la cantidad de veces que queramos que se genere la repetición del efecto.

//Aplicar a la posición
delay = 3; //number of frames to delay
d = delay*thisComp.frameDuration*(index - 1);
thisComp.layer(1).position.valueAtTime(time - d)

//Aplicar a la opacidad
opacityFactor = .75;
Math.pow(opacityFactor,index - 1)*100

_________

Blink (parpadeo)

Se aplica en la opacidad para generar el efecto de parpadeo, podemos variar la velocidad con la que nuestra capa va a aparecer y desaparecer cambiando el número de la primera línea.

blinkSpeed=15; // velocidad del parpadeo
n= Math.sin(time*blinkSpeed);
if(n<0) 0 else 100;

_________

Suavizar

Muy útil cuando hemos animado algo con fotogramas claves y queremos que el movimiento sea suavizado.

smooth(width = .2, samples = 5, t = time)

Te dejo el proyecto editable de After Effects con todas estas expresiones incluidas para puedas ver como funcionan desde dentro.