Saltar al contenido

Haz un video con voz y motion graphics usando Claude, sin After Effects

Paso a paso con capturas: crea tu cuenta gratis en ElevenLabs, elige una voz en español, saca tu API key y pídele a Claude Code que convierta tu guion en un video animado y sincronizado con la voz.

Herramientas

En esta página · 10 partes
  1. Qué vas a necesitar
  2. Crea tu cuenta gratis
  3. Elige una voz en español
  4. Prueba tu guion con Eleven v4
  5. Crea tu API key
  6. Pídele el video a Claude Code
  7. Ajusta con frases, no con keyframes
  8. Grábalo como en el reel
  9. Errores comunes
  10. En tres líneas

Todo lo que viste en el reel salió de dos piezas: una voz generada con ElevenLabs y una animación que Claude escribió como código. No hubo línea de tiempo ni keyframes, y nadie movió capas a mano. Este tutorial te lleva por el mismo camino, paso a paso.

Qué vas a necesitar

  • Una cuenta gratis de ElevenLabs.
  • Claude Code instalado en tu computador.
  • Node.js, para renderizar el video. Si no lo tienes, Claude te dice cómo instalarlo.
  • Un guion corto. Un minuto hablado son unos 1.000 caracteres.

1. Crea tu cuenta gratis

Entra a ElevenLabs desde aquí enlace de afiliado y elige Empieza ahora, es gratis. Puedes registrarte con tu correo o con tu cuenta de Google.

Página de precios de ElevenLabs con el plan Gratis de 0 dólares y el botón "Empieza ahora - es gratis"

El plan gratis te da 10.000 créditos al mes, y se renuevan cada mes. Según su página de precios de la API, ese plan incluye 10.000 caracteres de Eleven v4: te alcanza para unos diez guiones de un minuto.

2. Elige una voz en español

En el menú de la izquierda entra a Text to Speech y toca Select a voice. En el filtro Language elige Spanish. Al lado, en el acento, elige Latin American. Te van a aparecer cientos de voces latinas.

Biblioteca de voces de ElevenLabs filtrada por español con acento latinoamericano

Escucha dos o tres antes de decidir. Cuando una te guste, toca Use y anota su nombre: después se lo vas a pasar a Claude.

3. Prueba tu guion con Eleven v4

Pega las primeras frases de tu guion y revisa que en Model diga Eleven v4. Luego toca Generate speech.

Pantalla de Text to Speech con una voz latina, el modelo Eleven v4 y el contador de caracteres

Fíjate en el contador de abajo: cada carácter que generas descuenta de tus créditos. Si la voz suena muy plana, baja Stability. Si suena exagerada, súbela. Prueba con frases cortas hasta que te convenza, y recién ahí generas el guion completo.

4. Crea tu API key

Para que Claude genere la voz por ti, necesita una clave. Abajo a la izquierda entra a Developers y luego a la pestaña API Keys.

Sección Developers de ElevenLabs, pestaña API Keys, con el botón Create Key

Toca Create Key. Ponle un nombre que reconozcas, por ejemplo video-motion. Deja activo Restrict Key y da acceso solo a lo que vas a usar: Text to Speech en Access y, más abajo en la lista, lectura para Voices, que Claude necesita para encontrar la voz que elegiste. Así, si la clave se filtra, nadie puede usarla para otra cosa.

Formulario Create API Key con Restrict Key activado y los permisos por endpoint

Toca Create Key y copia la clave en ese momento, porque ElevenLabs no te la vuelve a mostrar completa.

5. Pídele el video a Claude Code

Crea una carpeta vacía para el proyecto, guarda ahí tu .env con la clave y abre Claude Code en esa carpeta. Después copia este prompt y completa lo que está entre corchetes:

Guion + voz de ElevenLabs + motion graphics con Remotion

Quiero un video de motion graphics hecho con código, sincronizado con una voz de ElevenLabs. No uses After Effects ni ningún editor: todo se escribe como código y se renderiza.

Mi guion: [pega aquí tu guion]

La voz: se llama "[nombre de la voz que elegiste]" en ElevenLabs.

