Cómo hacer un overlay para stream: tamaños y errores

En breve: un overlay es la capa gráfica que se coloca encima de tu juego y tu cámara dentro de OBS: marco de webcam, escenas de inicio y pausa, elementos del chat y alertas. Se diseña al tamaño del lienzo base de OBS (lo normal es 1920x1080) y se organiza en escenas con piezas separadas. Esta guía te explica qué incluye un buen overlay, cómo montarlo en OBS sin que se deforme y los errores que más se ven.

Qué es un overlay y para qué sirve

Cuando alguien entra a tu directo, lo primero que ve es tu escena: el juego, tu cámara y todo lo que lo rodea. El overlay es ese “marco” visual. Cumple tres funciones:

• Identidad: que se reconozca que es tu canal con solo ver un fotograma.
• Orden: deja claro dónde está la cámara, dónde va el juego y dónde aparecen las alertas.
• Contexto: puede mostrar el último seguidor, un contador o un mensaje de “vuelvo en un momento”.

No es lo mismo un overlay que las alertas: el overlay es el diseño fijo de tus escenas y las alertas son avisos que se disparan por eventos. Las alertas las vemos en la guía de alertas.

Qué incluye un overlay completo

Un paquete de overlay suele armarse como una familia de escenas con el mismo estilo:

Pieza	Para qué se usa
Escena de inicio (“starting soon”)	Pantalla mientras esperas a que llegue la gente
Escena de juego	Marco para la webcam, bordes y zona libre para el juego
Escena de solo charla	Cámara grande para Just Chatting o conversación
Escena de pausa (“BRB”)	Aviso de que vuelves enseguida
Escena de cierre	Despedida, redes y próximo directo
Marco de webcam y detalles	Cuadro que enmarca tu cámara con tu paleta
Elementos de chat y eventos	Caja de chat, lista de eventos o etiquetas con el último seguidor

Según la guía de alertas de OBS, los elementos dinámicos más comunes son las alertas, la lista de eventos, la caja de chat, las etiquetas con información suelta (último seguidor, último suscriptor) y el “vaso” que se llena con iconos de eventos.

A qué tamaño diseñarlo

No existe un tamaño de overlay impuesto por las plataformas: lo que manda es el lienzo base de OBS. Según la guía general de OBS, el lienzo es el espacio donde colocas tus fuentes y suele coincidir con la resolución de tu monitor o de tu juego. Por eso la regla es sencilla:

1. Diseña cada escena al mismo tamaño que tu lienzo base. Si tu lienzo es 1920x1080, diseña a 1920x1080.
2. Mantén el lienzo fijo. Cambiarlo después te obliga a recolocar todas las fuentes. Si necesitas emitir en menos resolución, baja solo la resolución de salida, no el lienzo.
3. Recuerda el techo de tu plataforma. Kick admite hasta 1920x1080 y 60 fps, y las recomendaciones de Twitch llegan hasta 1080p60. Un overlay 4K no te sirve si vas a emitir en 1080p.

Si el overlay es una página web (fuente Navegador)

Muchos overlays animados y todas las alertas funcionan con una fuente de tipo Navegador (Browser Source). Según la documentación oficial de OBS:

• El tamaño por defecto es 800x600, así que tienes que ajustarlo a mano al tamaño de tu overlay (por ejemplo 1920x1080).
• El CSS por defecto deja el fondo transparente y quita márgenes y barras de desplazamiento.
• Puedes activar “Apagar la fuente cuando no sea visible” (Shutdown source when not visible) para que la página se descargue cuando no esté en pantalla, y “Actualizar el navegador cuando la escena se active” para que se reinicie cada vez que cambias de escena.

Imágenes y transparencia

Para piezas estáticas (marcos, bordes, textos) usa una imagen con fondo transparente que ocupe el lienzo completo. Así, al colocarla como fuente de imagen ocupa toda la escena, y lo que está “vacío” deja ver el juego o la cámara por debajo.

Los tamaños de tu canal también cuentan

El overlay vive dentro del directo, pero tu canal tiene piezas visuales fuera de OBS. En Twitch, por ejemplo, la ayuda oficial de configuración de canal indica:

• Banner de perfil recomendado: 1200x480 px; concentra el arte a la izquierda porque la página se escala según la ventana de cada persona.
• Paneles de información: imágenes de 320 px de ancho como máximo (y 300 px de alto), con menos de 2,9 MB.
• Foto de perfil: JPEG, PNG o GIF de hasta 10 MB.

Si usas los mismos colores, tipografía y logo en overlay, paneles y banner, tu canal se ve como una sola marca. Hablamos de cómo conseguirlo en la guía de branding.

Cómo montarlo en OBS, paso a paso

1. Fija tu lienzo base en Ajustes > Video (por ejemplo, 1920x1080).
2. Crea una escena por cada situación: inicio, juego, charla, pausa y cierre.
3. Añade primero las fuentes de fondo (juego, cámara) y encima la imagen del overlay con transparencia.
4. Estira el marco de la webcam hasta el tamaño del recuadro del overlay; recorta con el filtro Recortar/Rellenar (Crop/Pad) si hace falta.
5. Añade tus fuentes de navegador (alertas, chat, etiquetas) arriba del todo para que no las tape ninguna imagen.
6. Haz una prueba de emisión o grabación corta y revisa que nada tape elementos del juego.

Para la configuración completa de OBS, incluidos CBR y bitrate, tienes la guía de OBS.

Errores comunes

• Tapar la interfaz del juego. Revisa en tu juego dónde están el minimapa, la vida y los textos importantes antes de dibujar bordes grandes.
• Webcam diminuta o recuadros que no calzan. Si el marco no coincide con tu cámara, se ve desprolijo. Mide el recuadro y ajusta la cámara a él.
• Demasiados elementos a la vez. Con cada contador y cada caja extra se ensucia la imagen y se pierde el foco en ti y en el juego.
• Texto muy pequeño. En un móvil, una letra de 12 px es ilegible. Usa pocas palabras y tamaños generosos.
• Alertas duplicadas. Si copias la fuente de alertas a varias escenas y además dejas otra dentro del overlay, la alerta suena dos veces. Mantén una sola.
• Mezclar estilos. Un marco neón con paneles minimalistas y emotes en otro estilo da sensación de canal improvisado.

Overlays hechos para tu canal

En Epik puedes pedir un overlay a la carta por US$20 cada uno. El pack Boost incluye logo, 3 overlays, 3 paneles y 1 banner (para una sola plataforma), y el pack Epik suma overlays, frames, paneles, banners, emotes, insignias de suscripción, alertas, TTS y configuración de OBS multiplataforma. Todo se paga completo por PayPal y arrancamos con tu brief.