Guía del usuario Cancelar

Conceptos básicos sobre expresiones

Conozca los conceptos básicos sobre la creación de expresiones y cómo usarlas.

Expresiones

Cuando desee crear y vincular animaciones complejas sin necesidad de crear cientos de fotogramas clave de manera manual, opte por el uso de expresiones. Una expresión es un fragmento de código JavaScript que puede usar en propiedades animadas de sus proyectos de After Effects y que evalúan un único valor de una propiedad de capa en un momento dado.

A diferencia de una secuencia de comandos, que indica a la aplicación que haga algo, una expresión indica a la propiedad que haga algo. Por ejemplo, tiene un balón que se mueve por la pantalla de izquierda a derecha, pero también desea que el balón ondule. En lugar de animar la propiedad posición con fotogramas clave, puede aplicarle una expresión de ondulación.

El lenguaje de expresiones está basado en el lenguaje estándar JavaScript, pero no es necesario saber JavaScript para empezar a utilizar las expresiones. Puede crear expresiones utilizando el icono espiral o copiando ejemplos sencillos y modificándolos según sus necesidades. Si desea obtener más información, consulte Descripción del lenguaje de expresiones.

Este es un ejemplo básico de un bucle con expresiones:

¿Para qué se utilizan las expresiones?

Ahorre tiempo y cree animaciones rápidamente.
Las expresiones permiten automatizar acciones (como ondulaciones, vibraciones o rebotes). Esto supone un ahorro de un tiempo considerable, ya que no es necesario crear fotogramas clave nuevos para cada acción. Aquí podrá encontrar algunos ejemplos para empezar a trabajar con expresiones.

Vincular diferentes propiedades.

Puede utilizar expresiones para vincular diferentes propiedades como, por ejemplo, la rotación y la posición en las composiciones. La vinculación puede ayudarle a crear diferentes animaciones sin tener que escribir diferentes expresiones para cada una de ellas.

Crear infografías de movimiento.

Puede utilizar expresiones al crear plantillas de gráficos animados. Ajustar diferentes propiedades, vincular animaciones y modificar archivos MOGRT en After Effects.

Controlar varias capas para crear animaciones complejas.

El látigo de selección permite crear fácilmente varias animaciones con unos pocos controles y crear animaciones que llevarían mucho más trabajo con otras funciones.

Crear gráficos y diagramas animados.

Cree rápidamente infografías animadas y de movimiento, como un mapa mundial dinámico, y gráficos de barras dinámicas que indican el índice de contaminación de distintos países.

Guardar y reutilizar expresiones.

Guarde las expresiones como plantillas y vuelva a utilizarlas en otros proyectos de After Effects. ¡No hace falta reinventar la rueda!

La interfaz de expresiones

Antes de empezar a trabajar con expresiones, el primer paso es conocer la interfaz de usuario. Siga estos pasos para empezar:

  1. Cree una composición y seleccione Capa > Nueva > Sólida para crear una capa sólida.

  2. En el panel Cronología, seleccione la capa y, a continuación, pulse S en en el teclado para mostrar la propiedad de escala. A partir de aquí, comienza su aventura con las expresiones.

  3. Vamos a crear una expresión. En el panel Cronología, pulse Alt + clic (Windows) o la tecla Opción + Clic (macOS) en el cronómetro que aparece junto a la posición para añadir una expresión a la propiedad. After Effects asigna expresiones predeterminadas a todas las propiedades que se pueden modificar más tarde.

  4. Tenga en cuenta los cambios en la interfaz de usuario que tienen lugar desde la creación de la expresión. En primer lugar, el valor de la propiedad escala (mostrado como 100,100) cambia de azul a rojo. El color rojo indica que el valor tiene una expresión activa.

     La propiedad Escala está abierta para una capa y la expresión activa aparece resaltada en rojo.
    El color rojo de la propiedad de la capa indica que el valor tiene una expresión activa.

  5. Compruebe que ha aparecido un molinete a la izquierda del cronómetro, haga clic en él y, a continuación, ábralo. Utilícelo para mostrar la expresión.

    • El primer botón tiene el mismo aspecto que un signo igual ("=") y activa o desactiva la expresión. Aparece en azul al habilitar la expresión.
    • El segundo botón cambia la visualización del valor de la expresión a lo largo del tiempo en el Editor de gráficos.
    • El tercer botón con la espiral pequeña es el Látigo de selección, que se puede utilizar para crear expresiones. 
    • El cuarto botón abre el menú Lenguaje de expresión, que se puede utilizar para crear expresiones.
     La propiedad Escala está abierta para una capa y los botones de la expresión activa están resaltados.
    El menú Lenguaje de expresión del panel Cronología le ayuda a insertar rápidamente métodos y propiedades predefinidos en sus expresiones.

  6. Por último, a la derecha de los cuatro botones, puede ver la expresión predeterminada transform.position.  Si desea cambiar la expresión, seleccione el texto de la expresión en la cronología para activar el campo del editor de expresiones. Funciona igual que cualquier otro campo de texto; copiar, pegar, seleccionar o arrastrar texto. Al pulsar Intro, se crea una nueva línea, con lo que se puede cambiar el tamaño de la altura. Selecciónelo y escriba la expresión que desee, como wiggle(3,50). Para obtener más información, consulte Editar expresiones.

    editar expresión
    Un ejemplo de expresión Posición hace que la posición cambie tres veces por segundo con una desviación máxima de 50 píxeles en cualquier dirección.

