_____

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.

loopOut(«cycle»);

_________

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.

transition = 20;       

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

//Aplicar a la posición

delay = 5; //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.

1 comentario
  1. Sam D.
    Sam D. Dice:

    Many of your competitors are sitting at home and doing nothing.

    Its perfect time to plan your marketing strategy. You have created good website but your site will not in Google until content and images are optimized correctly. We need to optimize your website for search engines and make it search engine friendly.

    I have analyzed your site in-depth and you can view your website audit report at

    https://businesspromoted.websiteauditserver.com/samueltroconis.com

    Your website is the reflection of your business. Without optimizing your website for search engines, you will not get any traction from any digital marketing channels such as Facebook, Google, LinkedIn, etc.

    We can fix all these issues and run successful backlink building campaign for a monthly fee of $500.

    Please let me know a good time and phone number to reach out to you and we will discuss plan of action. I will also include discount coupon and show you how to replicate competitor’s online marketing strategy.

    Looking forward to working with you.

    Sam D.
    Business Development Manager
    Business Promoted

    Responder

Dejar un comentario

¿Quieres unirte a la conversación?
Siéntete libre de contribuir!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *