Guía Maestra: Efecto «Línea Serpiente» en After Effects (De Básico a Experto)

Guía Definitiva: Animación de «Serpiente» Avanzada en After Effects (Sin Plugins)

En este tutorial aprenderás tres técnicas progresivas: desde una línea básica, pasando por un gradiente que sigue curvas, hasta un sistema de partículas personalizadas con física real.

Fase 1: La Línea Guía (Y cómo evitar errores con formas)

Lo primero es tener el trazado. Puedes usar la Pluma o formas geométricas.

El «Problema» de los Círculos y Cuadrados:

Si usas una Elipse o Rectángulo, After Effects no te dejará copiar sus puntos por defecto porque son «paramétricos». Para arreglarlo:

1. Dibuja tu forma.
2. Busca en la capa: Contenido > Elipse 1 > Trazado elíptico 1.
3. Haz Clic Derecho sobre esa línea y selecciona «Convertir en trazado de curva Bézier».
4. Ahora verás que se llama «Trazado 1». Este sí se puede copiar y animar libremente.

Fase 2: La Serpiente Básica (Recortar Trazados)

Ideal para estilos planos (flat).

1. Dibuja tu trazo (sin relleno).
2. Agrega el efecto: Agregar (Add) > Recortar Trazados (Trim Paths).
3. Anima el Fin del 0% al 15% para darle largo, y luego mueve el Desplazamiento (Offset) para que recorra la línea.
4. Truco Pro (Conicidad): Para que parezca reptil (cabeza gorda, cola fina), ve a Trazo > Conicidad (Taper) y aumenta la «Longitud de inicio».

Fase 3: Serpiente con Gradiente (Efecto Vegas)

Las capas de forma no permiten degradados curvos. Para lograr una cabeza sólida y una cola transparente sobre una curva, usamos el efecto Vegas en un sólido.

1. Pegar el Trazado en una Máscara (El paso crítico)

1. Copia el «Trazado 1» de tu capa guía (Ctrl+C).
2. Crea un Sólido nuevo (Ctrl+Y).
3. Con la Pluma, haz un clic en pantalla para crear una máscara vacía.
4. Ve a Máscara 1 > Trazado de máscara y Pega (Ctrl+V).

2. Configurar Vegas

Aplica Efecto > Generar > Vegas al sólido:

• Trazo: Máscara/Trazado.
• Trazado: Máscara 1.
• Segmentos: 1.
• Renderización: Transparente.
• Opacidad: Inicial 1.0 (Cabeza) / Final 0.0 (Cola). Esto crea el gradiente.
• Longitud: 0.150 (Tamaño de la serpiente).

Animación: Crea keyframes en la Rotación del efecto (de 0 vueltas a 1 vuelta completa).

Fase 4: Partículas con Inercia (El Sistema Maestro)

Haremos que la cabeza dispare partículas que «floten» físicamente.

1. El Rastreador (Objeto Nulo + Código)

Necesitamos un objeto invisible que se pegue a la cabeza de la serpiente.

1. Crea un Nuevo Objeto Nulo («Cabeza Fantasma»).
2. Presiona P (Posición).
3. Alt + Clic en el reloj de Posición.
4. Borra todo y pega este código (⚠️ NO uses la espiral aquí):

var miCapa = thisComp.layer("Sólido con Vegas"); // Nombre exacto de tu capa serpiente
var miTrazado = miCapa.mask(1).maskPath;
var rotacionVegas = miCapa.effect("Vegas")("Rotación"); // Usa "Rotation" si AE está en inglés

miTrazado.pointOnPath(rotacionVegas / 360);
    

2. El Emisor (Aquí SÍ usamos la Espiral 🌀)

1. Crea un Sólido y aplica CC Particle Systems II.
2. Despliega Producer.
3. Haz clic en el ícono de la Espiral (Pick-whip) 🌀 que está al lado de la propiedad Position.
4. Arrastra la espiral 🌀 hasta conectar con la propiedad Posición del Nulo «Cabeza Fantasma».

3. Física de Inercia

• Animation: Directional.
• Velocity: 0.1 (Muy bajo, para heredar el movimiento suave).
• Gravity: 0.0 (Para que floten en el aire).
• Resistance: 5.0 a 10.0 (Fricción del aire para frenado suave).

4. Partículas Personalizadas (Logos/Iconos)

1. Pon tu imagen en la línea de tiempo y apaga el ojo 👁️ (visibilidad).
2. En el efecto partículas: Cambia Particle Type a Textured Polygon.
3. Ve a Texture Layer y selecciona tu imagen oculta.
4. El Truco del Color: Cambia Birth Color y Death Color a BLANCO PURO. Si los dejas en amarillo/rojo, teñirán tu logo original. Al ponerlos blancos, se respeta el color real de tu imagen.