Spanish (Español) translation by Gustavo Ramirez (you can also view the original English article)
¿Buscas actualizar tu canal de streaming en Twitch con un flamante aspecto? ¿O eres nuevo en el streaming y buscas la mejor manera de atraer espectadores enfocándote en el tema visual? ¡Síguenos en este tutorial Photoshop y aprende cómo hacer un banner para Fortnite Twitch!
Tu banner para Twitch actúa esencialmente como una imagen de portada o encabezado que está situado en una posición destacada en tu canal o página. Esto significa que vamos a querer una imagen única e interesante para atraer más espectadores al canal de Twitch. También es importante que la imagen tenga algo de relación con lo que se enfoca tu canal.Con esto en mente, usaremos el popular Fortnite como un ejemplo para nuestro banner Photoshop. Sin embargo, siéntete con la libertad de usar otro juego según tus necesidades.
¿Quieres ahorrar tiempo? Dirígete a Envato Elements para descargar tu plantilla para Twitch en formato PSD.
Lo que Aprenderás en este Tutorial Photoshop
- Cómo usar los tamaños de banner recomendados para Twitch y las dimensiones para el 2022
- Cómo hacer un banner para Twitch usando Adobe Photoshop
- Cómo elegir e importar imágenes del juego
- Cómo personalizar tu tipografía
Lo que Necesitarás
Para aprender cómo hacer un banner para Twitch en Adobe Photoshop, necesitarás descargar una copia del juego gratuitamente en la Epic Games Store. También requerirás descargar el archivo adjunto pattern.png que puedes obtener haciendo clic en el botón "Download Attachment" (descargar archivo adjunto) ubicado a la derecha.
1. ¿Cuál es Tamaño de Documento correcto para un banner de Fortnite para Twitch?
Paso 1
Comencemos nuestro tutorial Photoshop determinando las dimensiones correctas para nuestro banner de Fortnite para Twitch. El tamaño recomendado a partir del 2021 es 1200 px por 480 px, con un tamaño de archivo de hasta 10 MB.
Crea un nuevo documento en Adobe Photoshop con estas dimensiones y haz clic en el botón crear.
- Anchura: 1200 pixeles
- Altura: 480 pixeles
- Resolución: 72 ppp
Paso 2
Esto creará un nuevo documento con las medidas correctas para comenzar. La forma rectangular de nuestro banner debería lucir como la que aparece en la imagen a continuación.
2. Cómo Importar una Imagen de Fondo
Paso 1
Para crear una imagen de fondo para nuestro banner Photoshop, necesitaremos tomar la captura de pantalla con la más alta calidad posible desde dentro del juego. Para esto, necesitamos hacer que las opciones del video sean las más altas posibles en la configuración del juego (dependiendo de las especificaciones de tu computadora).
Para juegos como Fortinite, a veces puedes simplificar este paso seleccionando la opción de calidad que oscila de Baja a Media, Alta y Épica.
Paso 2
Fortnite también permite que los jugadores guarden sus partidas y las vean de nuevo desde cualquier ángulo usando el Replay System (sistema de repeticiones). Esto te permitirá enfocarte en capturar la mejor composición y buscar tu imagen de fondo, sin preocuparte por el juego.
El Replay System (sistema de repeticiones) de Fortnite muestra diversos modos de cámara como Third Person (tercera persona), Drone Modes (modos de dron) y Gameplay Camera (cámara de jugadas). También presenta otros ajustes cinemáticos y visualizaciones únicas para ayudarte a capturar la mejor imagen de fondo para tu banner de Fortnite Twitch.
Para ingresar a Replay Mode (modo de repeticiones), ve a Career Tab (pestaña de Carrera) en el lobby y luego selecciona el botón de Replays (repeticiones) en la parte inferior de la pantalla para crear un banner en Photoshop.
Paso 3
Cuando utilices el Replay Mode, asegúrate de habilitar el modo High Quality FX (efectos de alta calidad) para mejorar la calidad de tu imagen.
Paso 4
Toma algunas capturas de pantalla y una vez que tengas algunas imágenes para tu fondo, elige la que vas a utilizar en tu banner de Fortnite para importarla desde Adobe Photoshop.
Paso 5
Importa o pega tu imagen de fondo en Adobe Photoshop. Esta actuará como tu capa de fondo principal.
3. Cómo Colorear la Imagen de Fondo Utilizando Mapas de Degradado
Paso 1
Para cambiar el color del fondo, haz clic en el botón Crear nueva capa de relleno o de ajuste (ubicado cerca de la parte inferior del panel Capas) y selecciona Degradado.
Paso 2
Esto creará una capa de Mapa de degradado arriba de nuestra imagen de fondo. Ajústalo al 70% de Opacidad.
Paso 3
Con la capa de Mapa de degradado aún seleccionada, haz clic en la barra de degradado, que puedes encontrar en el panel Propiedades. Esto abrirá la ventana del Editor de degradado. Aquí podremos elegir los colores para nuestro Mapa de degradado.
Paso 4
Mantén la detención de color de la izquierda en negro y cambia la detención de color de la derecha de la siguiente manera:
- R: 156
- G: 45
- B: 234
Luego muévela a una ubicación de aproximadamente 62%.
Paso 5
La imagen de fondo ahora debería lucir similar a la imagen a continuación. Si quieres, puedes experimentar y mover las ubicaciones de detenciones de color o cambiar los colores ligeramente para obtener una apariencia que te agrade.
4. Cómo Crear las Formas del Fondo del Banner de Fortnite
Paso 1
Utilizando la herramienta Lazo poligonal, dibuja una forma que abarque aproximadamente dos tercios de la composición. En este espacio se ubicará tu nombre y tus iconos de redes sociales. Para seguir los colores, usa lo siguientes parámetros:
- R: 71
- G: 72
- B: 121
Paso 2
Utilizando de nuevo la herramienta Lazo poligonal, dibuja una segunda forma cerca de la parte inferior de tu composición. Asegúrate de que la capa esté colocada debajo de la primera forma para evitar cualquier superposición innecesaria. Para seguir los colores, utiliza los siguientes parámetros:
- R: 255
- G: 54
- B: 253
Paso 3
Usando de nuevo la herramienta Lazo poligonal, dibuja una tercera forma para detalles adicionales. De nuevo, asegúrate otra vez que la capa esté colocada debajo de las primeras dos capas de formas, así evitarás cualquier superposición innecesaria. Para seguir los colores, utiliza los siguientes parámetros:
- R: 255
- G: 255
- B: 255
5. Cómo Crear el Patrón de Fondo
Paso 1
Para el patrón de fondo para el banner Photoshop, podemos usar el patrón que puedes descargar del archivo adjunto en este tutorial. Importa el patrón a tu documento.
Paso 2
Una vez importado el patrón en Photoshop, puedes cambiar su color usando la herramienta Relleno o Superposición de colores con los siguientes parámetros:
- R: 255
- G: 54
- B: 253
Paso 3
Utiliza una combinación de la herramienta Deformar, la herramienta Perspectiva y la herramienta Transformar para manipular la forma del patrón para darle un aspecto más interesante.
Paso 4
Con la capa del patrón seleccionada, cambia la Opacidad a 15% para darle más sutileza y que así no contraste con el resto del diseño.
Paso 5
Elimina cualquier superposición no deseada usando la herramienta Lazo poligonal y la herramienta Borrador para darle un aspecto más limpio.
Paso 6
También puedes añadir un color sutil al diseño a tu banner Fortnite editable con un Pincel circular difuso. En este ejemplo, utilicé el color que se muestra a continuación:
- R: 107
- G: 38
- B: 142
6. Cómo Añadir un Personaje al Banner de Fortnite Twitch
Paso 1
También podemos agregar un personaje a nuestro banner Photoshop. Utilizando las mismas técnicas que utilizamos previamente para capturar la imagen de fondo de nuestro banner de Fortnite para Twitch. Simplemente dirígete a una pantalla donde se muestre el personaje que quieres (como la pantalla de seleccionar personaje o la tienda) y luego toma una captura de pantalla.
Siéntete libre de explorar el juego y toma algunas capturas de pantalla de Emotes de Twitch para Fortnite de tu personaje. Así le agregarás algo de personalidad a tu banner de Fortnite.
Una vez que hayas captado el personaje que quieres usar, regresa a Adobe Photoshop e importa el personaje a tu banner de Fortnite para Twitch.
Paso 2
Utiliza cuidadosamente la herramienta Lazo para cortar la forma de tu personaje. Esto puede ser un proceso largo, ya que las formas de ciertos personajes pueden resultar muy complejas. Ciertos emotes de Fortnite para Twitch también pueden añadir más complejidad a la forma general para crear un banner Twitch. Utiliza la herramienta Transformar para ajustar el tamaño del personaje y luego colócalo cerca de la parte izquierda del banner Fortnite editable.
Paso 3
También podemos añadir una Sombra paralela para resaltar aún más el personaje que quieres usar para hacer un banner para Twitch. Solo da clic derecho en la capa del personaje y elige del menú Opciones de fusión.
Paso 4
Esto abrirá las opciones de Estilo de capa. Aquí, podemos seleccionar Sombra paralela que se encuentra en la parte inferior de la lista.
Luego experimenta con las opciones de Sombra paralela para obtener la apariencia que quieres para crear un banner Twitch. En este ejemplo, utilicé los siguientes parámetros:
- Modo de fusión: Normal
- Opacidad: 100%
- Ángulo: 13%
- Distancia: 24 px
- Extensión: 100%
- Tamaño: 1 px
El color utilizado para la sombra se muestra a continuación:
- R: 27
- G: 5
- B: 52
Paso 5
Ajusta las opciones de Sombra paralela y experimenta con diferentes valores hasta que obtengas un resultado que te guste para hacer tu banner Fortnite editable.
7. Cómo Agregar tu Nombre
Paso 1
Elige una fuente que te gustaría utilizar y escribe la primera palabra de tu nombre. Para este ejemplo utilicé la fuente Ammonite, pero siéntete libre de utilizar cualquier otra al crear un banner para Twitch.
El color para la primera palabra es el siguiente:
- R: 255
- G: 255
- B: 255
Paso 2
Coloca la segunda parte de nuestro nombre debajo de la primera parte y usa un color diferente. Elige un color que concuerde con tu esquema de color general. Para este ejemplo utilicé los siguientes parámetros:
- R: 255
- G: 54
- B: 253
Paso 3
Reúne algunos íconos de redes sociales de todas las plataformas que utilices. Impórtalos desde Adobe Photoshop y colócalos debajo de tu nombre al crear un banner en Photoshop. Aquí decidí alternar entre los dos colores utilizados para el nombre, pero siéntete libre de experimentar.
8. Cómo Agregar los Toques Finales al banner de Fortnite Twitch
Paso 1
En esta sección, añadiremos una capa de ajuste que te permitirá añadir algunos toques finales a la apariencia general de tu diseño de banner de Fortnite para Twitch.
Haz clic en el botón Crear nueva capa de relleno o ajuste (ubicado cerca de la parte inferior del panel Capas) y selecciona Tono/Saturación de la lista.
Paso 2
Esto creará una nueva capa de ajuste de Tono/Saturación que ahora puedes modificar. Para hacerlo, selecciona la nueva capa de ajuste que creaste y dirígete al panel Propiedades. Aquí puedes utilizar los reguladores deslizantes para cambiar la apariencia de tu diseño.
Para este ejemplo incrementé la saturación general +30, lo que hará que los colores destaquen más.
Paso 3
Siéntete libre de experimentar y divertirte con los ajustes.
¡Fabuloso! ¡Terminaste!
¡Felicidades! Así es cómo se crea un banner de Fortnite Twitch que puedes utilizar en tu canal o página.
Ahora que estás familiarizado con las técnicas, ¿por qué no creas un paquete de Fortnite para Twitch? Este puede incluir más elementos para mejorar la apariencia de tu canal como paneles, imágenes de perfil, overlays y más.
¡Siéntete libre de compartir tus propias creaciones en la sección de comentarios! Espero que te haya resultado útil este tutorial Photoshop y hayas aprendido algunos nuevos consejos y trucos que puedas usar para tus propios proyectos. ¡Hasta la próxima!
Los 5 mejores Banners para Gaming
¿Necesitas crear un banner para Twitch cuanto antes? Dirígete a Envato Elements donde puedes descargar diversos diseños de plantillas para gaming. Estos son cinco de mis diseños favoritos de plantillas para banner.
Banners Publicitarios para eSports (PSD)
Esta plantilla de Adobe Photoshop tiene un diseño gráfico moderno que muestra a un divertido personaje femenino usando un casco de realidad virtual. Incluye 15 plantillas en formato PSD que son fáciles de personalizar y editar. Todas las plantillas se ajustan al tamaño de acuerdo a los lineamientos más recientes de redes sociales.
Paquete de Mockups de Promoción de Logotipo de Canal de Gaming en YouTube (PSD)
Este paquete de mockups contiene tres plantillas en formato PSD que son fáciles de editar usando capas organizadas. Los archivos de las plantillas están en alta resolución, así que puedes usarlas para todas tus necesidades de redes sociales.
Tres Banners para YouTube - Ilustración para Canal de Gaming V1 (PSD)
Este paquete contiene tres banners para YouTube de estilo retro, que puedes usar para tus propios canales y páginas de redes sociales. Todas las capas incluidas en el paquete están bien organizadas, limpias y de calidad profesional con una resolución de 2560 x 1440.
Perfiles de Redes Sociales - Conjunto de Redes Socieles (PSD)
¡Este conjunto para redes sociales es perfecto para todos los fanáticos de los videojuegos! Úsalo para atraer nuevos espectadores y suscriptores a tu canal. Este paquete contiene un archivo PSD completamente editable que se ajusta a los lineamientos más recientes de redes sociales.
Comunidad de Gaming - Conjunto de Redes Sociales (PSD, PNG, JPG)
Este conjunto para redes sociales es perfecto para un sitio web de comunidad gaming o de esports. La plantilla es completamente personalizable en Adobe Photoshop y cuenta con 13 encabezados, portadas y formatos de publicación. Este paquete incluye tamaños adecuados para todas las redes sociales populares como Twitter, Facebook, Instagram y YouTube.
¿Buscas aprender más? ¡Consulta a Continuación Más Tutoriales sobre Gaming!
25 plantillas para panel de Twitch (usando un generador online)
35 geniales overlays para transmisiones de Twitch (overlays de Twitch personalizadas para descargar)
Cómo Hacer Emotes para Twitch
Cómo hacer un overlay de Minecraft para Twitch
Plantillas Gamer para Twitch y Youtube (Creador de Logo)
Top 20 Emotes de Twitch Personalizados (creador de emotes Twitch)
