After Effects cuenta con una enorme variedad de herramientas, ofreciendo posibilidades casi ilimitadas para editar composiciones, crear efectos especiales y, por supuesto, animaciones. 

A pesar de esto, muchos animadores se sienten intimidados por la curva de aprendizaje de After Effects y suelen optar por programas aparentemente más sencillos. Sin embargo, una vez que se domina After Effects, animar con él resulta sorprendentemente fácil.

En esta publicación, te guiaremos a través del proceso exacto para configurar y animar en After Effects utilizando sus herramientas de fotogramas clave y editor de gráficos, todo en cuestión de minutos.

La animación por fotogramas clave en After Effects es fácil, solo sigue estos pasos.

La animación por fotogramas clave consiste en hacer pasar un objeto de un estado a otro definiendo fotogramas clave en cada estado. Estos fotogramas clave sirven como puntos de referencia para la posición, la escala, la rotación, etc., del objeto. Para crear la ilusión de movimiento entre fotogramas clave, se pueden utilizar diversos métodos, como dibujar a mano los fotogramas intermedios o usar software como After Effects para la interpolación, que es el proceso de generar automáticamente dichos fotogramas.

Aquí te mostramos cómo configurar los fotogramas clave y habilitar la interpolación en After Effects.

Para empezar, selecciona un objeto en tu composición y accede al menú Transformar que aparece debajo. A continuación, haz clic en el icono del cronómetro junto al atributo Posición. Esta acción no solo establece un fotograma clave, sino que también habilita la animación por fotogramas clave para el objeto seleccionado a lo largo del tiempo.

Tras establecer el primer fotograma clave, avanza el cabezal de reproducción unos segundos en la línea de tiempo. A continuación, haz clic y arrastra el objeto dentro de la ventana de composición. Al mover el objeto, se generará automáticamente un nuevo fotograma clave. Ahora, al reproducir la animación, verás el objeto moviéndose entre los dos fotogramas clave.

Enseguida te darás cuenta de que, al igual que otros programas de animación, After Effects genera una trayectoria lineal y consistente entre todos los fotogramas clave que añadas. Sin embargo, no queremos mantener este movimiento lineal, ya que no se ve muy natural (recuerda el principio de sincronización en la animación).

Cómo entrar y salir fácilmente con tan solo unos clics.

Existen varios métodos para cambiar la sincronización de lineal a algo más natural.

Un método consiste en añadir manualmente nuevos fotogramas clave y ajustar visualmente la sincronización entre cada uno. Si bien este método permite un control muy preciso, puede resultar laborioso. Además, si posteriormente necesitas modificar la animación, editarla puede ser complicado.

Otro enfoque común es simplemente aumentar y disminuir gradualmente la velocidad entre cada fotograma clave. After Effects ofrece algunas opciones sobre cómo hacer esto. La primera se llama Facilidad.

Para acceder a Easy Ease, haga clic con el botón derecho en la línea de tiempo, seleccione Asistente de fotogramas clave y, a continuación, Easy Ease.

Al añadir Easy Ease, se agrega automáticamente una curva Bézier a los fotogramas clave, con una transición suave desde cero al inicio de la animación, acelerando la animación hacia la mitad y disminuyendo la velocidad hasta que vuelve a cero.

Esto produce una animación muy natural entre los dos fotogramas clave.

Como alternativa, puede optar por agregar una transición suave manualmente seleccionando Easy Ease In y Easy Ease Out en el mismo menú, que hace exactamente lo que su nombre indica.

Un consejo rápido: puedes identificar fácilmente qué fotogramas clave tienen una función de suavizado aplicada, ya que el icono del fotograma clave cambiará a un reloj de arena, como en la imagen de abajo.

Si bien usar Easy Ease es, bueno, fácil, no siempre crea el movimiento que necesitas. Si buscas manipular las transiciones con mucho más control, te recomendamos acceder al Editor de gráficos de After Effects.

Los editores de gráficos facilitan la interpolación avanzada.

El editor de gráficos de After Effects visualiza la interpolación entre fotogramas clave y ofrece una forma de mantener un control preciso sobre la sincronización y el movimiento entre esos fotogramas.

Para acceder al editor de gráficos de un objeto, seleccione el botón Editor de gráficos situado encima de la línea de tiempo.

En la imagen superior, los cuadrados amarillos representan los fotogramas clave. La línea diagonal roja indica el movimiento entre los dos fotogramas clave en el eje X. La línea verde indica el movimiento entre los dos fotogramas clave en el eje Y.

Como puede observarse, la línea roja tiene pendiente. Esto indica un movimiento lineal del objeto seleccionado a lo largo del eje X, mientras que la línea verde plana indica que no hay movimiento a lo largo del eje Y.

Si reprodujeras esta animación, el objeto dentro de la composición simplemente se movería de izquierda a derecha en la pantalla a un ritmo lineal.

De nuevo, puedes hacer clic con el botón derecho en los fotogramas clave amarillos y seleccionar "Suavizado fácil" para suavizar automáticamente la entrada y salida de la animación. Una vez hecho esto, se verá algo parecido a la imagen de abajo.

Aquí se puede observar cómo las líneas roja y verde han pasado de ser rectas a curvas. Estas curvas representan la transición de la animación al inicio y al final. La pendiente de la línea indica la velocidad de la animación: cuanto mayor sea la pendiente, más rápida será la animación.

Dado que tanto la línea roja como la verde tienen pendiente en la parte superior, si reprodujeras la animación, el objeto se movería en diagonal por la pantalla (trasladándose en los ejes X e Y). El objeto comenzará completamente inmóvil, acelerará gradualmente hacia la mitad y luego se detendrá por completo.

Si buscas un control aún mayor sobre la transición entre fotogramas clave, deberás abrir la herramienta denominada Gráficos de velocidad.

Los gráficos de velocidad muestran la rapidez con la que se mueven los objetos y ofrecen ajustes aún más precisos para la suavización.

Para acceder a los gráficos de velocidad, haga clic en el botón de menú en la parte inferior de la línea de tiempo y seleccione Editar gráfico de velocidad.

A continuación se muestra un ejemplo de lo que verá en su gráfico de velocidad.

Este arco representa la velocidad de animación del objeto en cada punto. Al igual que en el Editor de gráficos, una curva más pronunciada indica un movimiento más rápido, mientras que una curva menos pronunciada indica un movimiento más lento.

En el ejemplo anterior, el objeto comienza con velocidad cero, aumenta su velocidad hasta alcanzar su punto más rápido en el medio y luego disminuye su velocidad hasta llegar a cero al final.

Puedes ajustar la velocidad fácilmente arrastrando los tiradores amarillos de Bezier, aumentando o disminuyendo las pendientes a las que están unidos.

En el ejemplo siguiente, la curva se ha modificado arrastrando los manejadores de Bézier. Ahora la animación comienza rápidamente, luego se ralentiza considerablemente al final hasta detenerse por completo.

También puedes mover los fotogramas clave amarillos verticalmente hacia arriba y hacia abajo en el gráfico. Al hacerlo, cambiará la velocidad inicial y final de la animación.

En la imagen de abajo, el fotograma inicial se ha desplazado hacia arriba en el gráfico. 

Ahora, en lugar de comenzar con velocidad cero al inicio de la animación, el objeto ya estará en movimiento cuando comience la animación.

Dominar los fotogramas clave y los editores gráficos en After Effects sienta las bases para todo tipo de animación. Una vez que domines estos controles, las posibilidades para tus animaciones serán infinitas.