Generador de lower thirds
Crea lower thirds animados y limpios: los rótulos con nombre y cargo que presentan a las personas en vídeos, entrevistas y directos. Elige una plantilla, colores, fuente y animación, mira la vista previa en directo y exporta un WebM transparente, una secuencia de fotogramas PNG para cualquier editor de vídeo o una URL para una fuente de navegador de OBS.
Última actualización:
Exportar
El WebM mantiene la transparencia en Chrome y Edge (VP8/VP9 con alfa). Si tu editor o navegador muestra un fondo negro, usa la secuencia PNG, que cualquier editor importa como fotogramas transparentes.
Añade una fuente de navegador con esta URL a 1920×1080. Oculta y muestra la fuente (o activa “Actualizar el navegador cuando la escena se active”) para volver a reproducir la animación.
Cómo usar Generador de lower thirds
- Escribe el nombre y el cargo que deben aparecer en pantalla.
- Elige una plantilla y ajusta los colores, la fuente, la posición y el tamaño mientras se reproduce la vista previa.
- Configura la animación: estilo, duración de entrada/salida y cuánto tiempo se mantiene en pantalla.
- Exporta para editar: pulsa Grabar WebM transparente, o Descargar secuencia PNG (ZIP) para obtener los fotogramas transparentes más compatibles.
- Para directos, elige cómo debe comportarse en OBS, pulsa Copiar URL y añádela como fuente de navegador de 1920×1080.
Cómo elegir una plantilla
| Plantilla | Aspecto | Ideal para |
|---|---|---|
| Barra de acento | Caja sólida con una franja de color en el lateral | Entrevistas, tutoriales, vídeos corporativos |
| Apilado | Caja con el nombre y una caja de acento más pequeña debajo para el cargo | Pódcasts, mesas redondas, vlogs |
| Cápsula | Cápsula redondeada con las iniciales de la persona en un círculo | Directos, vídeo para redes sociales, marcas cercanas |
| Línea minimalista | Texto con sombra y una fina línea de acento, sin caja | Documentales, montajes cinematográficos, fondos recargados |
| Franja de noticias | Franja a todo el ancho con un bloque de etiqueta de color | Actualizaciones estilo noticias, cobertura de eventos, programas en directo |
Comparativa de formatos de exportación
| Exportar | Transparencia | Funciona en | Notas |
|---|---|---|---|
| WebM (VP9/VP8 + alfa) | Sí, grabado en Chrome y Edge | DaVinci Resolve, Kdenlive, Shotcut, OpenShot, páginas web, fuente multimedia de OBS | Se graba en tiempo real; mantén la pestaña visible mientras graba |
| PNG sequence (ZIP) | Sí, siempre | Cualquier editor que importe secuencias de imágenes, incl. Premiere Pro y After Effects | Fotogramas exactos a 24-60 fps; descarga más pesada |
| Imagen PNG | Sí | Cualquier editor, diapositivas, miniaturas | Sin animación; añade tu propio fundido en el editor |
| URL de OBS | Sí (las fuentes de navegador son transparentes) | OBS Studio, Streamlabs y otras apps con fuente de navegador | Animación en directo; ajustes guardados en la URL |
Consejos de diseño
- Hazlo breve. Un nombre más un cargo de 2-5 palabras se lee en los 3-5 segundos que un lower third suele estar en pantalla.
- Respeta el área segura. Las plantillas dejan unos 110 píxeles a los lados y 120 abajo en un encuadre de 1080p para que nada se corte en los televisores ni quede tapado por los controles del reproductor.
- Muéstralo pronto y luego quítalo. Haz entrar el lower third uno o dos segundos después de que la persona empiece a hablar y mantenlo unos 4 segundos.
- Usa contraste. El texto sobre el color de acento cambia automáticamente entre oscuro y claro para que se lea bien; revisa la vista previa sobre la escena de ejemplo y sobre fondos oscuros.
Preguntas frecuentes
¿Qué es un lower third?
Un lower third (tercio inferior) es un gráfico situado en la parte baja de la pantalla, que normalmente muestra el nombre y el cargo de una persona, un lugar o un tema. El nombre viene de la composición tradicional que lo mantiene dentro del tercio inferior del encuadre para que no tape las caras.
¿El WebM tiene de verdad el fondo transparente?
En Chrome y Edge, el canvas se graba con VP9 o VP8 incluyendo un canal alfa, así que el fondo se mantiene transparente en los editores compatibles con WebM con alfa, como DaVinci Resolve, Kdenlive, Shotcut y los navegadores. Algunos editores y otros navegadores ignoran el alfa y muestran negro; en ese caso usa la secuencia PNG.
¿Cómo uso la secuencia PNG en un editor de vídeo?
Descomprime el archivo e importa los fotogramas numerados como secuencia de imágenes: en Premiere Pro marca Secuencia de imágenes en el cuadro de importación, en DaVinci Resolve suelta la carpeta en el media pool, en Final Cut Pro o iMovie conviértela primero con una herramienta que cree un vídeo a partir de imágenes, y en After Effects impórtala como secuencia PNG. Ajusta la velocidad de fotogramas a la que exportaste.
¿Cómo añado el lower third a OBS?
Elige Entrar animado y quedarse, Reproducir una vez o Repetir en En OBS, copia la URL y añade una fuente de navegador con ancho 1920 y alto 1080. Todos los ajustes se guardan en la URL. Para volver a reproducir la animación, oculta y muestra la fuente o activa Actualizar el navegador cuando la escena se active.
¿Qué fuentes puedo usar?
El generador usa fuentes ya instaladas en el ordenador, agrupadas en estilos como sans limpia, redondeada, condensada y serif, así que funciona sin conexión y en OBS sin descargas. La fuente exacta puede variar ligeramente entre Windows, macOS y Linux; exporta en el mismo ordenador con el que editas o haces streaming para un aspecto coherente.
¿Qué resolución y velocidad de fotogramas debo exportar?
Ajústalas a tu proyecto de vídeo. La mayoría de los proyectos de YouTube y streaming usan 1920×1080 a 30 o 60 fps; usa 25 fps para emisiones en regiones PAL y 24 fps para proyectos de estilo cinematográfico. La opción 4K está disponible para las secuencias PNG.
¿Se sube algo?
No. La vista previa, la grabación WebM y los fotogramas PNG se generan en tu navegador con el canvas HTML y se guardan directamente en tu ordenador.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.