7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Adobe Photoshop

Cómo Hacer un Banner de Fortnite para Twitch

Scroll to top

Spanish (Español) translation by Gustavo Ramirez (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

¿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.

Plantillas para Twitch en Envato ElementsPlantillas para Twitch en Envato ElementsPlantillas para Twitch en Envato Elements
Plantillas para Twitch en Envato Elements

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
Medidas para crear un banner TwitchMedidas para crear un banner TwitchMedidas para crear un banner Twitch
Medidas para crear banner Twitch

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.

Documento en blanco para banner de FortniteDocumento en blanco para banner de FortniteDocumento en blanco para banner de Fortnite
Documento en blanco para banner de Fortnite

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.

Configuración del juego para crear un banner en PhotoshopConfiguración del juego para crear un banner en PhotoshopConfiguración del juego para crear un banner en Photoshop
Configuración del juego para crear un banner en Photoshop

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) 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.

Repeticiones para crear un banner TwitchRepeticiones para crear un banner TwitchRepeticiones para crear un banner Twitch
Repeticiones para crear un banner Twitch

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.

Modo de cámara para banner de Fortnite editableModo de cámara para banner de Fortnite editableModo de cámara para banner de Fortnite editable
Modo de cámara para banner de Fortnite editable

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.

Fondo para crear banner PhotoshopFondo para crear banner PhotoshopFondo para crear banner Photoshop
Fondo para crear banner Photoshop

Paso 5

Importa o pega tu imagen de fondo en Adobe Photoshop. Esta actuará como tu capa de fondo principal.

Fondo para hacer banner para TwitchFondo para hacer banner para TwitchFondo para hacer banner para Twitch
Fondo para hacer banner para Twitch

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.

Degradado para banner de Fortnite para TwitchDegradado para banner de Fortnite para TwitchDegradado para banner de Fortnite para Twitch
Degradado para banner de Fortnite para Twitch

Paso 2

Esto creará una capa de Mapa de degradado arriba de nuestra imagen de fondo. Ajústalo al 70% de Opacidad.

Mapa de degradado para crear un banner en PhotoshopMapa de degradado para crear un banner en PhotoshopMapa de degradado para crear un banner en Photoshop
Mapa de degradado para crear un banner en Photoshop

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.

Editor de degradado para banner Fortnite TwitchEditor de degradado para banner Fortnite TwitchEditor de degradado para banner Fortnite Twitch
Editor de degradado para banner Fortnite Twitch

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%.

Degradado morado en nuestro banner de Fortnite editableDegradado morado en nuestro banner de Fortnite editableDegradado morado en nuestro banner de Fortnite editable
Degradado morado en nuestro banner de Fortnite editable

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.

Fondo morado para banner PhotoshopFondo morado para banner PhotoshopFondo morado para banner Photoshop
Fondo morado para banner Photoshop

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
Figura morada para crear banner de TwitchFigura morada para crear banner de TwitchFigura morada para crear banner de Twitch
Cómo hacer un banner para Twitch: ajuste de figura morada

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
Forma rosa para crear un banner TwitchForma rosa para crear un banner TwitchForma rosa para crear un banner Twitch
Forma rosa para crear un banner Twitch

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
Figura blanca para banner Fortnite EditableFigura blanca para banner Fortnite EditableFigura blanca para banner Fortnite Editable
Figura blanca para banner Fortnite Editable

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.

Patrón triangular para crear un banner en PhotoshopPatrón triangular para crear un banner en PhotoshopPatrón triangular para crear un banner en Photoshop
Patrón triangular para crear un banner en Photoshop

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
Aplicando el patrón al banner Fortnite TwitchAplicando el patrón al banner Fortnite TwitchAplicando el patrón al banner Fortnite Twitch
Aplicando el patrón al banner Fortnite Twitch

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.

Utilizando la herramienta de deformar para el banner PhotoshopUtilizando la herramienta de deformar para el banner PhotoshopUtilizando la herramienta de deformar para el banner Photoshop
Utilizando la herramienta de deformar para el banner Photoshop

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.

Tutorial Photoshop: ajustando la opacidadTutorial Photoshop: ajustando la opacidadTutorial Photoshop: ajustando la opacidad
Tutorial Photoshop: ajustando la opacidad

Paso 5

Elimina cualquier superposición no deseada usando la herramienta Lazo poligonal y la herramienta Borrador para darle un aspecto más limpio.

