OBSOverlays

Cómo crear overlays para OBS sin tapar tu stream

Exporta un overlay con transparencia, ubícalo en la escena y comprueba que cámara, juego y texto siguen legibles.

OBS creando una escena nueva para el overlay
Cómo configurar overlays en OBS con una plantilla gratis

Respuesta corta

Un overlay debe reservar espacio para lo que el público vino a ver. Guarda una copia de la plantilla, exporta un PNG con transparencia y colócalo primero en una escena de prueba. Después agrega cámara y juego dentro de sus zonas. Si usas fondo verde, ajusta Chroma Key poco a poco y mira una grabación, no solo la vista previa.

Antes de empezar

  • Una plantilla o elementos gráficos con permiso de uso
  • Una escena de prueba en OBS
  • Una captura local para revisar en pantalla pequeña

Lleva tu setup a un Streamer Coach con IA 24/7

Preguntar a Streamer Coach →

Recibe feedback personalizado para resolver problemas del stream y planear tu próximo contenido.

Paso a paso

  1. 01

    Guarda la plantilla sin editar

    Nicole, overlays para OBS ↗

    Duplica el archivo antes de cambiar texto, colores o tamaño. Nombra la copia con la escena a la que pertenece. Así puedes volver al original si una exportación queda opaca o si el marco termina tapando información del juego.

    Lo que deberías ver: Conservas una plantilla limpia y una versión de trabajo.

  2. 02

    Define qué debe verse primero

    Nicole, overlays para OBS ↗

    Mira el juego y marca minimapa, subtítulos, barras de vida y avisos que no puedes cubrir. Reserva también un lugar para la cámara. Un borde bonito que oculta una decisión del juego deja de ayudar.

    Lo que deberías ver: La escena tiene zonas claras para juego, cámara y texto.

  3. 03

    Exporta un PNG con transparencia

    Nicole, overlays para OBS ↗

    Exporta solo la capa gráfica y abre el archivo en un visor antes de importarlo. Si ves un fondo sólido donde debía haber espacio vacío, revisa el formato de exportación. Un PNG sin alfa cubre la escena completa.

    Lo que deberías ver: El archivo muestra áreas transparentes donde deben verse cámara o juego.

  4. 04

    Añádelo en una escena de prueba

    Nicole, overlays para OBS ↗

    En Fuentes, agrega Imagen y coloca el overlay sin estirarlo de forma accidental. Bloquéalo cuando esté alineado. Luego agrega o mueve las otras fuentes bajo las ventanas que diseñaste.

    Lo que deberías ver: El marco queda fijo y las fuentes siguen siendo editables.

    OBS creando una escena nueva para el overlay
    Una escena con nombre claro mantiene el overlay separado de las fuentes de juego. YouTube · 3:20 ↗
  5. 05

    Ubica cámara y juego después del marco

    Nicole, overlays para OBS ↗

    Ajusta cámara y captura dentro de los huecos reales, no por memoria. Haz zoom temporal en la vista previa y revisa bordes. Si una esquina tapa el chat o el minimapa, cambia el overlay o su posición antes de diseñar otra escena.

    Lo que deberías ver: La cámara y el juego permanecen legibles dentro del diseño.

  6. 06

    Aplica Chroma Key solo a la cámara

    Filtro Chroma Key oficial de OBS ↗

    Abre Filtros de la fuente de cámara y añade Chroma Key. La guía oficial explica que Similaridad, Suavidad y reducción de derrame cambian cuánto color se elimina. Empieza con cambios pequeños y observa pelo, manos y ropa oscura.

    Lo que deberías ver: El verde desaparece sin borrar partes del rostro o dejar un borde duro.

    Overlay verde dentro de OBS antes de aplicar chroma key
    El fondo verde queda listo para retirarlo con el filtro de chroma key. YouTube · 4:26 ↗
    Archivo de máscara de cámara elegido en OBS
    La máscara define la forma de la cámara sin modificar el archivo original. YouTube · 5:55 ↗
  7. 07

    Haz una prueba con movimiento

    Guía oficial de filtros de OBS ↗

    Graba una escena con gesto, texto pequeño y un cambio de juego. Desactiva el overlay durante unos segundos y compara. Si la escena se entiende mejor sin él, reduce elementos en vez de añadir otro marco.

    Lo que deberías ver: Cada gráfico conserva una función visible en la grabación.

Si algo no funciona

El PNG aparece con fondo sólido.
Vuelve al archivo de diseño y exporta con transparencia. Comprueba el PNG en un visor antes de reemplazar la fuente de OBS.
Queda un halo verde alrededor del pelo.
Mejora la luz del fondo y mueve Similaridad o reducción de derrame en pasos pequeños. Un ajuste agresivo puede borrar detalles de la cámara.
El overlay tapa elementos del juego.
Oculta el overlay y marca qué interfaz perdió visibilidad. Mueve o simplifica el marco antes de recortar la captura de juego.

Prueba antes de salir en vivo

  • La escena de prueba quedó separada del directo
  • Una grabación local reproduce imagen y audio
  • Cada cambio tiene un resultado visible
  • Guardaste una captura o nota del ajuste final
  • La prueba se revisó antes de salir en vivo

Cómo configurar overlays en OBS con una plantilla gratis

Ver el tutorial completo ↗

Preguntas comunes

¿Todas las escenas necesitan un overlay?

No. Una escena de juego ya tiene mucha información. Usa el gráfico cuando ordena la imagen o identifica una escena, y omítelo cuando solo añade borde.

¿Puedo usar JPG para un overlay?

Un JPG no conserva transparencia. Úsalo solo si quieres una imagen rectangular completa. Para marcos y espacios vacíos, exporta PNG con alfa.

¿Chroma Key sirve para cualquier fondo?

Puede quitar un color definido, pero funciona mejor con un fondo parejo y luz consistente. Prueba movimiento antes de grabar una sesión completa.

¿Por qué bloquear la fuente de overlay?

Evita moverla al seleccionar cámara o juego. Bloquearla no impide abrirla después, solo reduce cambios accidentales.