Panorama general: dos trucos de producción
Dos problemas clásicos de quienes producen motion con Claude Code + Remotion tienen soluciones elegantes y contraintuitivas. Ambos parten del mismo principio: muéstralo, no lo describas.
Motion Path Control
Dibuja la trayectoria en papel o en una app y entrégale la imagen a Claude. Lee el recorrido y genera la animación que sigue exactamente esa curva.
Renderizado transparente
Para componer sobre footage, tres configuraciones específicas garantizan que se preserve el canal alfa. Sin ellas, la transparencia desaparece.
Dibujar la trayectoria: imagen como entrada
El flujo es simple: abre una app de notas, Word, Paint, cualquier cosa. Dibuja una línea sobre fondo blanco. Puede ser a mano alzada, con lápiz, mouse o dedo. Guárdalo como imagen y envíaselo a Claude con un prompt como «traza este camino y genera una animación que siga exactamente esta trayectoria en Remotion».
Punto ámbar que sigue la trayectoria dibujada: exactamente lo que Claude genera a partir de tu imagen.
💡 Consejo: calidad de imagen
Una única línea oscura sobre fondo blanco. Sin adornos ni texto alrededor de la trayectoria. Cuanto más limpia la imagen, más precisa la ruta extraída.
Por qué es más preciso que las palabras
El lenguaje natural es ambiguo para describir formas. «Curva suave hacia la derecha que sube gradualmente» puede generar decenas de interpretaciones distintas. Una imagen es unívoca: no deja margen para la interpretación.
✗ Palabras
- "curva suave" — ¿qué tan suave?
- "hacia la derecha" — ¿cuál es el ángulo exacto?
- "sube gradualmente" — ¿cuál es la inclinación?
- Resultado: puede necesitar 5+ intentos
✓ Imagen
- Forma exacta, sin ambigüedad
- Claude lee las coordenadas del path
- El primer intento ya está bien
- Resultado: acierto a la primera
Cuándo usar el renderizado transparente
Siempre que el background de Remotion no sea el background final del video. Estás creando un elemento que se colocará sobre otro video o imagen en un editor de video (Premiere, DaVinci, Final Cut).
Title Cards
Título animado que aparece sobre imágenes de apertura. El fondo de Remotion debe ser transparente para que el video del NLE aparezca por debajo.
Tercios inferiores
El nombre y el cargo de la persona entrevistada se animan sobre el footage. El overlay necesita un canal alpha para no cubrir la imagen de fondo.
Overlays de datos
Gráficos y números animados sobre screencast o footage de producto. Transparency es lo que permite una composición natural.
Las configuraciones exactas: ProRes 4444 XQ
Tres campos en el panel de render de Remotion. Los tres deben estar configurados. Cambiar solo uno o dos no es suficiente: el canal alpha solo se conserva cuando los tres son correctos en conjunto.
El campo "Alpha Channel" parpadea para indicar que está activo: resultado de configurar correctamente los tres campos.
Errores comunes y cómo evitarlos
Los tres errores más frecuentes que hacen desaparecer el canal alfa o que la trayectoria salga mal. Guarda estos patrones: aparecen cada vez que intentas componer por primera vez.
✗ Errores que destruyen el alpha
- •Codec H.264 — no admite canal alpha. El fondo queda negro.
- •Picture = JPEG — JPEG no tiene canal alpha. Usa PNG.
- •Format incorrecto — si no es la última opción, el alpha se aplana.
✗ Errores que confunden el path
- •Imagen saturada — el texto, las decoraciones y las líneas múltiples confunden la extracción.
- •Línea muy fina — puede que no se detecte. Usa un trazo medio o grueso.
- •Fondo de color — perjudica el contraste. Usa siempre un fondo blanco.
⚠️ Atención: los tres campos son obligatorios
Configurar solo Codec sin cambiar Picture o Format no conserva el alpha. Los tres campos deben cambiarse juntos: son interdependientes en el pipeline de render de Remotion.
Resumen del módulo
Siguiente módulo:
4.2 — Iteración que compone calidad: los 4 turnos que transforman un esqueleto en una obra pulida.