Autor: Roger Reig

Basado en la serie de posts publicados en norender.com

Hoy iniciamos una nueva guía norender.com sobre el mundo de las expresiones
y programación en After Effects. Esta guía constará de diez entregas dónde
veremos los elementos básicos, los comandos esenciales, y algunos trucos muy
útiles para ahorrar tiempo al trabajar en After Effects.

En esta primera entrega vamos a ver de qué forma se pueden conectar

propiedades de distinto tipo, algo que en animaciones repetitivas o mecánicas
resultará ser una técnica fácil e interesante.

En primer lugar vamos a crear una composición simple con dos capas
cualesquiera, en nuestro caso dos sólidos de distintos colores para identificarlos
correctamente:
En la capa de color rojo vamos a añadir un efecto de desenfoque
gaussianocon la intención de conectar la propiedad de posición de la capa
amarilla con el efecto de desenfoque de la capa de color rojo.

Para ello, debemos indicarle al programa que queremos escribir expresiones en la

propiedad de difuminacióndel efecto de desenfoque gaussiano pulsando en el
icono de creación de keyframes de la propiedad mientras mantenemos
pulsada la tecla ALT.

Con esta acción se nos mostrará las opciones de las expresiones para la
propiedad seleccionada, en este caso la propiedad de difuminación del efecto
de desenfoque gaussiano.

Ahora vamos a conectar las propiedades de diferente tipo. Pulsamos sobre

el icono espiral de la propiedad de difuminación del sólido de color rojo y
trazamos una línea (conectamos) al valor de “x” de la propiedad de posición del
sólido de color amarillo.
Al conectar estas dos propiedades, podemos ver que la propiedad de difuminación
obtiene el valor de “385“, que se corresponde al valor de la posición x del otro
sólido. Además, el programa nos destaca este valor en color rojo ya que es
un valor obtenido mediante una expresión.

La expresión se escribe automáticamente al conectar las dos propiedades.

Si traducimos la nomenclatura que se utiliza podemos ver que:

thisComp se refiere a la composición actual

layer(“Sólido Amarillo 1”) busca la capa con nombre “Sólido Amarillo 1”

transform entramos al directorio de Transformar de la capa

position selecciona la propiedad de posición

