Una de mis expresiones favoritas en After Effects es la expresión time. Aunque pienses que sabes cómo usar la expresión de tiempo en After Effects, he descubierto que hay más en este simple fragmento de código de lo que se ve a simple vista.
[toc]Si nunca fuiste introducido a la expresión time, entonces este artículo fue diseñado para ti. En esta guia de expresiones after effects, voy a desglosar lo que hace y cómo After Effects interpreta este pequeño bloque de código. Así que dejemos la charla y pongámonos en marcha!
¿Qué es la expresión time en After Effects?
Soy el tipo de persona que elige libros con muchas imágenes, así que me gustaría empezar este artículo con un GIF!
La expresión de tiempo en After Effects devuelve el tiempo actual de una composición en segundos. Puedes escribir la expresión de tiempo en After Effects simplemente escribiendo la palabra time;
time;Los valores generados por esta expresión pueden utilizarse para impulsar el movimiento conectando un valor de propiedad a la expresión.
En el ejemplo anterior he manipulado una capa de texto para obtener una vista previa del valor generado por la expresión temporal. Mientras se reproduce la composición, se ven los segundos que se cuentan en el panel de composición a través de esa capa de texto alterada. Todo lo que hice fue usar una simple expresión de tiempo para que After Effects generara esos valores.
time.toFixed(2);Nota: toFixed() limita cuántos números se permiten después del decimal
¿Cómo funciona la expresión de tiempo en After Effects?
Para ayudar a explicar exactamente lo que quiero decir, quiero que pienses en time de una manera nueva. Intenta pensar time como el número que está produciendo y no como un contador de tiempo. Cuando puedas empezar a ver la expresión time como un número que puede ser manipulado, entonces empezarás a entender mejor esta expresión.
Por ejemplo, si doblo la expresión del tiempo usando la multiplicación, se leerá 8 segundos dentro de un tiempo de composición de 4 segundos.
time*2;
Para llevarlo más lejos, agregaré la expresión de tiempo a la propiedad de rotación. La propiedad de rotación devolverá 1 grado por 1 segundo.
Por cada segundo que dure la composición, la rotación aumentará un grado. Pero, ese ejemplo es un poco aburrido y puede que no seas capaz de ver muchos cambios muy bien. ¡Aceleremos un poco las cosas!
¡Mira cómo va esa pequeña línea! En el primer ejemplo obtenemos 1 grado por cada segundo. Así que si queremos obtener una rotación completa cada segundo necesitamos saber cuántos grados hay en una rotación completa, que es de 360 grados.
time*360;Multiplicando el valor que el tiempo proporciona por 360 estamos pidiendo a After Effects que acelere el proceso de forma exponencial. Ahora va a completar un movimiento de 1 grado 360 veces en un segundo.
Geniales ejemplos de la expresión time en After Effects
Ahora que comprendimos lo que hace el tiempo, en esta guia de expresiones after effects, te voy a mostrar algunos ejemplos prácticos que puedes empezar a utilizar en tu flujo de trabajo.
Rotar varias capas
Aquí hay un ejemplo de rotaciones en bucle a diferentes velocidades. Imagina si tuvieras un montón de engranajes que necesitaran rotar, o un campo de asteroides que requiriera rotaciones leves para esas frías y pesadas rocas.
¡Tomé la expresión del tiempo y la multipliqué por diferentes cantidades! Como un bono, me gustaría compartir un buen truco que aprendí…
Para la rotación, multiplica el tiempo por 360, que es una rotación completa, y luego divídelo por el número de segundos que te gustaría que ocurriera una rotación completa. Así es como se vería en el código:
// One full rotation every 2 seconds
time*(360/2);Una rotación completa cada 2 segundos
Viaje en el tiempo, más o menos…
Una forma muy útil de aprovechar la expresión del tiempo es crear movimientos retardados. Podemos pedirle a After Effects que mire hacia adelante y hacia atrás en el tiempo. Para ello voy a introducir una nueva expresión, valueAtTime();.
Para este ejemplo pedí a After Effects que mirara la posición x de otra capa, y luego le dije que se retrasara medio segundo. Sorprendentemente, el código es súper simple, y usando el índice de una capa podrás duplicar una y otra vez con cada capa teniendo su propio retardo. Nota: La expresión del índice en After Effects saca un valor basado en el orden de la capa en la línea de tiempo.
thisComp.layer(index+1).transform.xPosition.valueAtTime(time - .5)¿Esa expresión parece confusa? Zack Lovatt es un fanático de descomponer las diversas partes del código en un lenguaje común para que sea más fácil de entender. Así es como él descompondría ValueAtTime:
var halfASecond = 0.5;
var now = time;
var halfASecondAgo = now - halfASecond;
valueAtTime(halfASecondAgo);En pocas palabras, valueAtTime es una expresión que dice que After Effects saca un valor de una propiedad (escala, posición, deslizador, etc.) durante un tiempo declarado.
Espero que veas lo increíble que puede ser la expresión del tiempo. ¡Hay muchos casos de uso fuera de lo que he repasado en este artículo!
Si quieres aprender más sobre el uso de expresiones en After Effects, voy sumando otros contenidos de expresión aquí en koncepto.