Cómo hacer una superposición de contracción con Photoshop

Agregar una superposición puede hacer que su transmisión de Twitch sea más interesante y captar mejor la atención de su audiencia. Pero, ¿cómo se hace uno?

¡Hola! Soy Cara y les voy a decir que, una vez más, ¡Photoshop viene al rescate! ¡Sígueme y te mostraré cómo hacer una superposición de Twitch con Photoshop!

Nota rápida: las capturas de pantalla en el tutorial a continuación se basan en Photoshop CC para Windows, otras versiones pueden verse ligeramente diferentes pero deberían ser similares.

PLANIFICACIÓN DE UNA SUPERPOSICIÓN DE TWITCH 

Antes de comenzar a diseñar, mapee los elementos que desea incluir en su superposición. Una caja para la transmisión en vivo es clave, por supuesto, y una cámara web que muestra tu rostro también es una buena idea. A los seguidores les gusta ver tus reacciones al juego. 

Otras superposiciones que puede usar incluyen alertas para dar la bienvenida a nuevos seguidores u otras acciones, superposiciones de chat para discusiones y superposiciones de anuncios para promocionar a sus patrocinadores. 

PASO 1: CREAR UN NUEVO PROYECTO

Abra un nuevo documento yendo a Archivo y eligiendo Nuevo.

El tamaño es importante para que su superposición se vea correcta durante su transmisión. No querrás que tus elementos se amontonen o se vean fuera de proporción. Así que elige 1920 píxeles de ancho x 1080 de alto. Si la unidad de medida es otra, abra el menú desplegable y elija píxeles. 

Cerca de la parte inferior, puede elegir el color de fondo. Elija entre las opciones del menú desplegable o haga clic en la muestra de color a la derecha para abrir el selector de color. Una vez que esté satisfecho con el color, haga clic en Crear .

Si desea ser más creativo con su color de fondo, puede cambiarlo después de crear su proyecto.

Voy a agregar un degradado eligiendo la capa de ajuste de degradado . Abra este menú haciendo clic en el círculo semilleno en la parte inferior del panel Capas.

Para agregar un degradado rápido, abra las opciones preestablecidas haciendo clic en la flecha a la derecha de la muestra de vista previa del degradado. Elija uno de los degradados preestablecidos de las carpetas de familias de colores.

Asegúrate de elegir algo que encaje con el tema de tu juego.

Consejo profesional: tome una captura de pantalla del juego y ábrala en Photoshop. Esto facilitará la combinación de colores y hará que la superposición se vea mucho más profesional.

PASO 2: CREA UNA NUEVA CAPA PARA WINDOWS

Ahora necesitas marcar dónde irá todo. Necesita al menos una ventana grande para la transmisión en vivo y una más pequeña para su cámara web.

Cree una nueva capa para que pueda dibujar sobre ella sin interrumpir la capa de fondo. Presiona el ícono que parece un signo más dentro de un cuadrado en la parte inferior del panel Capas.

También me deshice de la capa de fondo negro porque no la necesitamos. Simplemente haga clic y arrastre la capa hasta la papelera en la parte inferior derecha del panel Capas.

PASO 3: DIBUJA LA VENTANA

Ahora seleccione la herramienta Marco rectangular en la parte superior de la barra de herramientas a la izquierda.

Haga clic y arrastre para dibujar un rectángulo en su superposición. Para que el juego se muestre correctamente, quédese con un formato de pantalla ancha para el tamaño. Por ejemplo, 1280 x 720 píxeles.

La línea de hormigas en marcha es solo una selección, necesitamos una línea real. Haga clic con el botón derecho dentro de la selección y elija Trazo en el menú.

Elija el color y el ancho de la línea en el cuadro que se abre. Elija el botón Exterior para que la línea quede fuera de la selección. Presiona OK cuando estés feliz.

PASO 4: HAZ QUE LA VENTANA SEA TRANSPARENTE

Si hizo lo que hice con la capa de degradado, deberá rasterizar la capa de fondo antes de poder hacer que el cuadro sea transparente. Haga clic con el botón derecho en la capa de degradado y elija Rasterizar capa en el menú.

Presione Backspaceo para eliminar el fondo dentro de su selección. Presiona + o + para eliminar las hormigas que marchan. DeleteCtrl DCommand D

PASO 5: AGREGAR OTRAS VENTANAS

Los seguidores quieren ver tus reacciones al juego, por lo que una ventana de cámara web suele ser una gran adición. Puede seguir los mismos pasos descritos en los pasos 2 a 4 para crear otra ventana transparente. 

Recuerde, puede usar la herramienta Marco elíptico en su lugar para una forma diferente. Mantenga Shiftpresionado mientras arrastra la selección para crear un círculo perfecto.

¿Qué sucede si prefiere agregar una ventana de chat? ¡No hay problema! Utilice la misma técnica con la herramienta Marco rectangular para dibujar el rectángulo. Esta vez, cuando haga clic con el botón derecho en la forma, elija Rellenar en su lugar para rellenar la forma con un color diferente. 

Seleccione Color en el cuadro Contenido para abrir el selector de color y elija el color que desea para el fondo de su cuadro de chat.

Presione Ctrl + o + para anular la selección del rectángulo. DCommand D

PASO 6: AGREGAR TEXTO

El texto es un elemento clave para involucrar a tus seguidores. Por ejemplo, puede agregar mensajes que les indiquen que participen en la discusión o que los inviten a suscribirse.

Para agregar texto, abra la herramienta Texto horizontal o vertical desde la barra de herramientas o presione Ten el teclado. 

Haga clic en su proyecto donde le gustaría agregar texto y escriba lo que quiere decir. En la barra de opciones en la parte superior, puede cambiar la fuente, el tamaño y el color para personalizar el texto. 

Para obtener más ideas interesantes sobre efectos de texto y cómo crearlos, consulte nuestra sección Tutoriales de texto. 

PASO 7: AGREGAR OTROS ELEMENTOS

En este punto, puede agregar lo que desee para personalizar el aspecto de su superposición. Esto incluye logotipos de canales y redes sociales u otras decoraciones, incluidas formas, imágenes, etc., que encajen con su tema.

PASO 8: GUARDAR SU SUPERPOSICIÓN

Una vez que esté satisfecho con la superposición, debe guardarla. Para mantener la transparencia, debe guardarlo como PNG.  

Vaya a Archivo y elija Guardar una copia . 

Elija PNG de la lista y nombre su superposición como desee. Si desea poder realizar cambios más tarde, deberá guardar otra copia como un archivo PSD. 

Ahora que eres un profesional de las superposiciones de Twitch, ¡puedes aprender a crear tus propios gestos de Twitch aquí!

 

Leave a Comment