Cómo añadir una superposición de chat de Twitch a tu transmisión en OBS Studio

Al tener una superposición de chat en tu transmisión, tienes garantizado un aumento en la participación, ¡ya que a los espectadores les encanta ver sus nombres aparecer en la transmisión! En este artículo, aprenderás, paso a paso, cómo añadir una superposición de chat de Twitch a tu transmisión de OBS. También puedes seguir un video tutorial aquí.

Paso 1: Abre OBS Studio

Primero, asegúrate de tener OBS Studio abierto y listo. Si no lo tienes descargado, puedes hacerlo aquí.

Paso 2: Inicia sesión en Streamelements.com

Después de configurar OBS Studio, dirígete a Streamelements.com


Desde aquí, querrás iniciar sesión usando tu cuenta de Twitch. Te pedirá que autorices a Twitch para que tenga acceso a Stream Elements.


Una vez que hayas iniciado sesión, verás este panel.

Paso 3: Creando tu Superposición

En el lado izquierdo, selecciona 'Streaming Tools' (Herramientas de transmisión) y luego selecciona 'Overlays' (Superposiciones).

Ahora, crea una nueva superposición.


Después de hacer clic aquí, te pedirá que elijas una resolución de superposición. Dejémosla en 1080p y haz clic en 'Start' (Iniciar).

Paso 4: Cambiando la configuración de la transmisión

Pulsa el icono de signo más (+) en la esquina inferior izquierda para crear tu cuadro de chat. Luego selecciona 'Stream Tools' (Herramientas de transmisión).


Desde aquí, haz clic en 'Your Stream's Chat' (El chat de tu transmisión). Después de hacer esto, verás un cuadro negro en la parte superior izquierda de tu pantalla. Puedes arrastrarlo por la pantalla simplemente haciendo clic y moviéndolo. También puedes arrastrar las esquinas para cambiar la forma del cuadro de chat.

A continuación, querrás pulsar 'Dark Chat' (Chat oscuro) para personalizarlo.


Asegúrate de que 'Show Messages Permanently' (Mostrar mensajes permanentemente) esté marcado. Deja los mensajes que se desvanecen después de 30 segundos, y te recomiendo dejar el retraso del mensaje en 2 segundos. De esta manera, la gente tiene tiempo suficiente para leer los mensajes y no intenta inundar el chat. Con esto, el chat puede fluir sin problemas.

Paso 5: Cambiar el tamaño, la posición y el estilo del chat

Primero, querrás ir a donde dice 'Position, Size, and Style' (Posición, Tamaño y Estilo). Querrás que las dimensiones sean 541px (ancho) por 670px (alto). Estas dimensiones te darán un cuadro de chat de buen tamaño, y luego también podremos cambiar el tamaño del cuadro directamente dentro de OBS.

A continuación, querrás pulsar 'Enable Custom Font' (Habilitar fuente personalizada), que se encuentra en 'Text Settings' (Configuración de texto). Para fines de este tutorial, llamemos a la fuente personalizada 'Impact', lo que nos dará una fuente agradable, audaz y fácil de leer.


Ahora, cambiemos el color a blanco y ajustemos el tamaño del texto a unos 25.

Con todas estas configuraciones ahora correctas, pulsa 'Save' (Guardar). Te pedirá que le des un nombre a tu superposición, así que la llamaré 'Overlay Chat'. Pulsa 'Save' una vez más para finalizar este paso.

Paso 6: Añadiendo tu cuadro de chat a OBS Studio

Aunque hemos terminado el último paso, no hemos terminado del todo de ajustar la configuración del cuadro de chat. Querrás presionar el icono del clip en Stream Elements para copiar el cuadro de chat y luego dirigirte a OBS Studio.

En tus fuentes, puedes ver que ya existe una 'Chat Overlay'; querrás eliminarla.

Una vez eliminado, pulsa el icono de signo más (+), selecciona 'Browser' (Navegador), nómbralo 'Chat' y selecciona 'Okay'.

A continuación, te pedirá una URL; aquí es donde querrás pegar el enlace que acabas de copiar para tu superposición de chat de Stream Elements. Para el ancho y el alto, querrás que sea de 1920px (ancho) por 1080px (alto). Una vez que pulses 'Okay', deberías ver que tu chat aparece como la misma caja negra de Stream Elements.


Ahora, simplemente posiciona esto donde quieras que esté tu chat. Con esto en su lugar, ¡podemos continuar y probar el cuadro de chat!

Paso 7: Probando el cuadro de chat

Para probar tu cuadro de chat, navega a la esquina inferior derecha de tu pantalla y haz clic en 'Settings' (Configuración) dentro de OBS Studio. Luego, ve a 'Stream' (Transmisión) y asegúrate de que en 'Service' (Servicio) diga 'Twitch'.


Con esto, deberías poder salir de la configuración y tener la opción de chat en el lado izquierdo de tu pantalla.


Si esto no aparece en tu pantalla, también puedes hacerlo directamente en la aplicación de Twitch. Para probar esto, escribiremos 'Esto es una prueba', enviaremos el mensaje y nos aseguraremos de que todo funciona.

Si esto realmente funciona, deberías ver tu chat aparecer en tu transmisión.

Paso 8: Hacer el cuadro de chat transparente

Dado que el chat funciona, es el momento de volver a Stream Elements y realizar un ajuste. Este paso explicará cómo hacer que el cuadro de chat sea transparente para poder eliminar el cuadro negro en medio de la transmisión.

Para hacer este cambio, dirígete a la configuración y busca donde dice 'Dark Chat'.


En lugar de 'Dark Chat', querrás seleccionar 'Custom'. Una vez que hagas esto, verás que se ajustará para volverse transparente.

Ahora, ve más abajo a 'Text Settings' (Configuración de texto) y hagamos el tamaño del texto un poco más grande, alrededor de 30px.


Una de las muchas cosas geniales de tener esto vinculado a OBS Studio es que, una vez que pulsas guardar, se actualizará automáticamente en ambos sitios web.

Paso 9: Prueba final

Para asegurarte de que todo esté sincronizado y funcionando una vez más, vuelve a OBS Studio y prueba otro chat de prueba.

Como deberías ver, ¡tu cuadro de texto ahora es transparente!

Paso 10: Añadiendo Superposiciones

Para utilizar excelentes herramientas de transmisión como temporizadores de cuenta regresiva o superposiciones de chat, dirígete a Streamdesignz.com, donde hay muchas superposiciones para elegir.

Tienen emoticonos de suscriptor, superposiciones animadas, superposiciones estáticas, temporizadores de cuenta regresiva, paneles de Twitch, transiciones stinger ¡y mucho más!


Tener superposiciones y utilizar herramientas como esta ayuda a que tu transmisión destaque entre tus espectadores y parezca mil veces más profesional que la de un streamer promedio.

En conclusión:

Al tener estas cuentas vinculadas y una caja de chat de buen aspecto, aumentarás la participación de los espectadores en tu transmisión. Además, esto también ayuda a que tu transmisión tenga un toque profesional.

Asegúrate de seguir este tutorial y visita Streamdesignz.com para encontrar más herramientas para mejorar tu transmisión.