Eliminando el exceso de nuestro banner de Fortnite para TwitchEliminando el exceso de nuestro banner de Fortnite para TwitchEliminando el exceso de nuestro banner de Fortnite para Twitch
Eliminando el exceso de nuestro banner de Fortnite para Twitch

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
Uso del pincel circular para crear un banner TwitchUso del pincel circular para crear un banner TwitchUso del pincel circular para crear un banner Twitch
Uso del pincel circular para crear banner Twitch

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.  

Pantalla para seleccionar personaje para banner PhotoshopPantalla para seleccionar personaje para banner PhotoshopPantalla para seleccionar personaje para banner Photoshop
Cómo hacer un banner para Twitch: pantalla para seleccionar personaje

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.

Importa tu personaje para crear un banner TwitchImporta tu personaje para crear un banner TwitchImporta tu personaje para crear un banner Twitch
Importa tu personaje para crear banner Twitch

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.

Opciones de fusión para crear un banner TwitchOpciones de fusión para crear un banner TwitchOpciones de fusión para crear un banner Twitch
Opciones de fusión para crear banner Twitch

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
Tutorial Photoshop: utilizando el efecto de sombra paralelaTutorial Photoshop: utilizando el efecto de sombra paralelaTutorial Photoshop: utilizando el efecto de sombra paralela
Tutorial Photoshop: utilizando el efecto de sombra paralela

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. 

Ajustando la sombra del banner Fortnite EditableAjustando la sombra del banner Fortnite EditableAjustando la sombra del banner Fortnite Editable
Ajustando la sombra del 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
Tutorial Photoshop: agregando la primer palabra Tutorial Photoshop: agregando la primer palabra Tutorial Photoshop: agregando la primer palabra
Tutorial Photoshop: agregando la primer palabra

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
Agregando la segunda palabra para crear un banner TwitchAgregando la segunda palabra para crear un banner TwitchAgregando la segunda palabra para crear un banner Twitch
Agregando la segunda palabra para crear banner Twitch

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.

Iconos de redes sociales al hacer un banner para TwitchIconos de redes sociales al hacer un banner para TwitchIconos de redes sociales al hacer un banner para Twitch
Iconos de redes sociales al hacer un banner para Twitch

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.

Tutorial Photoshop: toques finales al bannerTutorial Photoshop: toques finales al bannerTutorial Photoshop: toques finales al banner
Tutorial Photoshop: toques finales al banner

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.

Cómo hacer un banner para Twitch: ajuste de saturaciónCómo hacer un banner para Twitch: ajuste de saturaciónCómo hacer un banner para Twitch: ajuste de saturación
Cómo hacer un banner para Twitch: ajuste de saturación

Paso 3

Siéntete libre de experimentar y divertirte con los ajustes.

Tutorial Photoshop: ajustes finalesTutorial Photoshop: ajustes finalesTutorial Photoshop: ajustes finales
Tutorial Photoshop: ajustes finales

¡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!

Cómo hacer un banner para Twitch: banner terminadoCómo hacer un banner para Twitch: banner terminadoCómo hacer un banner para Twitch: banner terminado
Cómo hacer un banner para Twitch: banner terminado

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)

Banners Publicitarios para eSportsBanners Publicitarios para eSportsBanners Publicitarios para eSports
Banners Publicitarios para eSports

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)

Paquete de Mockups de Promoción de Logotipo de Canal de Gaming en YouTubePaquete de Mockups de Promoción de Logotipo de Canal de Gaming en YouTubePaquete de Mockups de Promoción de Logotipo de Canal de Gaming en YouTube
Paquete de Mockups de Promoción de Logotipo de Canal de Gaming en YouTube

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)

Tres Banners para YouTube - Ilustración para Canal de Gaming V1Tres Banners para YouTube - Ilustración para Canal de Gaming V1Tres Banners para YouTube - Ilustración para Canal de Gaming V1
Tres Banners para YouTube - Ilustración para Canal de Gaming V1

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)

Perfiles de Redes Sociales - Conjunto de IlustracionesPerfiles de Redes Sociales - Conjunto de IlustracionesPerfiles de Redes Sociales - Conjunto de Ilustraciones
Perfiles de Redes Sociales - Conjunto de Ilustraciones

¡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)

Comunidad de Gaming - Conjunto de Redes SocialesComunidad de Gaming - Conjunto de Redes SocialesComunidad de Gaming - Conjunto de Redes Sociales
Comunidad de Gaming - Conjunto de Redes Sociales

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!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.