Qué saber
- En Photoshop, crea un lienzo de 1920 x 1080 y rellena el fondo. Agregue capas y use la herramienta Marquesina para crear espacio para una transmisión de cámara web.
- Rellene la marquesina, cree una nueva capa y use la herramienta de marquesina nuevamente para crear un nuevo cuadro para las imágenes del juego. Guardar como archivo de Photoshop (.psd).
- También se necesita: una computadora, una tarjeta de captura, una cámara web y un software de transmisión como OBS Studio o Streamlabs OBS para personalizar el diseño.
Un diseño de Twitch, también llamado superposición de transmisión de Twitch, es un diseño gráfico que aparece durante su transmisión de Twitch. He aquí un vistazo a cómo hacer una superposición de Twitch con Photoshop y cómo agregar su imagen de fondo a OBS Studio.
Cómo hacer una superposición de Twitch con Photoshop
Photoshop es una de las mejores herramientas para crear una superposición de Twitch. Sigue estos pasos para hacer un diseño básico de Twitch y luego experimenta agregando más características y personalidad a tu transmisión. Este tutorial usa Photoshop 2020, pero las instrucciones deberían ser similares en otras versiones.
Si no tiene Photoshop, pruebe una alternativa gratuita, como Paint 3D en Windows 10 o el editor de gráficos en línea Canva para crear una superposición de Twitch.
-
Abra Photoshop y seleccione Archivo > Nuevo en el menú superior.
Image -
En el cuadro Comencemos algo nuevo, establezca el ancho en 1920 píxeles y el alto en 1080 píxeles y luego seleccione Crear.
Image Estas medidas coinciden con el tamaño completo de su diseño de transmisión, que llena un monitor de TV cuando se ve. El uso de este tamaño le ayuda a visualizar mejor el resultado y planificar en consecuencia.
-
Desde el menú superior, seleccione Editar > Rellenar.
Image -
Junto a Contenido, seleccione Color en el menú desplegable.
Image -
Elija un color para el fondo y luego seleccione OK.
Image Puedes repetir este paso hasta que encuentres el color que te gusta.
-
Seleccione OK para salir del cuadro Fill.
Image -
Desde el menú superior, seleccione Capa > Nuevo > Capa.
Image -
En el cuadro emergente Nueva capa, seleccione OK. Ahora tiene una capa invisible sobre el fondo, que le permite dibujar y editar su diseño sin afectar el color de fondo.
Image Tanto la capa nueva como la capa de fondo original deben estar visibles en el cuadro Capas en la esquina inferior derecha de la pantalla.
-
En el cuadro Capas, seleccione la nueva capa.
Si la ventana Capas no está abierta, seleccione Capas en el menú Ventana.
Image -
Desde la caja de herramientas de la izquierda, seleccione la herramienta Marco rectangular. Es un ícono cuadrado de línea punteada en la esquina superior izquierda de la caja de herramientas.
Image -
Mueva el mouse al á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.
Image -
Cuando tenga la forma que desea, vaya al menú superior y seleccione Editar > Rellenar.
Image -
Elija el color que desea que tenga el cuadro y seleccione OK. Seleccione OK nuevamente para salir del cuadro Fill.
Image -
Repitiendo los pasos anteriores, crea una nueva capa, crea un cuadro para las imágenes de tu videojuego y agrega un color de relleno.
Image Haz lo mismo con el resto del contenido que quieras encuadrar, como una ventana de chat o una nueva lista de suscriptores.
-
Con cada cuadro en su propia capa, mueva cuadros y edite cuadros individualmente seleccionando su capa del cuadro Capas y eligiendo la Herramienta Mover Ícono de flechade la caja de herramientas.
Image -
Una vez que tenga todo como desea, vaya a Archivo > Guardar para guardar su proyecto como Photoshop (.psd) expediente. Utilizará este archivo para editar el proyecto en el futuro.
Image -
Vaya a Archivo nuevamente y seleccione Guardar como. En el menú desplegable Formato, elija JPEG, asigne un nombre al archivo y seleccione Guardar. ¡Terminaste!
Image
Cómo agregar su imagen de fondo a OBS Studio
Agregue su imagen personalizada a OBS Studio de la misma manera que cualquier otra fuente de medios.
-
Haga clic en el signo Más en la ventana Fuentes de OBS.
Image -
Seleccione Imagen.
Image -
Asegúrese de que la opción Crear capa esté activa y asigne un nombre a la nueva capa. "Fondo" es una buena idea para el nombre de la capa, ya que es fácilmente identificable. Haga clic en OK para guardar el nombre.
Image -
Seleccione Examinar, busque su imagen JPEG guardada en su computadora, luego seleccione OK.
Image - Tu imagen de fondo debería aparecer ahora en OBS Studio. Debido a su tamaño, puede cubrir otro contenido, así que asegúrese de ubicarlo en el cuadro Fuentes en la parte inferior de la pantalla y arrástrelo al final de la lista.
-
Agregue otras fuentes de medios, como su cámara web, secuencias de videojuegos y alertas.
Asegúrese de que estas nuevas adiciones estén sobre el fondo en la lista de Fuentes para que sean visibles.
- ¡Ahora tienes un diseño de Twitch personalizado básico! Puede cambiar la imagen de fondo en cualquier momento abriendo y editando su archivo.psd guardado en Photoshop.
Consejos para crear tu superposición de Twitch
Cuando te familiarices con la creación de una superposición de Twitch, ten en cuenta estos consejos:
- Si desea dibujar directamente sobre la capa de fondo o editarla (para cambiar su color, por ejemplo), selecciónela en el cuadro Capas.
- Cambie entre todas las capas en cualquier momento mediante el cuadro Layers.
- También puedes usar una imagen grande para el fondo o usar la Herramienta de degradado para una opción más creativa.
