Aunque After Effects (AE) es una herramienta fantástica para crear prototipos de animación de interfaz de usuario, buscamos constantemente métodos para que nuestro proceso sea más rápido. Las expresiones son compatibles con AE y permiten al diseñador animar capas sin especificar manualmente cada fotograma clave mediante el establecimiento de conexiones entre parámetros de capa o fotogramas clave. Veremos los fundamentos del uso y la definición de expresiones y cómo adaptarlas a tus propias necesidades.
En este artículo
Parte 1. ¿Qué es la expresión de After Effects?
Las expresiones son secciones de código creadas en los lenguajes de programación JavaScript con el único objetivo de cambiar los atributos de las capas en After Effects. Pueden crear plataformas adaptables y automatizar procesos repetitivos. Debido a esto, desarrollar y modificar el código debería ser pan comido. Hay muchas frases que ya existen y han existido durante muchos años, pero encontrarlas puede ser un desafío si no está seguro de lo que está buscando. Pueden ser tan pequeñas como una sola palabra o un número entero, o muy complicadas, incluidos capítulos y párrafos de código.
Puedes comenzar a formar conexiones entre una propiedad y otras capas cuando escribes una expresión en esa propiedad. Al conectar las expresiones a los parámetros numéricos, los controladores de expresión en el panel Efectos y ajustes preestablecidos pueden ayudarte a controlar mejor las expresiones. Aunque de ninguna manera son necesarias, las expresiones son bastante útiles cuando se intenta replicar efectos como la inercia o el rebote sin tener que especificar una tonelada de fotogramas clave adicionales. No solo brindan muchas posibilidades creativas, sino que también pueden optimizar tu proceso de diseño de movimiento.
Parte 2. Expresiones comunes en After Effects
Una expresión es un fragmento breve de código JavaScript que se puede conectar a las propiedades animadas de las aplicaciones de After Effects. Las expresiones se evalúan como un valor único para una propiedad de una sola capa en un instante de tiempo determinado. A continuación se presentan algunas expresiones populares.
1. ‘thisComp’
Las expresiones en After Effects giran completamente en la manipulación de valores dentro de una jerarquía de objetos. Los objetos en este contexto incluyen la composición, capas específicas e incluso efectos. Un objeto puede contener valores u otras cosas.
Usa thisComp junto con algunas aritméticas fundamentales para colocar con precisión las cosas en la pantalla. Esto resulta muy útil al exportar varias versiones para sitios de redes sociales y reutilizar contenido. Para que el logotipo se escale de acuerdo con el tamaño de la composición, incluso podrías agregar una disposición similar a la opción Escala.
2. ‘loopOut’
Simplemente siempre puedes copiar y pegar fotogramas clave a lo largo de la línea de tiempo si deseas que se repita una animación. Pero si quisieras hacer ajustes, tendrías que volver atrás y tratar con todos esos fotogramas clave nuevamente. Nuevamente, nunca verías a Batman usando After Effects para lograr esto. Debes utilizar la expresión loopOut en estas circunstancias. Incluso se pueden usar cuatro opciones para modificar cómo se repite la animación.
Nuevamente, el ciclo es la configuración predeterminada; sin embargo, también puedes elegir entre continuar, compensar y ping pong. Solo requiere animar las propiedades Scale y Opacity de Ellipse, luego agregar loopOut a cada una de ellas. Los dos fotogramas clave se ciclan inmediatamente; es plug and play. En realidad, solo hay cuatro fotogramas clave en total, sin embargo, la animación dura toda la línea de tiempo. Usa dos fotogramas clave por parámetro para mantener las cosas simples, o especifica qué fotogramas clave deseas reproducir en bucle para complicar más las cosas.
3. ‘random’
Como implica el nombre, el valor de cada cuadro se genera aleatoriamente mediante esta expresión en función del argumento que proporcione. Se aleatorizará automáticamente entre 0 y 1 si lo dejas vacío. El parámetro generará un valor aleatorio entre 0 y el valor que proporcione entre paréntesis. Generará números aleatorios entre los dos valores que ingreses.
Otra expresión excelente para producir rápidamente una animación es esta. La usamos a menudo para hacer transiciones de opacidad que parpadean. Solo se necesitan unos pocos clics para hacer esto agregando la siguiente frase a Opacidad y encuadrándola dentro y fuera de 100% de Opacidad.
4. ‘Wiggle’
Una de las pocas expresiones que se pueden usar sin fotogramas clave es la expresión Wiggle. Observa cómo tu forma comienza a moverse simplemente agregando la frase a cualquier atributo de Transformación. Se moverá entre fotogramas clave si decides agregarlos.
Te moverás simultáneamente en dos dimensiones mientras usas esta frase. Es posible que a veces solo necesites mover una dimensión. La expresión Wiggle de After Effects (también conocida como Wiggle AE) es una herramienta excelente para crear movimientos de elementos erráticos, movimientos de personajes inactivos, movimientos de cámara impredecibles, letras temblorosas y luces intermitentes.
5. ‘Time’
Cuanto mayor sea el valor junto a "tiempo" a continuación, más rápida será tu animación. La expresión de ‘time’ o tiempo es útil para la animación continua. Utilizar el tiempo es uno de los métodos más rápidos y sencillos para crear una animación. El tiempo simplemente crea el valor numérico de cada segundo en la línea de tiempo. Recuerda que, independientemente de la configuración del código de tiempo, este número comienza en cero al comienzo de la compilación.
Nuevamente, combina esto con un poco de aritmética simple para obtener excelentes resultados. Para encontrar un valor multiplicador que funcione para el parámetro que estás animando, juega y explora. Úsalo para modificar gradualmente la posición o rotación de una capa. El tiempo también es muy útil para manejar texturas animadas como los efectos Fractal o Turbulent Noise. El parámetro de evolución se incrementa en un factor de 100 a lo largo del tiempo.
Parte 3. Cómo agregar expresiones en After Effects
En Adobe AE, se pueden agregar expresiones a cualquier tipo de capa y cualquier forma de atributo de capa. No te rindas; una de las mejores cosas de las expresiones es que no es necesario ser un programador o codificador experto para usarlas. Una variedad de efectos de transformación pueden tener expresiones aplicadas para generar animaciones fascinantes, que pueden tardar horas en crearse desde cero.
Mientras que algunos modismos son breves, simples y fáciles de usar y comprender, otros son prolijos y complejos. A pesar de que pueden parecer difíciles, pegarlos en su lugar designado debería funcionar. El proceso de agregar expresiones es siempre el mismo; el código varía según tus objetivos. Aprender a aplicar un efecto de Expresión a tu capa es el primer paso.
Paso 1 Incluye tu formulario o imagen en la línea de tiempo. Cuando veas las propiedades de la capa, haz clic en el cronómetro de la propiedad a la que deseas aplicar la frase mientras mantiene presionada la tecla "Alt" (PC) u "Opción" (Mac).
Paso 2 Crea dos fotogramas clave para la transformación que haz seleccionado; en nuestro caso, lo hemos apuntado en los cuadros Inicio y Fin como se muestra a continuación:
Paso 3Ve al menú Animación y elija la opción Transformar que encuadraste en la línea de tiempo. Estamos eligiendo Escala ya que es lo que enmarcamos. Múltiples configuraciones de Transformación pueden tener expresiones añadidas, pero debes hacerlo secuencialmente.
Paso 4 Aparecerá un cuadro en la línea de tiempo después de elegir Agregar expresión en el menú. En el cuadro, pega tu expresión. Los parámetros numéricos se volverán rojos y aparecerá un cuadro de texto en la línea de tiempo debajo de la capa. Las Expresiones se escribirán o copiarán aquí. Al ajustar los valores en el código, puedes afinar la expresión; experimenta con cada uno para encontrar lo que funciona para ti.
Parte 4. Cómo editar expresiones en After Effects
Para editar las expresiones en AE, necesitas algunas habilidades de programación para aprovechar al máximo las expresiones, ya que emplean JavaScript. Sin embargo, hay muchos ejemplos excelentes de expresión para principiantes y expertos, por lo que aún puedes hacer mucho con Premiere Pro sin ellos. Cuando hagas clic en el símbolo de fotograma clave en la propiedad a la que deseas aplicar una expresión, manten presionada la tecla Alt para utilizar expresiones. Aparecerá un cuadro de expresión donde puedes escribir y modificar expresiones.
Paso 1 Selecciona la propiedad en el panel Línea de tiempo, luego elija Animación > Agregar expresión para agregar y revelar una expresión. Para buscar Expresiones y otras partes de una propiedad, use el cuadro de búsqueda en el panel Línea de tiempo.
Paso 2 En el panel Línea de tiempo o el panel Controles de efectos, haz clic en el botón del cronómetro junto al nombre de la propiedad usando el método abreviado de teclado Alt + clic para Windows u Opción + clic para MacOS. Se muestran cuatro iconos debajo de la propiedad mientras la expresión está activa y el valor se vuelve rojo.
Paso 3Para abrir el Editor de expresiones, haz clic dentro del cuadro de texto en el panel Línea de tiempo. Donde quiera que desees modificar la frase, coloca el cursor. El cursor se puede mover al nombre o costo de una propiedad. La expresión resultante muestra todos los valores como uno si arrastras hasta el nombre de una propiedad.
Paso 4Presiona Enter en el teclado numérico para finalizar la edición de texto e iniciar la expresión.
Conclusión
Una de las piezas de software más populares para la postproducción de películas se llama After Effects. Muchos editores de video y creadores de gráficos en movimiento utilizan las herramientas y expresiones en AE para producir impresionantes obras de arte, películas animadas, publicidad en video, efectos de video distintivos y muchas otras cosas útiles. Las expresiones son líneas de código JavaScript que te permiten manipular datos en Adobe After Effects. A pesar de que no tienen el mismo nombre llamativo que una lanza de kryptonita, pueden ser igual de poderosos en las manos adecuadas. Te ahorrará un montón de tiempo se aplica a todos ellos, independientemente del tamaño.
