Las 6 expresiones más utilizadas por los editores de After Effects (+6 nuevas opciones)

 Las 6 expresiones más utilizadas por los editores de After Effects (+6 nuevas opciones)

David Romero

Cuando cree elementos animados y florituras para su proyecto, puede pasarse horas intentando perfeccionar los fotogramas clave. Tanto si desea crear un efecto de rebote impactante como una simple repetición, After Effects Expressions puede ahorrarle mucho tiempo en la creación de los activos visuales.

Las Expresiones de After Effects son piezas cortas de código que le dicen a After Effects cómo tratar su animación con fotogramas clave, añadir Expresiones puede parecer complicado, especialmente cuando se mira la codificación utilizada. Sin embargo, una vez que sepa cómo añadir la Función de Expresión a sus capas, todo lo que necesita hacer es pegar los códigos de abajo. Tenemos una explicación más detallada en nuestro post Cómo utilizar plantillas, presets,Guiones, & Expresiones.

Puede descargar el proyecto de After Effects que contiene todos los ejemplos siguientes, incluida la animación del pájaro, aquí.

Resumen

    Parte 1: Añadir un efecto de expresión

    Las Expresiones se pueden añadir a una serie de efectos de transformación para añadir animaciones geniales, que podrían llevarte horas crear desde cero. Añadir Expresiones se hace siempre de la misma manera; es el código el que difiere dependiendo de lo que quieras conseguir. La primera parte es aprender a añadir un efecto de Expresión a tu capa.

    1. Añade tu forma/imagen a tu línea de tiempo.
    2. Cree 2 fotogramas clave para la transformación elegida; en nuestro ejemplo, estamos utilizando Escala .
    3. Seleccione Transformar de la línea de tiempo y vaya a la opción Menú de animación Estamos seleccionando el Escala ya que es lo que hemos introducido en el fotograma clave. Se pueden añadir expresiones a varios Ajustes de transformación ...pero debes hacer cada una por separado.
    4. Seleccione Añadir expresión del menú y aparecerá un cuadro en la línea de tiempo.
    5. Pega tu expresión en la caja, nosotros estamos usando la expresión Rebote.
    6. Puede ajustar la expresión cambiando los valores en el código; juegue con cada uno de ellos para ver qué le funciona mejor.

    Parte 2: Las 6 expresiones más útiles de After Effects

    Hay un montón de diferentes expresiones que puede utilizar en sus proyectos de After Effects, hemos elaborado esta práctica lista.

    1. Menearse

    La expresión Wiggle es una de las pocas que se pueden utilizar sin fotogramas clave. Basta con añadir la expresión a cualquier archivo Transformar propiedad Si eliges añadir fotogramas clave, se moverá entre ellos.

    wiggle(1,50);

    2. Menear una dimensión

    Hay 2 expresiones Wiggle One Dimension, una para tu eje X, y otra para el Y. A diferencia de la primera expresión wiggle de esta lista, el efecto one dimension te permite controlar la dirección de tu wiggle.

    Eje Y / Vertical

    org=valor;

    temp=wiggle (5,50);

    [org[0],temp[1]];

    Eje X / Horizontal

    org=valor;

    temp=wiggle (5,50);

    [temp[0],org[1]];

    3. Rebote

    La expresión Rebote es muy útil cuando se desea crear un rebote en los elementos animados. El Rebote es ideal para añadir a los ajustes de Escala, Rotación y Posición, y cuando se utilizan juntos, pueden crear una notable Ease out.

    amp = .1;

    freq = 2.0;

    decaimiento = 2,0;

    n = 0;

    if (numKeys> 0){

    n = nearestKey(time).index;

    if (key(n).time> time){

    n-;

    }}

    si (n == 0){ t = 0;

    }else{

    t = tiempo - clave(n).tiempo;

    }

    if (n> 0 && t <1){

    v = velocityAtTime(key(n).time - thisComp.frameDuration/10);

    valor + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decaimiento*t);

    }else{value}

    4. Rebote por inercia

    Rebote por inercia es una expresión excelente para tener a mano cuando se desea crear el efecto de que algo cae en el plano con un ligero rebote. Se puede ajustar el código para crear la impresión de un activo más sustancial o con más rebote.

    n = 0;

    if (numKeys> 0){

    n = nearestKey(time).index;

    if (key(n).time> time){

    n-;

    }

    }

    si (n == 0){

    t = 0;

    }else{

    t = tiempo - clave(n).tiempo;

    }

    if (n> 0){

    v = velocityAtTime(key(n).time - thisComp.frameDuration/10);

    amp = .05;

    freq = 4.0;

    decaimiento = 2,0;

    valor + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decaimiento*t);

    }else{

    valor;

    }

    5. Bucle (Ciclo)

    Si alguna vez has intentado crear una animación en bucle/repetición sin utilizar expresiones, estarás familiarizado con el laborioso proceso de copiar y pegar tus fotogramas clave. La expresión Bucle resuelve el problema, creando un bucle de animación sin fisuras en tus formas.

    loopOut("ciclo");

    6. Aplastar y estirar

    Aplastar y estirar es otra expresión que resulta impresionante con o sin fotogramas clave adicionales. Ideal para florituras animadas y elementos gráficos, esta expresión aplastará y estirará sus formas de una forma divertida.

    maxDev = 13; // desviación máxima en píxeles

    spd = 30; //velocidad de oscilación

    decay = 1.0; /qué tan rápido se ralentiza

    t = tiempo - inPoint;

    x = scale[0] + maxDev*Math.sin(spd*t)/Math.exp(decay*t);

    y = escala[0]*escala[1]/x;

    [x,y]

    Parte 3: 6 expresiones adicionales de After Effects que debería utilizar

    1. Cola de movimiento

    Motion Tail es una bonita expresión que te ahorra duplicar y distribuir capas de formas repetitivas. Utiliza este código para crear una bonita cola repetitiva para tus elementos. Esta expresión como un par de pasos extra:

    1. Pegue el código siguiente en su Propiedades de posición .
    2. Seleccione la capa en la línea de tiempo.
    3. Pulse Cmd+D o Ctrl+D para duplicar la capa tantas veces como quieras que se repita.

    thisComp.layer(thisLayer, - 1).position.valueAtTime(time - .1)

    2. Tiempo

    La expresión Tiempo permite ajustar la velocidad de la animación sin cambiar los fotogramas clave. Esta expresión es muy útil cuando se desea ajustar la velocidad de varios elementos.

    vtime*10

    3. Código de tiempo/Temporizador

    Añada esta expresión a Propiedad Texto fuente de cualquier capa de texto para crear un temporizador fácil de editar. Ideal para añadir códigos de tiempo a su proyecto, o relojes de cuenta atrás para vídeos de eventos.

    //Definir valores temporales

    var hora = Math.floor((tiempo/60)/60);

    var min = Math.floor(tiempo/60);

    var sec = Math.floor(tiempo);

    var mili = Math.floor(tiempo*60);

    // Limpieza de los valores

    if (mili> 59){ mili = mili - sec*60; }

    if (mili 59){ sec = sec - min*60; }

    if (sec = 59){ min = min - hour*60; }

    if (min <10){ min = "0" + min; }

    // sin limpieza horaria

    if (hora <10){ hora = "0" + hora; }

    //Salida

    hora + ' : ' + min + ' : ' + seg + ' : ' + mili;

    4. Elástico

    Elastic es una expresión divertida para utilizar tanto en florituras como en elementos de texto. Utilizando su último Fotograma clave de posición la expresión hace girar sus activos como sobre un elástico.

    var p = 0,6;

    var a = 140;

    Ver también: 25 paquetes de transiciones gratuitos y premium para Premiere Pro

    var s = 1,70158;

    function outElastic(t, b, c, d, a, p) {

    if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;

    si (!a

    n = nearestKey(time).index;

    if (key(n).time> time) { n- }

    }

    intentar {

    var clave1 = clave(n);

    var clave2 = clave(n+1);

    } catch(e) {

    devolver null;

    }

    var dim = 1;

    intentar {

    llave(1)[1];

    dim = 2;

    llave(1)[2];

    dim = 3;

    } catch(e) {}

    Ver también: 22 efectos modernos de mensajes de texto para vídeo y cine

    t = tiempo - clave1.tiempo;

    d = tiempo.clave2 - tiempo.clave1;

    sX = tecla1[0];

    eX = tecla2[0] - tecla1[0];

    if (dim>= 2) {

    sY = tecla1[1];

    eY = tecla2[1] - tecla1[1];

    if (dim>= 3) {

    sZ = clave1[2];

    eZ = tecla2[2] - tecla1[2];

    }

    }

    if ((tiempo clave2.tiempo)) {

    valor de retorno;

    } else {

    val1 = outElastic(t, sX, eX, d, a, p, s);

    interruptor (dim) {

    caso 1:

    devolver val1;

    romper;

    caso 2:

    val2 = outElastic(t, sY, eY, d, a, p, s);

    devolver [val1, val2];

    romper;

    caso 3:

    val2 = outElastic(t, sY, eY, d, a, p, s);

    val3 = outElastic(t, sZ, eZ, d, a, p, s);

    devolver [val1, val2, val3];

    romper;

    por defecto:

    devolver null;

    }

    }

    }

    (easeAndWizz()

    5. Desvanecimiento automático

    El fundido automático podría ser la expresión más práctica de nuestra lista. Cuando trabajas con varios elementos, añadir un fundido de entrada/salida a cada capa puede consumir mucho tiempo. En su lugar, utiliza la transición Fundido automático para fundir de entrada y salida al principio y al final de cada capa.

    transición = 20;

    if (marker.numKeys<2){

    tSecs = transición / ( 1 / thisComp.frameDuration);

    linear(tiempo, inPoint, inPoint + tSecs, 0, 100)

    - linear(time, outPoint - tSecs, outPoint, 0, 100)

    }else{

    linear(tiempo, inPoint, marcador.clave(1).tiempo, 0, 100)

    - linear(time, marker.key(2).time, outPoint, 0, 100)

    }

    6. Ondulación

    La expresión Ondulación es similar a un contoneo pero en un entorno 3D. Si quieres que tus formas parezcan que se balancean hacia delante y hacia atrás en dirección a la cámara, ésta podría ser la tuya.

    xAmp = 40;

    xFreq = .3;

    xVelocidad = 150;

    wl = xVelocidad/xFrecuencia;

    phaseOffset = ((posición[0]%wl)/wl)*2*Math.PI;

    y = xAmp*Math.sin(2*Math.PI*xFreq*time + phaseOffset);

    valor + [0,y]

    Parte 4: Cómo utilizar las expresiones Wiggle juntas en un proyecto

    Lo bueno de las expresiones es que puedes usarlas en múltiples propiedades de transformación al mismo tiempo, lo que te permite animar un rango de movimiento en tus elementos rápidamente. Aquí estamos usando las expresiones de meneo juntas para crear una animación única.

    1. Crea tu capa de forma en tu línea de tiempo.
    2. Seleccione Posición añada la propiedad Expresión de meneo .
    3. Ajuste la configuración de modo que esté satisfecho con la cantidad de Position Wiggle.
    4. Repita estos pasos con el Rotación y Escala propiedades.
    5. Ajusta la configuración hasta que estés satisfecho con el movimiento de tus objetos.
    6. Si tiene varios elementos a los que desea añadir el mismo efecto, pruebe a añadir las Expresiones a una capa Nula y a enlazar sus capas a la Nula.

    Las expresiones parecen complicadas, y puede ser frustrante cuando algo en el código es incorrecto. Afortunadamente, hay un montón de útiles guías y tutoriales disponibles en línea. No importa lo que usted está animando, hay una expresión que puede ayudarle a ahorrar el tiempo y la frustración de los fotogramas clave de los elementos individuales. Ahora usted sabe cómo utilizar la expresión, ¿por qué no marcar este artículo para mantener el código dea mano.

    David Romero

    David Romero es un cineasta experimentado y creador de contenido de video con más de 15 años de experiencia en la industria. Su amor por la narración visual lo ha llevado a trabajar en proyectos que van desde cortometrajes y documentales hasta videos musicales y comerciales.A lo largo de su carrera, David se ha ganado una reputación por su atención al detalle y su capacidad para crear contenido visualmente impactante. Siempre está buscando nuevas herramientas y técnicas para mejorar su oficio, razón por la cual se ha convertido en un experto en plantillas y ajustes preestablecidos de video premium, imágenes de stock, audio y material de archivo.La pasión de David por compartir su conocimiento y experiencia con los demás es lo que lo llevó a crear su blog, donde regularmente comparte consejos, trucos e ideas sobre todo lo relacionado con la producción de videos. Cuando no está en el set o en la sala de edición, puedes encontrar a David explorando nuevos lugares con su cámara en mano, siempre buscando la toma perfecta.