¿Qué es el B-roll? Los planos de recurso alrededor de tu imagen principal, en un vídeo de tu web
¿Qué es el B-roll? Son los planos de recurso a los que salta el montador mientras la pista principal sigue sonando: las manos sobre el teclado mientras habla el entrevistado, la calle mientras la periodista explica. La pista principal se llama A-roll, y el B-roll existe para enseñar lo que el A-roll no puede enseñar.
Esta guía es para ti si estás haciendo un vídeo corto de tu propia web y te dicen que «añadas B-roll» cuando tu imagen principal es una grabación de pantalla.
Nightmare House (una experiencia de terror en el navegador), 16:9, 43 segundos, 73 palabras: la grabación de la web como A-roll, cortada con dos tarjetas animadas como B-roll, «Visual distortions» y una cifra grande, 118 BPM.
A-roll y B-roll en un vídeo de tu web
Los dos términos vienen del montaje de cine, cuando la imagen principal y la de apoyo iban en dos bobinas distintas. En un vídeo hecho a partir de una página web, el reparto está claro.
El A-roll es la grabación de pantalla. Abrimos tu página en un navegador real y la grabamos mientras la cámara va hacia lo que menciona la voz: el buscador, la tabla de precios, el botón. La locución es una sola toma continua sobre todo el vídeo; cumple el papel que tiene la entrevista en un documental.
El B-roll es cada escena que no es la página. Cubre lo que una página no sabe mostrar: el problema antes de tu producto, una sensación, una cifra que no está en pantalla, un sonido.
| B-roll | Qué es | Coste | Para qué sirve |
|---|---|---|---|
Tarjeta animada | Una escena dibujada a partir del guion: una frase, una cifra grande, una línea de tiempo, una lista, una cita… (mira los visuales de escena) | Incluida en el render, todos los planes | Cifras, listas, una promesa, la frase final |
Imagen con IA | Una imagen generada que la cámara anima | 40 créditos cada una, planes de pago | Una persona, un lugar, el «antes» (imágenes con IA) |
Clip con IA | Unos segundos de vídeo generado. El clip de la casa dura 8 s a 720p, con sonido; un modelo concreto se cobra según presupuesto | 311 créditos el clip de la casa, planes de pago | El gancho, una transformación, un momento humano |
Tus propias imágenes | Una imagen o un vídeo que subes para sustituir el visual de una escena | Sin coste de generación | Un rodaje real, una foto de producto, un evento |
Ejemplo real: Nightmare House en 43 segundos
Este vídeo se hizo a partir de nightmare-house-vercel.vercel.app, una experiencia de terror psicológico que se juega en el navegador. Dura 43 segundos en 16:9, tiene 73 palabras habladas, y todo su B-roll son tarjetas animadas: ninguna imagen con IA, ningún clip con IA.
Empieza con la tarjeta de título y una tarjeta con la frase «Dare to enter» bajo la primera línea: «Feeling brave enough for 6 anomalies?». Después manda el A-roll. La grabación se queda en la portada oscura de la web, su aviso de usar auriculares y el botón «Enter if you dare» mientras la voz describe la investigación.
En el centro, durante unos diez segundos, el vídeo corta dos veces. Primero una tarjeta «Visual distortions» bajo la frase sobre las distorsiones visuales. Luego una tarjeta de cifra grande, 118 BPM, con el rótulo «Intense audio», bajo «Low-frequency audio builds suspense». Esa cifra está en la propia web, en su indicador de pulso, así que la tarjeta sale de la página. Vuelve la grabación, el cursor va al botón y la tarjeta final repite «Enter if you dare».
Por qué funcionan esos planos de recurso: una grabación de pantalla no puede enseñar un sonido. El gran argumento de la web, su audio, habría quedado invisible en una grabación sin más; la tarjeta convierte un sonido en imagen. Ese es el trabajo del B-roll, en un solo ejemplo.
Lo que añadiría un plan de pago: un clip con IA en el gancho, por ejemplo un travelling lento por un pasillo oscuro, antes de la primera imagen de la web. Es el único momento en que la imagen en movimiento compensa su precio; el resto está bien como está.
En el extremo opuesto, nuestro propio vídeo Made by Seedance (29 segundos) es solo B-roll: tres clips generados de un escritorio, una línea de tiempo, una tarjeta de título y ninguna grabación. Funciona como teaser de marca, nunca como demo. Cómo se escribieron y presupuestaron esos clips está en clips de vídeo con IA y B-roll.
Cómo planificar los planos de recurso de un vídeo de tu web
La mayoría de los vídeos hechos desde una URL reciben sus tarjetas del guion gráfico de forma automática. Planificar el B-roll tú mismo merece la pena cuando escribes el guion, o cuando un primer render parece un largo desplazamiento por la página.
Marca lo que la página no enseña
Lee el guion frase a frase. Cada vez que una frase hable de algo que no está en la página (el problema, una sensación, un sonido, un resultado en la vida del cliente), márcala como candidata a B-roll. Todo lo demás se queda en la grabación.
Elige la imagen más barata que transmita la idea
Una cifra o una lista es una tarjeta animada. Una persona o un lugar, una imagen con IA. Deja el clip con IA para cuando el movimiento sea el mensaje: el gancho, un cambio en el tiempo, una reacción. Si tienes imágenes reales de tu equipo o de tu tienda, súbelas.
Mantén la página en pantalla
En un vídeo sobre una web, al menos la mitad de las escenas deben ser grabaciones de la página (una de cada cuatro en 9:16). Si tu lista de B-roll supera ese límite, quita tarjetas antes que escenas grabadas.
Calcula el coste antes de generar
Desde un asistente, list_models y quote_cost son gratis y te dan el coste antes de gastar nada; un presupuesto de IA limita cuántos clips e imágenes puede generar un vídeo. Un vídeo de 45 segundos con un clip de la casa y dos imágenes cuesta un render (40 créditos), más 311 créditos del clip, más 40 créditos por imagen.
En el plan gratuito, el B-roll son tarjetas animadas; las imágenes y los clips con IA empiezan en los planes de pago, que tienes en precios. El primer vídeo de cualquier web es gratis, con una pequeña marca de agua, y tampoco lleva visuales de IA.
Por qué no usamos metraje de archivo
Muchas herramientas que convierten una URL en vídeo ilustran el guion con clips de bancos de imágenes. Pictory, por ejemplo, anuncia las bibliotecas de Getty Images y Storyblocks en sus planes de pago (mira PageToVid frente a Pictory). Para un artículo abstracto, muchas veces es la imagen adecuada.
Para una web, no lo es. Un plano de archivo de gente sonriendo frente a un portátil podría estar en el vídeo de cualquiera, y quien lo ve lo reconoce. Cuando una escena necesita una imagen que la página no tiene, generamos una para esa frase, dibujamos una tarjeta con tus cifras o usamos tus propias imágenes: cada una es exclusiva de tu vídeo.
Errores que hacen que el B-roll parezca relleno
- Imágenes generadas de tu producto. Un clip con IA «de nuestro panel» enseña un panel que nunca has construido. El producto es A-roll: graba la página real.
- B-roll de papel pintado. Un plano de recurso bajo una frase que nombra un botón tapa el botón. Corta cuando la voz sale de la página, no antes.
- Demasiado B-roll. Un vídeo hecho sobre todo de tarjetas y clips parece un anuncio de un producto que nadie ve. La guía cómo convertir una web en vídeo explica qué debe cubrir la grabación.
- Texto y logotipos en las imágenes generadas. Los modelos de vídeo fallan con el texto legible y las marcas. Pide «sin texto, sin logotipos» y pon las palabras en una tarjeta.
- Un clip donde basta una imagen. Un clip cuesta varias veces lo que una imagen. Si nada tiene que moverse en el plano, la imagen es mejor compra.
Cuándo no usar PageToVid para el B-roll
Si tu vídeo es B-roll por naturaleza, como una pieza de ambiente de marca, un tema de fondo sin nada que grabar o un resumen de noticias, te irá mejor un editor con banco de imágenes: Pictory o InVideo ponen grandes bibliotecas detrás de cada escena. Si tu A-roll es una persona, como la entrevista a un fundador o el testimonio de un cliente, necesitas una cámara y un montador, y los planos de recurso rodados ese mismo día por un videógrafo siempre encajarán mejor que cualquier imagen generada. PageToVid es para vídeos en los que la web es el A-roll; mira web a vídeo.
Convierte tu sitio web en un vídeo — gratis
Pega la página que quieres filmar. PageToVid escribe el guion, graba el sitio real, pone la voz y entrega el MP4.
Preguntas frecuentes
¿Qué diferencia hay entre A-roll y B-roll?
El A-roll es la pista principal que cuenta la historia: una entrevista, un presentador o, en un vídeo de una web, la grabación de pantalla de la página. El B-roll son los planos de recurso que enseñan lo que el A-roll no puede mostrar.
¿Una grabación de pantalla es A-roll o B-roll?
Depende del vídeo. En un vídeo de alguien hablando a cámara, la grabación de pantalla es B-roll. En un vídeo sobre una web o una aplicación, es el A-roll, y las tarjetas, imágenes y clips de alrededor son el B-roll.
¿PageToVid usa metraje de archivo?
No. El B-roll de un vídeo de PageToVid es una tarjeta animada sacada de tu guion, una imagen o un clip con IA generados para esa escena en un plan de pago, o imágenes que subes tú.
¿Puedo añadir B-roll con el plan gratuito?
Sí, como tarjetas animadas (frases, cifras grandes, líneas de tiempo, listas) y como imágenes o vídeos que subes a una escena. Las imágenes y los clips generados con IA necesitan un plan de pago o un pase de vídeo, también en el primer vídeo.