Expresiones y fotogramas clave

Todas las propiedades que se pueden animar en After Effects tienen un valor de preexpresión y un valor de postexpresión

El valor de preexpresión es simplemente el valor de la propiedad antes de aplicar cualquier expresión, ya sea estática o animada por fotogramas clave. Los valores de preexpresión pueden considerarse similares a los píxeles de una capa sin aplicar ningún efecto. Estos valores previos a la expresión pueden ser modificados o utilizados por una expresión, del mismo modo que un efecto cambia o utiliza los píxeles de una capa, lo que resulta en el valor de postexpresión. 

El color de resaltado del valor de la propiedad en la interfaz de usuario indica si la propiedad está usando un valor de preexpresión o de postexpresión; los valores previos a la expresión son de color azul, mientras que los valores posteriores a la expresión son de color rojo.

Se puede acceder al valor previo a la expresión de cualquier propiedad desde una expresión mediante el valor de atributo. Por ejemplo, la expresión value+90 de una propiedad Rotación añadiría 90 grados al valor que tenía la propiedad antes de aplicar la expresión. Esto también funciona para valores de fotogramas clave; si la Rotación va de 0 a 45, la misma expresión value+90 hará que se anime de 90 a 135. También se puede acceder de forma similar a los valores de los fotogramas clave a través de key(index).value, utilizando 1 para el índice para obtener el valor del primer fotograma clave, 2 para el segundo, etc. El atributo numKeys siempre será igual al número de fotogramas clave de la propiedad, por lo que key(numKeys).value es el valor del último fotograma clave.

Algunos métodos, como wiggle() o el bucle diverso, utilizan implícitamente el valor previo a la expresión.

Por ejemplo, la expresión wiggle(10, 10) se anima entre -10 y 10 si una propiedad tiene un valor de 0, añadiendo movimiento de ondulación en torno a su valor existente. Se realiza de la misma forma cuando la expresión se aplica a una propiedad con fotograma clave, creando una animación secundaria sobre los valores animados originales. Vea Atributos y métodos de propiedades (referencia de expresión).

Uso de cálculos sencillos en expresiones

Los valores de una propiedad que contiene una expresión aparecen en caracteres rojos o rosas.

Una buena forma de comenzar a trabajar con expresiones es crear una expresión sencilla con el icono espiral y posteriormente ajustar el comportamiento de la expresión con operaciones matemáticas sencillas, como las que se incluyen en la siguiente tabla:

Símbolo

Función

+

Agregar

-

Restar

/

Dividir

*

Multiplicar

*-1

Hacer lo contrario del original, por ejemplo, girar en el sentido contrario de las agujas del reloj en lugar de en sentido horario.

Por ejemplo, puede doblar el resultado tecleando *2 al final de la expresión o puede dividir el resultado tecleando /2 al final de la expresión.

A medida que adquiera confianza en la edición de expresiones, puede ir combinando estas operaciones sencillas y realizar más acciones. Por ejemplo, puede agregar /360*100 al final de una expresión para cambiar su rango de 0-360 a 0-100. Este cambio resultaría útil si deseara convertir los valores de un indicador de 360 grados en un indicador que se mida en porcentajes.

