Las herramientas de Inteligencia Artificial como Gemini o Midjourney generan imágenes e infografías espectaculares. Sin embargo, convertir esas piezas estáticas en video sin pagar suscripciones costosas suele ser un reto. En este tutorial aprenderás un flujo de trabajo para desglosar cualquier diseño en capas utilizando Canva y darle vida en Adobe After Effects con efectos como Saber (fuego/energía), animaciones de escala y un bucle infinito listo para redes sociales.

Separación y Exportación de Capas en Canva

El primer paso para animar una imagen completa es aislar cada uno de sus elementos visuales para tener control independiente en After Effects.

Paso 1: Usar Capas Mágicas (Magic Layers)

  1. Sube tu imagen o infografía generada por IA a Canva.
  2. Utiliza la función de desglose por capas para separar el texto, los personajes y los elementos del fondo.
  3. Corrige o edita cualquier texto o gráfico que desees ajustar antes de la animación.

Paso 2: Crear y Exportar Páginas Individuales

  1. Duplica el lienzo principal tantas veces como capas individuales vayas a animar (por ejemplo: título, personaje, fondo, hologramas).
  2. En cada página, conserva únicamente el elemento correspondiente y elimina todo lo demás.
  3. Haz clic en Compartir > Descargar.
  4. Selecciona el formato PNG y marca la casilla Fondo transparente.

Configuración del Proyecto e Importación en After Effects

Una vez que tengas tus archivos PNG transparentes organizados en una carpeta, es momento de llevarlos al software de composición.

Configuración de la Composición

  1. Abre Adobe After Effects y crea una Nueva composición.
  2. Ajusta las dimensiones en píxeles para que coincidan exactamente con la resolución exportada desde Canva.
  3. Define la duración del video (por ejemplo, 5 segundos para un bucle corto).
  4. Importa todos los archivos PNG seleccionando Ctrl + I y renombrándolos para mantener el orden en el panel de proyecto.
  5. Arrastra la capa del fondo a la línea de tiempo como base.

Aplicación de Efectos y Animación Avanzada

Animación de Título con Efecto de Energía (Plugin Saber)

  1. Arrastra la capa del título sobre la composición.
  2. Selecciona la capa del título y aplica Capa > Trazado automático para generar las máscaras alrededor de las letras.
  3. Crea un Nuevo Sólido, aplícale el efecto gratuito Saber y cambia la opción Core Type a Layer Masks.
  4. Copia las máscaras generadas y pégalas dentro del sólido con el efecto Saber para crear un contorno de fuego o luz eléctrica.
  5. Cambia el modo de fusión de la capa a Añadir (Add) para integrar la luz sobre la imagen original.

Animación de Elementos en Bucle (Escala, Opacidad y Aura)

  • Pulsación / Escala: Aplica el efecto Transformar sobre los elementos o personajes secundarios. Configura keyframes en la propiedad Escala (100% -> 80% -> 120% -> 100%) para simular un palpitar continuo.
  • Hologramas u Objetos Flotantes: Anima la Opacidad alternando valores entre el 50% y el 100% para dar un efecto intermitente de tecnología o luz.
  • Aura «Sayayin» en el Avatar: Aplica el procedimiento del plugin Saber sobre el borde trazado del personaje principal para rodearlo de una energía o fuego envolvente.

Creación del Loop Perfecto y Renderizado

Configuración del Bucle Infinito

Para evitar saltos bruscos cuando el video vuelva a iniciar en redes sociales:

  1. En los parámetros del efecto Saber, ubica la propiedad Mask Evolution.
  2. Marca un keyframe inicial en 0° (o -180°) al inicio de la línea de tiempo.
  3. Avanza hasta el último fotograma de la composición y marca un keyframe final en 360°.
  4. Esto garantiza que la posición inicial y final del fuego o la energía sea idéntica.

Exportar el Video Final

  1. Presiona Ctrl + M para enviar la composición a la cola de procesamiento.
  2. Selecciona la carpeta de destino y el nombre del archivo.
  3. Haz clic en Procesar (Render).

Recursos utilizados para la clase

Suscríbete a nuestras novedades y el botón de descarga con los archivos de la clase aparecerá más abajo.

Ver la clase en YouTube Ver la clase completa en YouTube
Descarga de la clase

Recursos – Anima un póster IA con Canva + Adobe After Effects

Archivo .zip – 1 MB

Los insumos son gratis. Suscríbete en el formulario de arriba y la descarga se abre sola, de una.