Cómo hacer una animación simple usando Adobe Illustrator y After Effects

¿Alguna vez has hecho una ilustración asombrosa con Adobe Illustrator y te has preguntado qué más puedes hacer con ella? Puede importarlo a After Effects y convertirlo en una animación fantástica. Síguelo para ver lo fácil que puede ser.

Crear una ilustración en Adobe Illustrator

Hay diferentes formas de crear una ilustración para una futura animación. El uso de Adobe Illustrator le ofrece soluciones de ilustración intuitivas que se pueden importar y entender fácilmente en After Effects. también podrías usar Photoshop para crear una composición para After Effects, pero nos vamos a centrar en trabajar con Illustrator.

Al crear su documento de Illustrator, configúrelo para el tamaño de su video deseado (estamos usando 1920 x 1080). Para iniciar un nuevo documento, haga clic en Archivo nuevo y elige tus dimensiones. Hacer clic DE ACUERDO y estás listo para empezar a diseñar.

Usar formas simples

Un beneficio real de usar Illustrator para su diseño de animación son las opciones de búsqueda de ruta. Puede diseñar usando formas simples, como una elipse o un rectángulo, y al usar las funciones de búsqueda de ruta, puede transformar fácilmente esas formas simples en ilustraciones más complicadas.

Usar formas simples y minimalistas para tu ilustración también te ayudará a la hora de animar. Una ilustración simple es más fácil de animar que algo mucho más complejo. Probablemente notará que la mayoría de las animaciones que encuentra en línea son bastante simples.

Una paleta de colores minimalista complementará su animación simple: hemos escrito una guía para crear una paleta de colores automatizada en Illustrator.

Trabajar en capas separadas

Trabajar en capas separadas en Illustrator no solo es una buena práctica, sino que es integral para importar su ilustración a After Effects más adelante. Las capas se conservarán y podrá animar fácilmente capa por capa.

Cada elemento de su diseño que desea animar, o no animar, debe estar en una capa separada. Si un elemento es complejo pero no tiene partes individuales que se puedan animar, toda esa sección debe estar en la misma capa. Se debe cambiar el nombre de cada capa para que pueda realizar un seguimiento de todos ellos en AE. Para cambiar el nombre de una capa, haga doble clic en su nombre actual.

Al importar su ilustración a AE, no solo las dimensiones del archivo y la capa permanecerán iguales, por lo tanto, manteniendo sus elementos en sus posiciones correctas, pero los elementos animados estarán todos correctamente separados así como.

Guardar su archivo de Illustrator

Con su ilustración completa, vaya a Archivo > Guardar como y guárdelo como un archivo AI. Después de hacer clic Guardar, aparecerá una ventana emergente. Asegúrese de que el Crear archivo compatible con PDF la casilla está marcada, luego haga clic en DE ACUERDO.

La razón para guardar su ilustración como un archivo AI es que se convierte en un archivo en vivo. Si creó su animación con el mismo archivo, pero luego se da cuenta de que desea cambiar el color o un aspecto de la ilustración, puede hacerlo. Cualquier cambio guardado en el archivo AI se reflejará instantáneamente en la animación de After Effects, siempre que esté utilizando el archivo AI.

Esta es una opción que, con suerte, no necesitará si ha hecho la ilustración de la manera que desea. Pero es genial tener la opción de cambiar aspectos en el futuro si es necesario.

Importación de su diseño a Adobe After Effects

Con su archivo AI guardado, es hora de importar la ilustración a After Effects. AE tiene tres áreas principales: Panel de proyecto, Línea de tiempo y Composición. Haga doble clic en el panel Proyecto y aparecerá una ventana emergente. Encuentre su archivo de Illustrator, elija Importar como > Composición – Conservar tamaños de capay haga clic en Importar. Asegurarse Crear composición está chequeado.

Cuando se abra, verá dos opciones de archivo en el panel Proyecto. Uno será el archivo de composición y el otro será una carpeta de las capas separadas. No es necesario utilizar la carpeta. Arrastre el archivo de composición hasta la línea de tiempo y su ilustración aparecerá en el área de composición. Verás todas tus capas en la línea de tiempo.

