Home-theater-designers
Twitch ha cambiado la cara de los juegos en los últimos años, con los mejores streamers de Twitch ganando mucho dinero jugando a sus juegos favoritos. Para muchos espectadores, Twitch es como una nueva forma de redes sociales y, a pesar de los cambios recientes en las reglas de Twitch, su popularidad es mayor que nunca.
Si desea ganar dinero con la transmisión, deberá construir una gran audiencia en Twitch y una parte importante de eso es hacer que su transmisión se vea profesional.
En este artículo, le mostraremos cómo crear un sencillo Superposición de Twitch usando Photoshop. Y aunque esta superposición es para Minecraft, se puede modificar para que funcione con cualquier otro juego. Y también funcionará perfectamente para la transmisión en YouTube Gaming o incluso Mixer, la alternativa de Microsoft a Twitch.
Empezando
Antes de comenzar, veamos con qué terminaremos hoy:
Todo en este tutorial es relativamente simple, pero si es nuevo en Photoshop, puede ser útil leer primero nuestro tutorial de capas de Photoshop. Si está buscando una alternativa gratuita a Photoshop, GIMP es increíblemente poderoso.
Si desea hacer una superposición de Twitch sin usar Photoshop, este proyecto es completamente posible en GIMP. Debido a que las herramientas que utilizará serán un poco diferentes, le sugiero que lea nuestra guía de GIMP primero.
Dicho esto, echemos un vistazo a cómo hacer una superposición de Twitch con Photoshop.
Creando el lienzo
Para comenzar a crear la superposición, abra Photoshop y cree una nueva imagen del mismo tamaño que la resolución de su pantalla.
Ahora que tenemos un documento en blanco, necesitamos una guía para construir nuestra superposición. Sugeriría tomar una captura de pantalla del juego elegido y cargarla en Photoshop haciendo clic en Archivo y lugar y seleccionando tu imagen. Estire la imagen al tamaño completo del lienzo. Ahora podemos comenzar a crear nuestros elementos superpuestos.
Agregar una barra superior
Crea una nueva capa y asígnale un nombre Banner superior . Selecciona el Herramienta rectangular en el menú del lado izquierdo. En el mismo menú, abra el selector de color y elija su color de fondo.
Ahora haga clic y arrastre por la parte superior de su nueva capa para crear un banner superior. No se preocupe si superpone los bordes del lienzo, el rectángulo debe encajar en su lugar con el costado.
Ahora, para darle un borde a este rectángulo, haga clic derecho en la capa y seleccione Opciones de fusión . Seleccione Carrera en el menú que aparece y configure el ancho y el color del trazo según sus necesidades. En este caso, 10px de ancho con un color rojo oscuro se ve bien. Haga clic en Aceptar y seleccione su capa. Encienda la herramienta de movimiento presionando la letra V y mueva el banner superior hacia arriba para que tenga suficiente espacio para agregar texto más tarde, pero no oscurezca demasiado la pantalla del juego.
Finalmente, seleccione la capa superior del banner y reduzca su opacidad a alrededor del 75 por ciento. Esto permitirá que el juego se muestre ligeramente y le dará a la superposición un efecto más dinámico.
Ha tenido un gran comienzo y puede usar lo que ha hecho hasta ahora para crear los dos banners inferiores.
Los Banners Inferiores
En lugar de hacer el mismo trabajo nuevamente para estos banners inferiores, simplemente haga clic con el botón derecho en el Banner superior y seleccione Duplicar capa . Nombra esta nueva capa Abajo a la derecha y usando el Herramienta de movimiento ( V en el teclado), muévalo a la parte inferior derecha de la pantalla. Asegúrate de que no se superponga con la barra de herramientas del juego y usa el control mientras arrastra para colocarlo con más precisión.
Para crear la barra inferior izquierda, siga el mismo método que el anterior y muévala hacia la parte inferior izquierda de la pantalla. Nuestra superposición básica ahora está completa, por lo que podemos agregar un marco para nuestra cámara.
Marco de la cámara
Crea una nueva capa y llámala Cuadro . Selecciona el Herramienta rectangular de nuevo, y cree un cuadrado perfecto manteniendo pulsado el Cambio mientras arrastra el cursor del mouse. No se preocupe por el color del cuadrado, luego nos desharemos del relleno.
Para crear el marco, haga clic derecho en la capa y seleccione Opciones de fusión . Seleccione Carrera pero esta vez selecciona Interno desde el Posición menú desplegable, para que el marco entre en el cuadrado en lugar de colocarse en el exterior.
Una vez más, seleccione un color y un ancho que se adapte al esquema de color que tiene hasta ahora. Ahora seleccione la capa y cámbiela Llenar al 0 por ciento, dejando solo el marco.
Utilizar el Herramienta de movimiento para colocarlo encima del banner inferior izquierdo y cambiar su tamaño si es necesario manteniendo presionada la Cambio clave para preservar su relación de aspecto.
La superposición está comenzando a juntarse, pero ahora es el momento de agregar algo de texto.
Agregar texto
Para comenzar a agregar texto, cree una nueva capa. Utilizar el Herramienta de texto (o presione T en su tablero) y arrastre un nuevo cuadro de texto. Selecciona el Personaje menú del lado derecho como se muestra a continuación:
Si no puede ver este botón en su diseño de Photoshop, puede abrir el menú haciendo clic en Ventana> Personaje . Seleccione aquí la fuente y el color elegidos y agregue su texto. Utilizar el Herramienta de movimiento para colocar su texto en uno de sus banners inferiores. Debería encajar en su lugar, pero el control key puede ayudarlo a ajustarlo exactamente donde desea que esté.
Ahora tenemos texto, pero parece un poco soso. Entonces, para que se destaque, haga clic derecho en la capa de texto y seleccione nuevamente Opciones de fusión . Dale al texto un Carrera y también un Sombra paralela para que se destaque un poco. Los valores predeterminados se utilizan aquí, pero puede jugar con la configuración para crear un efecto de 'texto flotante' mucho más pronunciado también.
Cree elementos de texto para las otras tres esquinas haciendo clic derecho en esta capa y seleccionando Duplicar capa , y usando el Herramienta de movimiento para mover cada nueva capa a sus respectivas esquinas.
Con nuestro texto ahora en su lugar, estamos cerca de terminar. Simplemente agreguemos logotipos para las redes sociales y un logotipo de encabezado para el canal.
Logos de redes sociales
Es más fácil utilizar iconos prefabricados que son comercialmente gratuitos. Un sitio web como Buscador de iconos puede ayudar con esto, pero asegúrese de que los íconos que use estén marcados Gratis para uso comercial para evitar meterse en problemas legales más adelante. Importe su logotipo en Photoshop usando el Archivo> Colocar menú. Si no puede ver su logotipo, asegúrese de que esté en la parte superior arrastrando su capa a la parte superior del menú de capas.
Ahora tenemos un logo de Facebook, pero es un poco soso. Hagamos que encaje haciendo clic derecho en su capa y seleccionando Opciones de fusión , seguido por Carrera . Dale un trazo exterior del mismo ancho que el trazo de tu banner superior. Al seleccionar el color, puede usar el cuentagotas para hacer coincidir el color con su banner superior.
Mueva el logotipo hacia la parte superior izquierda de la pantalla y utilice el control colóquela con cuidado para que encaje en la esquina.
Para el logotipo de Twitter, siga el mismo método de uso Lugar para agregarlo al proyecto. Puede ahorrar un poco de tiempo aquí seleccionando la capa del logotipo de Facebook, haciendo clic derecho y eligiendo Copiar estilo de capa , antes de volver a la nueva capa del logotipo de Twitter y usar Pegar estilo de capa para darle el mismo ancho y color de trazo. Mueva este logotipo a la esquina superior opuesta y, si es necesario, mueva el texto para que encaje.
Ahora agreguemos el logo del centro.
Logotipo del canal
Si tiene un logotipo de canal, es bueno tenerlo al frente y al centro para que todos puedan verlo inmediatamente cuando comiencen a mirar. Si aún no tiene un logotipo, puede reemplazarlo con un un poco de texto personalizado con el nombre de tu canal o sitio web.
Para comenzar, arrastre una regla desde la barra de herramientas izquierda, debería encajar en el centro de la pantalla.
Si no puede ver su regla o no se rompe, mire debajo de la Vista menú y comprobar que ambos Gobernante y Quebrar están seleccionados.
Lugar su logotipo en el proyecto. Debería centrarse automáticamente en la regla. Cree una nueva capa y arrástrela a la capa debajo del logotipo. Utilizar el Herramienta rectangular para crear un rectángulo un poco más grande que el logo, dándole un efecto enmarcado.
Para que se destaque, dele a su cuadrado recién creado un Carrera exterior del mismo color que el resto de tus bordes. Para que sea más fácil mover el logotipo y el borde como uno solo, mantenga presionado control para seleccionar ambas capas. Haga clic derecho y seleccione Convertir en objeto inteligente . Esto almacena tanto nuestro logotipo como el borde en la misma capa, que aún se puede editar más tarde si es necesario.
Mueva su logotipo a la parte superior de la superposición y cambie su tamaño para que se ajuste. Y eso es todo, hemos terminado.
Guardar la superposición
Antes de guardar la superposición como una imagen, guárdelo como un documento de Photoshop con un nombre de archivo como 'Plantilla de Twitch de Minecraft' para que pueda cambiarlo más tarde para usarlo con diferentes juegos.
Para que el fondo sea transparente, seleccione el Ojo en la captura de pantalla del juego y las capas de fondo, dejando solo los elementos superpuestos a la vista.
Guarde este archivo con la extensión .PNG y cárguelo en el software de transmisión de su elección para usarlo. Aquí está la superposición terminada en mi software de transmisión, con la superposición como capa superior, la cámara como capa intermedia y Minecraft como capa inferior.
Superposición de Twitch completa: ¡ahora comienza a transmitir!
Ahora que sabes cómo hacer una superposición de Twitch, ¡es hora de comenzar a transmitir! Empiece su canal por configurar su software de transmisión y elegir qué juegos jugar en Twitch. Y si realmente busca valor de producción, intente transmitiendo con una pantalla verde . Por encima de todo, ¡diviértete!
Cuota Cuota Pío Correo electrónico 5 consejos para potenciar sus máquinas Linux VirtualBox¿Cansado del bajo rendimiento que ofrecen las máquinas virtuales? Esto es lo que debe hacer para mejorar el rendimiento de VirtualBox.
Leer siguiente Temas relacionados- Juego de azar
- Creativo
- Adobe Photoshop
- Video en línea
- Contracción nerviosa
- Cultura del juego
- Tutorial de Photoshop
Ian Buckley es un periodista, músico, intérprete y productor de video independiente que vive en Berlín, Alemania. Cuando no está escribiendo o en el escenario, está jugando con la electrónica o el código de bricolaje con la esperanza de convertirse en un científico loco.
cómo hacer una cuenta de ps4Más de Ian Buckley
Suscríbete a nuestro boletín
¡Únase a nuestro boletín de noticias para obtener consejos técnicos, reseñas, libros electrónicos gratuitos y ofertas exclusivas!
Haga clic aquí para suscribirse