Cómo usar: Creador de overlays para Twitch
- Elige un tema y ajusta los colores, la fuente y el estilo del marco. Sube tu logo si tienes uno.
- Elige un formato (horizontal, o vertical para TikTok LIVE) y un diseño (gameplay, Just Chatting o dúo), y arrastra la webcam y el chat en la vista previa.
- Descarga el PNG del overlay, o el pack completo con las escenas de empezamos pronto, vuelvo enseguida y final.
- En OBS, añade el PNG como fuente de Imagen por encima de la captura del juego, o usa la URL de la versión animada como fuente de navegador.
Presets para tu juego
Empieza con un diseño que ya evita el HUD de tu juego:
- Creador de overlays para Fortnite
- Creador de overlays para Valorant
- Creador de overlays para League of Legends
- Creador de overlays para Overwatch
- Creador de overlays para Minecraft
- Creador de overlays para GTA
- Creador de overlays para Just Chatting
- Creador de overlays para TikTok LIVE
Qué incluye el pack del overlay
- overlay.png: el overlay transparente para jugar, con tu marco de webcam, el recuadro del chat y la barra de información.
- starting-soon.png: una pantalla de empezamos pronto a juego, con un recuadro para nuestra cuenta regresiva.
- be-right-back.png y stream-ending.png: escenas de vuelvo enseguida y de final a juego.
- offline-banner.png y profile-banner.png: el banner del reproductor de vídeo de Twitch y tu banner de perfil (1200 × 480).
- panels/: paneles de Sobre mí, Horario, Discord, Redes, Donaciones y Reglas a juego, más un webcam-frame.png independiente.
¿PNG estático o fuente de navegador animada?
El PNG es la opción más ligera y funciona en cualquier programa de streaming. La versión animada es una fuente de navegador que dibuja el mismo diseño en directo. Combina un efecto de marco (degradado fluido, arcoíris, estela de cometa, pulso de neón, respiración o glitch) con un efecto de panel (brillo, aurora, destellos o líneas de escaneo), y el punto LIVE parpadea. Funciona a 30 fps para gastar poca CPU. Los dos usan el mismo diseño, así que puedes cambiar cuando quieras.
Cómo configurarlo en OBS
Crea una escena llamada “En directo”. Añade la captura del juego, luego tu webcam (Dispositivo de captura de vídeo) y después el overlay como fuente de Imagen arriba del todo en la lista. Ajusta el tamaño de la webcam para que llene el marco; para una cámara redonda, añade un filtro de Máscara de imagen/mezcla (consulta nuestra guía de la webcam). Por último, añade el overlay de chat dentro del recuadro del chat: el creador te muestra el tamaño y la posición exactos, y los botones de Widgets a juego abren el overlay de chat y la cuenta regresiva con tus colores. Crea una escena por cada pantalla del pack y cambia entre ellas con atajos de teclado.
¿Quieres más cosas en pantalla? Añade una barra de meta, un temporizador de subathon o un marco de webcam independiente a juego.
Preguntas frecuentes
¿Qué tamaño tiene un overlay de Twitch?
1920 × 1080 px, el mismo que tu lienzo de OBS. Este creador siempre exporta a 1920 × 1080. Consulta la guía del tamaño de overlay de Twitch.
¿El overlay es transparente?
Sí. Todo es transparente salvo los marcos, el recuadro del chat y la barra de información, así que el juego se ve a través.
¿Cómo pongo el chat en el recuadro del chat?
Añade nuestro overlay de chat de Twitch gratis como fuente de navegador y ajústalo para que quede dentro del recuadro.
¿Cómo relleno las etiquetas de seguidores y subs?
Las etiquetas se dejan en blanco a propósito. Añade widgets de etiquetas de StreamElements o Streamlabs (último seguidor, último sub) como fuentes de navegador sobre el espacio vacío. Puedes renombrar cada etiqueta, por ejemplo a “Nuevo seguidor” o “!discord”.
¿Puedo guardar mi overlay y editarlo más tarde?
Sí. Copia el enlace del diseño en Guardar o compartir: vuelve a abrir el creador con tu diseño exacto. El creador también recuerda tu último diseño en este navegador.
¿Funciona con Streamlabs, Meld y TikTok LIVE Studio?
Sí. Es un PNG normal, así que cualquier programa de streaming que admita fuentes de imagen puede usarlo.
¿Puedo hacer un overlay animado?
Sí. Elige un efecto de marco (degradado fluido, arcoíris, estela de cometa, pulso de neón, respiración o glitch) y un efecto de panel (brillo, aurora, destellos o líneas de escaneo) en Versión animada y añade la URL como fuente de navegador de 1920 × 1080. Si quieres packs animados con diseño profesional, TwitchGFX vende packs de overlays animados para stream.