[0] selecciona la magnitud “x” para la propiedad (el valor [0] se refiere a las “x”, el
valor [1] a las “y” y el valor [2] a las “z”.

Destacar que las expresiones se programan en inglés independientemente

del idioma en que esté nuestro After Effects. Evidentemente lo que sí variará
será el nombre de las capas, por ejemplo sólido o solid. El resultado que podemos
ver en nuestro visor es el siguiente:

Además en todas las expresiones podemos añadir operaciones aritméticas

como sumas, restas, multiplicaciones, divisiones… y operaciones más complejas
que veremos en otras guías.

Para este ejemplo nos interesa restar a la expresión el valor “x” de posición
del sólido amarillo. Así, al estar las dos capas alineadas (en la misma posición
de “x”) el desenfoque tendrá un valor de “0” y sólo se modificará el desenfoque
cuando la capa amarilla se mueva en el eje de las “x”.
Para escribir una operación aritmética simplemente hacemos click en la
expresión, cosa que nos permite escribir en ella y modificar la expresión a
nuestro antojo:

Para terminar, moveremos la capa del sólido amarillo utilizando unos keyframesde
posición. El resultado que obtendremos es el siguiente: Cuando el sólido amarillo
se aleja, el sólido rojo gana desenfoque, y al revés.

Os animo a que practiquéis con la conexión de propiedades de distinto tipo,

utilizando operaciones aritméticas para modificar las expresiones.
Hoy publicamos la segunda entrega de la guía norender.com sobre el mundo de
las expresiones y programación en After Effects. En ella, analizamos mediante
un ejemplo, la utilización de operaciones aritméticas conjuntamente con la
posibilidad de conectar propiedades que ya vimos en la anterior entrega.

Mediante estas operaciones, podremos relacionar distintas propiedades de

distintas capas (e incluso de distintas composiciones) y al mismo
tiempo multiplicarlas por un factorial (duplicar, triplicar, etc)
o invertirlas fácilmente.

Para este ejemplo vamos a generar en una composición tres capas de formas
con la herramienta de estrella simulando unos engranajes.
Hemos creado las tres capas por orden, de izquierda a derecha, con nombre
“Capa de formas 1”, “Capa de formas 2” y “Capa de formas 3” respectivamente.

Nuestra intención es animar la rotación de la capa con la forma más grande,

la “Capa de formas 1” y que automáticamente las otras dos capas se
animen con la velocidad y dirección de movimiento que les corresponda.
Para ello vamos a seguir dos pasos previos:

En primer lugar, debemos conocer la proporción que tienen los engranajes,

especialmente el número de resortes que estos tienen. Un engranaje más
pequeño deberá girar más rápido que uno grande si queremos que estén en
contacto y que la animación funcione correctamente. En este caso, le hemos
asignado a cada capa un número de puntas proporcional, concretamente el doble
que el anterior (8, 16 y 32 puntas respectivamente).
En segundo lugar, vamos a animar la propiedad de rotación de la forma de
estrella en la “Capa de formas 1” mediante unos keyframes.

La primera expresión que vamos a programar será en la “Capa de formas 2”

para que este engranaje siga el movimiento del primero. Manteniendo pulsada la
tecla ALT, vamos a pulsar en el icono de creación de keyframes en la
propiedad de rotación.

Como ya vimos en la anterior entrega de la Guía Expresiones After Effects, esto

nos muestra las propiedades de programación para la propiedad seleccionada.
Mediante la herramienta espiral, conectamos esta propiedad con su homóloga en
la capa “Capa de formas 1”.
Esto nos ha creado una conexión entre las dos propiedades de las dos capas.

Para que la animación funcione correctamente, le vamos a añadir una operación

aritmética al final de la expresión. Podemos utilizar los símbolos matemáticos
de *para multiplicar, / para dividir, + para sumar, – para restar, así
como paréntesis () para establecer relaciones y operaciones más complejas.
Existe la posibilidad de introducir comandos para calcular otro tipo
de operaciones científicas como el seno, coseno, o tangente entre otros,
posibilidad que veremos en entregas más avanzadas de esta guía.

En nuestro ejemplo, sabemos que el segundo engranaje tiene la mitad de

resortes que el primero, y además, que debería girar en sentido contrario. Para
ello, utilizaremos la operación aritmética *-2 al final de la expresión (si
quisiéramos simplemente invertir el movimiento de cualquier expresión, podemos
deducir que lo conseguiríamos con un simple *-1).

Ahora el segundo engranaje girará al doble de velocidad que el primero y en

sentido contrario

Para el tercer engranaje, podemos seguir el mismo proceso, en este

caso, añadiendo la operación *4 al final de la expresión (sin el valor negativo ya
que el tercer engranaje gira en la misma dirección que el primero, y multiplicado
por 4 porque tiene 4 veces menos resortes que el primero).

Por lo tanto, nuestro tercer engranaje girará 4 veces más rápido que el
primero.
Cabe destacar que sea cual sea la velocidad o animación del primer engranaje,
los otros dos engranajes se ajustarán automáticamente en velocidad y
movimiento, facilitando enormemente la animación de elementos complejos.
En esta tercera entrega de la guía norender.com sobre el mundo de
las expresiones y programación en After Effects, veremos uno de los
muchísimos comandos de programación existentes en el lenguaje de
programación de expresiones: el comando wiggle.

Con este comando podremos generar valores aleatorios en distintas

propiedades, en nuestro ejemplo, utilizaremos el comando wiggle para
generar valores aleatorios a una propiedad de posición de una capa de texto.

Para este ejemplo, vamos a generar una capa de texto en una composición, en
nuestro caso:
Vamos a crear una expresión en la propiedad de posición para esta capa de
texto, método que ya os contamos de forma extensa en la primera y segunda
entrega de la Guía Expresiones After Effects.

Ahora vamos a añadir el factor de aleatoriedad en la propiedad de posición

utilizando el comando wiggle. La sintaxis correcta de este comando sería, en su
forma elemental:

wiggle(frequency,magnitude)

En esta fórmula sustituiremos frequency por un valor de frecuencia deseado,

indicando así las veces por segundo que el comando generará valores
aleatorios, y sustituiremos magnitude por un valor de magnitud, indicando
el margen de valor aleatorio generado respecto al valor original de la
propiedad.

Si ampliamos el valor de la frecuencia y disminuimos el de la magnitud,

podemos ver un movimiento más nervioso, pero más contenido:

También podemos utilizar un valor de frecuencia muy pequeño, por ejemplo 0.5,
y así podemos generar falsos movimientos de cámara en mano o movimientos
de “barca”:
Por otro lado, cabe destacar que el comando wiggle no elimina
ningún keyframe existente en la propiedad donde se encuentre, cosa muy
importante, ya que nos permite añadir valores aleatorios a un movimiento que
ya se encuentre definido. Vamos a resetear nuestra capa, y le añadimos
unos keyframes de posición:

Aunque tengamos unos keyframes definidos en la propiedad de posición, esto no

impide añadir una expresión en la misma propiedad:

El resultado que ahora tenemos en nuestra composición, es un movimiento del

texto de izquierda a derecha temblando, gracias a los valores aleatorios que
el comando wiggle añade a la animación:

n próximas entregas de la Guía Expresiones After Effects, veremos que

mediante la utilización de efectos de slider, se podrán animar los valores de un
comando (la frecuencia o la magnitud por ejemplo). Podremos añadir keyframes a
estos valores para crear un golpe de cámara, o un aumento progresivo de la
aleatoriedad de una propiedad. Os animo a probar el comando wiggle en otras
propiedades (en el diámetro de un pincel, en la opacidad, en la cantidad de
desenfoque, etc), para comprobar la extensa utilidad de este comando.
En esta cuarta entrega de la guía norender.com sobre el mundo de
las expresiones y programación en After Effects, veremos una de las técnicas
para controlar y modificar los resultados que nos dan los distintos comandos
en este lenguaje.

Los slider controls nos permiten añadir keyframes a los valores de un

comando, dándonos así la posibilidad de modificar el resultado de una expresión
a lo largo del tiempo. En esta entrega, explicamos la técnica básica de los slider
controls, que conjuntamente con la posibilidad de conectar propiedades, nos
permitirán introducirnos en el mundo de las expresiones y programación en After
Effects.

Para ver de qué forma podemos utilizar los slider controls, utilizaremos un ejemplo
simple. En primer lugar, vamos a suponer que tenemos una capa de vídeo en una
composición. Nuestra intención es crear un “golpe de cámara”, o sea, un valor
aleatorio de la propiedad de posición en un punto de tiempo determinado.

Para ello, como ya vimos en la anterior entrega de la Guía de Expresiones After

Effects, utilizaremos el comando wiggle para generar estos valores aleatorios. En
esta entrega veremos de qué forma podemos controlar este comando wiggle
mediante los slider controls.
Y ahora en el timeline, vamos a empezar a escribir una expresión:

Tal y como ya vimos en anteriores entregas de esta Guía de Expresiones After

Effects, manteniendo pulsada la tecla ALT y “clicando” en crear keyframes de la
propiedad de posición, accedemos a escribir expresiones. En este caso vamos
a introducir el comando wiggle con un valor de frecuencia y de magnitud de
ejemplo (15,50).
Ahora podemos ver como el comando wiggle asigna valores aleatorios durante
toda la duración de la capa de forma lineal, siempre dependiendo del valor de
frecuencia y magnitud (el 15,50) introducidos.

Lo que nos proponemos es poder animar la cantidad de frecuencia o de

magnitud para este comando, y en consecuencia, entender que este proceso lo
podremos aplicar a cualquier otro valor de cualquier otro comando. Esto nos
permitirá animar una expresión a lo largo del tiempo.

Para ello, necesitamos crear una capa que aguante nuestros sliders controls.
Podemos utilizar un sólido, una capa cualquiera con el ojo apagado, un null
object… En este caso crearemos una capa de ajuste por ser una capa que ya de
por sí es transparente y no afecta a la composición, si bien es cierto que también
podríamos aplicar los sliders controls en la propia capa de vídeo a tratar.

En esta capa de ajuste creada, aplicaremos dos efectos de Slider control; si

tenemos el programa en español los encontraremos con el nombre de Control del
deslizador dentro del directorio de efectos llamado Controles de expresión.
Los controles de deslizador o slider controls, así como el resto de efectos que
encontramos dentro del directorio Controles de expresión, son elementos vacíos
que utilizamos para crear nuestros propios efectos. En el timeline, si nos
situamos encima del nombre del efecto y pulsamos la tecla enter, podemos
modificar el nombre de los dos slider controls. En nuestro caso les cambiamos el
nombre para que nos quede claro que uno lo enlazaremos con el valor de
frecuencia, y el otro con el valor de magnitud.
Ahora vamos a conectar el valor de frecuencia (inicialmente 15) de la
propiedad wiggle con el primer slider control. Para ello, simplemente marcamos
con el cursor el valor “15” de la expresión y mediante el icono
espiral enlazamos este valor con la propiedad Deslizador de nuestro primer slider
control.

Podemos ver que la expresión se ha reescrito de la siguiente manera:

De forma automática, la expresión ha sustituido el valor inicial de

frecuencia“15” por la ruta de dónde le hemos dicho que obtenga este valor.
Repetimos el mismo proceso con el valor de magnitud “50” del comando wiggle:
Como ya hemos visto, el valor que se encuentre resaltado en la expresión se
sustituirá por la ruta que se seleccione mediante el icono espiral.

La expresión resultante no debe asustarnos, se trata simplemente del ya conocido

comando wiggle dónde hemos sustituido el valor de frecuencia (inicialmente “15”)
y el valor de magnitud (inicialmente “50”) por dos rutas de dónde obtener estos
valores. El gran potencial de los slider controls es que podemos animarlos
como si de una propiedad cualquiera se tratara. De esta forma podremos variar
de forma dinámica a lo largo del tiempo cualquier valor de un comando en una
expresión.

En nuestro caso nos interesaba generar un “golpe de cámara” por lo que vamos
a crear unos keyframes en los dos slider controls, el que se corresponde a la
frecuencia y el de la magnitud. Creamos esta animación asignando un valor de
“0” al inicio y al final de la composición, y con una subida central repentina en
los valores de frecuencia y magnitud.

Podéis extrapolar este ejemplo a cualquier valor de cualquier comando en

expresiones. Por ejemplo podríamos aplicar el mismo ejemplo a un valor
de Difuminación de un efecto de Desenfoque gaussiano de una capa de texto. Así
podríamos controlar en que momento queremos valores aleatorios de desenfoque
del texto (por ejemplo para hacerlo coincidir con cambios musicales). La norma
general es que utilizamos los slider controls para animar expresiones que de
por sí no podrían animarse.