Cómo crear el Efecto Fuego y Neón en Cualquier Logo con After Effects (Saber Plugin)

Transformar imágenes, gráficos en blanco y negro, siluetas complejas o tipografías en animaciones de fuego, energía o luz neón es uno de los recursos visuales de mayor impacto en Motion Graphics.

En este tutorial aprenderás el flujo de trabajo paso a paso para procesar imágenes en Adobe Photoshop, aislarlas y convertirlas en trazados vectoriales dentro de Adobe After Effects, para luego aplicar el potente plugin gratuito SABER de Video Copilot.

🛠️ Requisitos y herramientas necesarias

Adobe Photoshop (para aislamiento de fondos con selección de color).
Adobe After Effects (para animación y composición).
Plugin SABER de Video Copilot (100% gratuito para Windows y macOS).

Guía paso a paso: De silueta plana a animación de fuego

Paso 1: Aislado de fondo transparente en Photoshop (Gama de Colores)

Para que After Effects reconozca los bordes exactos de tu diseño o logo, es imprescindible eliminar el fondo blanco o sólido.

Abre tu imagen en Photoshop.
Desbloquea la capa haciendo clic sobre el icono de candado en el panel de capas.
Dirígete al menú superior Selección > Gama de colores.
Con el cuentagotas, haz clic sobre el fondo blanco y presiona OK.
Presiona la tecla Suprimir (Delete) para borrar el área seleccionada.
Presiona Ctrl + D para deseleccionar.
Guarda tu archivo en formato sin fondo: Archivo > Guardar como > PNG.

Tip de integración: Si After Effects te arroja un error de encabezado o compatibilidad al importar una imagen JPG bajada de la red, abre el archivo con la herramienta básica de Paint y vuelve a guardarlo como PNG.

Paso 2: Preparación de la composición en After Effects

Crea una Nueva Composición (Ctrl + N) con resolución FullHD (1920×1080), duración de 5 segundos y fondo negro.
Importa tus archivos PNG presionando el comando Ctrl + I.
Arrastra la imagen a la línea de tiempo. Si necesitas modificar su tamaño, presiona la tecla S para abrir la opción de Escala.

Paso 3: Precomposición y Trazado Automático (Auto-Trace)

Haz clic derecho sobre la capa del logo y selecciona Precomponer.
Elige la opción «Transferir todos los atributos a la nueva composición» y presiona Aceptar.
Con la precomposición seleccionada, ve al menú superior Capa > Trazado automático (Auto-trace).
Mantén la tolerancia por defecto (1 px) y presiona Aceptar para generar las máscaras de vectores.

Paso 4: Configuración y calibración del Plugin SABER

Busca el plugin SABER en el panel de Efectos y ajustes preestablecidos y arrástralo sobre tu capa.
En el panel de control de efectos:
- Preset: Selecciona el estilo deseado (Fire para Fuego, Energy para Energía Neón, Ghost o Patron).
- Customize Core: Despliega la pestaña, busca Core Type y cámbialo de Saber a Layer Masks.
Calibración para evitar sobreexposición visual:
- Core Size (Tamaño del núcleo): Redúcelo a valores entre 0.1 y 0.3 para que el trazo del fuego no tape los detalles del logo.
- Glow Spread: Reduce el destello difuso a valores entre 0.02 y 0.05 para un brillo estilizado.
- Glow Color: Personaliza el tono de la energía (Azul, Rojo, Blanco, etc.).

Paso 5: Renderizado y exportación del video

Presiona la barra espaciadora para generar la vista previa y RAM render.
Presiona el comando Ctrl + M para enviar la animación a la Cola de render.
Asigna la carpeta de destino y haz clic en el botón Procesar (Render).

📺 Ver la clase en video paso a paso

Si quieres seguir el tutorial dinámico con ejemplos reales aplicados a tipografía estilo graffiti (RELAX), vectores de alta complejidad (Dragón) y escudos deportivos (FC Barcelona y Real Madrid), mira el video de nuestro canal Las Mates Fáciles:

▶️ Ver tutorial en YouTube: Cómo Convertir CUALQUIER LOGO en FUEGO o ENERGÍA en After Effects

🎓 ¿Quieres profundizar en herramientas de edición profesional? Accede a nuestros módulos de aprendizaje en LMF Studio.