Hazlo en este orden:

  1. Lee mi clave desde la variable de entorno ELEVENLABS_API_KEY del archivo .env. Nunca la escribas en el código, en un ejemplo ni en un commit. Confirma que .env está en .gitignore.
  2. Busca el voice_id de esa voz con la API de ElevenLabs. Si no aparece, muéstrame las voces más parecidas y espera a que elija.
  3. Genera el audio del guion con el endpoint de texto a voz con marcas de tiempo (with-timestamps), con model_id "eleven_v4". Guarda el MP3 y el JSON de alineación, que dice en qué segundo empieza y termina cada letra. Antes de generar, dime cuántos caracteres tiene el guion para que sepa cuántos créditos voy a gastar.
  4. Crea un proyecto de Remotion y arma una composición de 1920x1080 a 30 fps que dure lo mismo que el audio.
  5. Usa el JSON de alineación para que cada frase aparezca en pantalla justo cuando la voz la dice: tipografía cinética grande, fondo oscuro, un color de acento, transiciones suaves entre frases y movimiento de cámara sutil. Que se entienda sin audio.
  6. Muéstrame el resultado en Remotion Studio antes de renderizar. Cuando lo apruebe, renderiza el MP4 con el audio incluido y también una versión vertical de 1080x1920 para reels.

Explícame en pocas líneas cada paso antes de hacerlo y avísame si algo falla.

Claude va a crear el proyecto, generar la voz y escribir la animación. Cuando te abra Remotion Studio, vas a ver tu video en el navegador, cuadro por cuadro.

6. Ajusta con frases, no con keyframes

Como la animación es código, cada cambio es una frase en el chat de Claude Code:

  • "Haz más suave la transición entre la segunda y la tercera frase."
  • "Cambia el color de acento a naranjo."
  • "Baja la velocidad de la parte del medio."
  • "Que el final haga loop con el inicio."
  • "La palabra 'código' tiene que explotar en partículas."

Claude modifica el código y Remotion Studio se actualiza solo. Cuando te guste, pídele el render final.

7. Grábalo como en el reel

El reel no es una grabación de pantalla: es el video corriendo a pantalla completa en el notebook, grabado con el celular. Esa toma real le da un aire más humano. Pon el MP4 horizontal a pantalla completa, sube el volumen, apoya el celular en algo firme y graba en vertical.

Si prefieres algo más limpio, sube directamente la versión vertical de 1080x1920.

Errores comunes

  • Gastar créditos probando. Ajusta la voz con frases cortas antes de generar el guion completo.
  • Pegar la clave en el chat. Va solo en el .env. Si se te escapó, desactívala y crea otra.
  • Olvidar el modelo. Si no indicas eleven_v4, la API usa otro modelo por defecto.
  • Pedirlo todo de una. Primero la voz, después la animación y al final el render. Revisa cada paso.

En tres líneas

  • ElevenLabs te da 10.000 créditos gratis al mes y cientos de voces en español latino.
  • Con una API key restringida, Claude Code genera la voz con marcas de tiempo y escribe la animación en Remotion.
  • Los cambios se piden en una frase, y el video sale renderizado cuadro por cuadro.

¿Quieres saber más sobre el modelo de voz? Lee la guía de Eleven v4.

Puedes crear tu cuenta gratis aquí enlace de afiliado. Es un enlace de afiliado.

Boletín diario · IA

Un correo al día sobre IA

Cada mañana te llega un correo corto, de unos dos minutos de lectura. Las guías siguen siendo libres aunque no te suscribas.

  • TipsUn truco concreto que puedes usar ese mismo día.
  • HerramientasLas que vale la pena probar y para qué sirven.
  • GuíasCada guía nueva del hub, apenas la publico.

Lee qué datos guardamos y cómo pedir su borrado.

Más sobre Herramientas

Guía

IA local: qué puedes correr en tu computador según su memoria

Qué modelos de IA corren en tu propio computador según cuánta memoria tiene, para qué sirve cada uno (transcribir, voces, imágenes, video, código), qué licencias revisar antes de vender y los tips que aprendí usándolos a diario.

Herramientas

Guía

Kit de arranque: tu proyecto listo para trabajar con Claude Code

Lo que hago antes de pedirle la primera línea de código a Claude: un comando que deja tests, linters, hooks de git y reglas para la IA, las reglas de trabajo que copio en cada proyecto y el prompt con que arranco cada cambio.

Herramientas · Vibe codingIncluye PDF