Puede ajustar la duración de la animación extendiendo o reduciendo la banda de tiempo sobre la línea de tiempo. Esta será la duración de su video cuando se exporte, pero se puede cambiar en cualquier momento durante el proceso de diseño.

Transformar en After Effects

En la línea de tiempo, cada capa se puede animar individualmente con muchas opciones de transición diferentes. Para ver las transiciones, haga clic en el pequeño flecha blanca en una capa, luego haga clic en la flecha junto a Transformar para ver y cambiar los tipos de animación.

Verás estas opciones de Transformar:

• Punto de anclaje
• Posición
• Escala
• Rotación
• Opacidad

Junto a cada una de las opciones habrá un conjunto de números. Estos números pueden ser un porcentaje, coordenadas u otra cosa. Cada uno de ellos se relaciona con la opción Transformar junto a la que están; cuando transforme parte de su animación, los números reflejarán el cambio.

Cambiar las opciones de Transformar no hará nada sin el uso de fotogramas clave. Son la parte más importante de la animación en After Effects.

Trabajar con fotogramas clave

Los fotogramas clave son iconos en forma de diamante que representan un elemento Transformar para el indicador de tiempo. Antes de que pueda usar los fotogramas clave, debe presionar el ícono del cronómetro junto a la opción de Transformar que eligió; actúa como un interruptor y reconoce que se está usando la opción de Transformar.

Con el cronómetro encendido, puede mover el indicador de tiempo (una línea azul vertical con una pestaña en la parte superior) a lo largo de la línea de tiempo de la animación a los lugares donde desea que sucedan los elementos de la animación. Cambiar los parámetros numéricos agregará un fotograma clave. Para algunas opciones de Transformación, como Escala o Posición, también puede mover manualmente el elemento en la ventana de composición en lugar de cambiar los números.

Cada vez que mueva el indicador de tiempo y luego cambie un parámetro de Transformación, se agregará un fotograma clave. Puede mover los fotogramas clave de sus posiciones y el parámetro se moverá al lugar donde coloque el fotograma clave.

También puede copiar y pegar un fotograma clave para que se refleje en otra capa. Por ejemplo, si desea mover varias capas al mismo tiempo, puede copiar los fotogramas clave de posición de una capa y luego pegarlos en otra capa. Se pegarán donde esté el indicador de tiempo. Seleccionar varias capas a la vez y agregar fotogramas clave a una colocará el mismo fotograma clave en todas las capas seleccionadas.

Uso de Easy Ease

La función Easy Ease se usa comúnmente, pero ¿qué hace? La clave está un poco en el nombre: facilita los elementos de animación.

Agregar Easy Ease a un fotograma clave le da a la opción Transformar una facilidad más natural, en lugar de un final (o comienzo) repentino. Es una diferencia muy sutil, pero podría decirse que agrega un nivel de experiencia a sus animaciones.

Para usar Easy Ease, haga clic con el botón derecho en cualquier rombo de fotograma clave y vaya a Asistente de fotogramas clave > Easy Ease. También puedes usar el atajo F9 para implementar Easy Ease. El diamante del fotograma clave se convertirá en una forma de reloj de arena para representar Easy Ease.

Exportando tu animación

Una vez que haya terminado de animar en After Effects y esté satisfecho con el aspecto de todo, debe guardar el video. Puede use complementos como LottieFiles para crear animaciones de Lottie desde su video, o puede exportarlo como un video con diferentes opciones de renderizado.

Ir a Archivo > Exportar > Agregar a cola de procesamiento. Elija un destino de salida y haga clic en Prestar. Puede dejar que su animación se renderice sin supervisión; dependiendo de su longitud y el número de elementos, puede tardar un poco. Una vez que haya terminado de renderizar, tendrá su video de animación.

Transforme su arte de Illustrator en After Effects

Puede maximizar sus habilidades con Adobe Illustrator convirtiendo una simple ilustración en una animación impresionante. Al usar la herramienta y las capas de Pathfinder de Illustrator, apreciará la herramienta después de importarla a After Effects. Siga esta guía y haga una animación genial.

Más de 75 atajos de teclado de Adobe After Effects para hacer su vida más fácil

Leer siguiente

Sobre el Autor