Menú de lenguaje de expresión

El menú de Lenguaje de expresión del panel Cronología contiene todos los elementos de lenguaje específicos de After Effects que pueden emplearse en una expresión. Este menú sirve para determinar los elementos válidos y su sintaxis correcta; utilícelo como referencia para saber cuáles son los elementos disponibles. Al elegir un objeto, atributo o método del menú, After Effects lo inserta automáticamente en el campo Expresión, en el punto de inserción. Si el texto se selecciona en el campo de expresión, el nuevo texto de expresión reemplaza el texto seleccionado. Si el punto de inserción no está en el campo de expresión, el nuevo texto de expresión reemplaza a todo el texto del campo.

 El menú Lenguaje de expresión de After Effects está abierto y hay varias opciones entre las que elegir.
Utilice el menú Lenguaje de expresión para crear y administrar las expresiones de forma más eficaz.

Expresiones comunes que se pueden utilizar

Ondulación

wiggle
Ondulación aleatoria

La expresión de ondulación (wiggle) es una de las expresiones más habituales de After Effects. Una expresión de ondulación hace precisamente que una propiedad se ondule de forma aleatoria. Esta expresión se puede utilizar para hacer que la escena parezca más natural.

Los números entre los paréntesis controlan la ondulación; el primer número es el número de ondulaciones por segundo y el segundo número es la cantidad de ondulación. Por lo tanto, una propiedad de posición con una expresiónwiggle(2,30) ondula 2 veces por segundo hasta 30 píxeles.

Tiempo

time*40
Rotación infinita de 40 grados por segundo en el tiempo

La expresión time es adecuada para objetos con movimientos perpetuos. Por ejemplo, si desea que un objeto rote de manera indefinida, puede añadir la expresión time a la propiedad Rotation y el objeto rotará 1 grado por segundo. También funciona con ecuaciones matemáticas básicas, por lo que si desea que el objeto anterior gire 40 veces más rápido, utilice la expresión time*40.

Bucle

loop_out
Bucle de entrada y salida

Si utiliza varios fotogramas clave para crear una animación repetitiva, puede tardar bastante tiempo en conseguirlo. En su lugar, use la expresión loop para automatizarlo y crear animaciones complejas de bucle. Hay dos tipos de bucles: loopIn y loopOut (más habitual). De este modo, una propiedad Rotation con una expresión loopOut(); o loopOut("Cycle"); recorre en bucle la animación hasta el final de la cronología.

Para ver más ejemplos, consulte Ejemplos de expresiones.

Edición manual de una expresión

  1. Entre en el modo de edición de texto haciendo clic en el campo de expresión.

    Nota:

    Cuando se encuentre en el modo de edición de texto, se seleccionará la expresión completa. Para añadir a la expresión, haga clic dentro de ella para marcar el punto de inserción; de lo contrario, la reemplazará toda.

  2. Teclee y edite el texto en el campo de expresión, de manera opcional, con el menú Lenguaje de expresión.

  3. Para salir del modo de edición de texto y activar la expresión, realice uno de los pasos siguientes:
    • Presione Intro del teclado numérico.

    • Haga clic fuera del campo de expresión.

Personalización de la apariencia de las expresiones en el Editor de expresiones

Editor de expresiones en el panel Cronología
Editor de expresiones en el panel Cronología

Puede personalizar el aspecto de las expresiones en el Editor de expresiones, que se encuentra en el panel Cronología, mediante las preferencias de Expresiones y scripts..

Para abrir el Editor de expresiones:

  • macOS: seleccione After Effects > Preferencias > Scripts y expresiones.
  • Windows: seleccione Editar > Preferencias > Scripts y expresiones.

Vea el siguiente vídeo para comenzar a explorar las expresiones.

Más recursos de Expresión

Ahora que ha entendido algunos de los conceptos que hay detrás de expresiones visite la comunidad para obtener ejemplos reales y compartir su trabajo.

En el foro de AE Enhancers también se incluyen diversos ejemplos e información sobre expresiones, así como secuencias de comandos y ajustes preestablecidos de animación.

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?