Un diseño de Twitch (también conocido como superposición de Twitch) es esencialmente el nombre dado a los gráficos que se agregan a una transmisión de Twitch para que se vea más atractivo visualmente. El uso de un diseño o superposición puede ser una excelente manera de hacer que una transmisión se vea más profesional y puede ser mucho más atractiva para el espectador.
Es probable que una transmisión que incluya solo imágenes de juego básicas y una cámara web no use un diseño.
Una transmisión que implementa bordes o marcos coloridos alrededor de su cámara web y el juego sí lo hace.
Una de las mejores maneras de agregar un diseño personalizado a su flujo de Twitch es diseñarlo usted mismo en un programa como Adobe Photoshop. Para aquellos sin Photoshop, hay varias alternativas gratuitas que se pueden usar, como Paint 3D en Windows 10 o el editor de gráficos en línea, Canva.
Aquí es cómo hacer rápidamente una superposición básica de Twitch en Photoshop. Los pasos variarán ligeramente según el programa de gráficos que se esté utilizando, pero el concepto general debe seguir siendo el mismo.
Al igual que con la mayoría de las funciones de transmisión de Twitch, se necesita una computadora, una tarjeta de captura y un software de transmisión como OBS Studio para personalizar su diseño. No es posible cambiar el aspecto de su transmisión usando la aplicación Twitch predeterminada que se encuentra en las consolas de videojuegos, como Xbox One o PlayStation 4.
Cómo crear un diseño de Twitch básico en Photoshop
- Abre Photoshop y selecciona Expediente y entonces Nuevo desde el menú superior.
- Aparecerá un cuadro pidiéndole que confirme los detalles de su nuevo archivo. Asegúrese de que el ancho esté configurado en 1920 píxeles y la altura esté establecida en 1080 píxeles. Este será el tamaño completo de su diseño de transmisión que llenará la totalidad de un monitor de TV cuando se vea. El uso de este tamaño le ayudará a visualizar mejor el resultado final y planificar en consecuencia. prensa Bueno.
- Desde el menú superior, seleccione Editar y entonces Llenar. Desde el nuevo menú desplegable, elija Color y seleccione el color que desea que sea todo su fondo. prensa Bueno. Este paso se puede repetir hasta obtener el color que te gusta. Sugerencia: También puede usar una imagen grande para el fondo o usar el Herramienta gradiente para una opción más creativa (ver imagen arriba).
- Debe tener un cuadro de menú para Capas Flotando en algún lugar en el lado derecho de la pantalla. Si no lo haces, abre el Windows enlace desde el menú superior y asegúrese de que Capas tiene una marca de verificación junto a él (haga clic en él para marcarlo o desmarcarlo). Esto hará que el Capas Aparecerá el cuadro.
- Mirando el menú superior una vez más, haga clic en Capa entoncesNuevo entonces Capa… y presione Bueno en la caja que aparece Ahora deberías tener una capa invisible sobre tu fondo. Esto te permitirá dibujar y editar tu diseño sin afectar el color de fondo. Tanto su nueva capa como la capa de fondo original deben estar visibles en la Capas Recuadro en el lado derecho de la pantalla. Sugerencia: si desea dibujar directamente o editar la capa de fondo (para cambiar su color, por ejemplo), haga clic en ella en la Capas caja. El cambio entre todas las capas se puede hacer en cualquier momento a través de este cuadro.
- Con tu nueva capa seleccionada en el Capas cuadro, mire la caja de herramientas flotante en el lado izquierdo de la pantalla y seleccione Herramienta Marco Rectangular. Debe ser el ícono de la línea de puntos en la esquina superior izquierda de la caja de herramientas.
- Mueva el mouse a su área de trabajo y haga clic y arrastre la herramienta para crear una forma cuadrada o rectangular donde desea que esté su cámara web durante su transmisión. Una vez que tenga la forma que desea, desde el menú superior seleccione Editar y entonces Llenar y elige el color que quieras que sea la caja. prensa Bueno. Consejo: Más adelante en OBS Studio, colocaremos las imágenes de su cámara web en vivo sobre esta parte de su imagen, pero las haremos un poco más pequeñas que su caja para crear una ilusión de un marco colorido alrededor de su cámara web. Tenga esto en cuenta al diseñar su diseño. Vea la imagen de arriba para ver un ejemplo de un diseño terminado con las imágenes de la cámara web en su lugar. Note el marco rosa.
- Repitiendo los pasos anteriores, crea una nueva capa. En esta nueva capa, haga un cuadro para las secuencias de video de su videojuego. Haga lo mismo con cualquier otro contenido que desee enmarcar, como un cuadro de chat o una nueva lista de suscriptores.
- Con cada cuadro en su propia capa, ahora puede moverlos y editarlos individualmente uno del otro seleccionando su capa desde el Capas caja y elegir el Herramienta de movimiento (El icono de flecha) de la caja de herramientas.
- Una vez que tengas todo lo que quieres, ve a Expediente y Salvar para guardar su proyecto como un archivo de Photoshop (.psd). Este es el archivo que utilizará para editar su proyecto en el futuro en Photoshop.
- Ahora que has guardado tu proyecto, ve a Expediente una vez más y esta vez seleccione Guardar como. Desde el Formato menú desplegable, seleccione JPEG, asigne un nombre a su archivo y presione Salvar botón. Has terminado
Cómo agregar tu imagen de fondo a OBS Studio
Su imagen personalizada se puede agregar a OBS Studio de la misma manera que otras fuentes de medios.
- Haga clic derecho en su área de trabajo de OBS Studio y elija Añadir y Imagen. Nombra tu nueva capa. "Fondo" es una buena idea para el nombre de la capa, ya que lo hará fácilmente identificable.
- presione el Vistazo , busque la imagen JPEG guardada en su computadora y presione Bueno.
- Tu imagen de fondo ahora debería aparecer en OBS Studio.Debido a su tamaño, puede estar cubriendo otro contenido, así que asegúrese de ubicarlo en el Fuentes en la parte inferior de la pantalla y arrástrelo a la parte inferior de la lista.
- Agregue sus otras fuentes de medios, como su cámara web, imágenes de videojuegos y alertas como de costumbre. Asegúrese de que estas nuevas adiciones estén por encima de su fondo en el Fuentes Haga una lista para que usted y sus espectadores puedan verlos.
Ahora tienes un diseño de Twitch personalizado básico! Recuerde que su imagen de fondo se puede cambiar en cualquier momento simplemente abriendo su archivo .psd guardado en Photoshop y editándolo.




