Diseñe un banner de sitio de juegos simple y brillante

¡Bienvenido! En este sencillo tutorial, te mostraré cómo hacer una especie de banner de estilo de juego, muy parecido al que se muestra en la siguiente imagen:

Diseñe un banner de sitio de juegos simple y brillante

1. Crea un nuevo fondo

Bueno, en primer lugar, ¡comience creando un nuevo documento en Photoshop! Usé un documento de tamaño pequeño de 400 x 400 píxeles para este tutorial, pero puede usar el tamaño que desee. Después de crear un nuevo documento, rellene el fondo con un color gris muy oscuro o un degradado muy oscuro. Termina el fondo agregando un poco de grunge sexy o algunos filtros aleatorios para agregar algunos detalles interesantes. Algunos buenos ejemplos de filtros efectivos: Filtro> Ruido> Agregar ruido, Filtro> Trazos de pincel> Salpicaduras, Filtro> Renderizar> Efectos de iluminación.

Fondo de grunge oscuro agregado

Colores utilizados en la imagen de arriba: # 222222, y # 131416.

2. Creación de la forma del banner

Crea una nueva capa (Capa> Nueva> Capa…) luego haga una selección en su lienzo usando el Herramienta Marco Rectangular. Puede usar el tamaño que desee aquí, pero yo usé un tamaño pequeño de 220 x 110 píxeles.

Selección de banner creada

Ahora complete su selección con un bonito degradado rojo (o cualquier degradado de color para la materia)

Configuración de la herramienta de degradado rojo

Degradado aplicado a la selección

Los colores que he usado aquí son # d02223 para # 650b0b.

3. Adición de aspectos destacados

Crea una nueva capa y luego busca y saca la herramienta Pluma. Después de sacar la herramienta de lápiz, haga un camino en su lienzo similar al mío que se muestra a continuación. Con la herramienta Pluma aún activa, haga clic con el botón derecho en su ruta y vaya a «Hacer selección», use la configuración predeterminada. Ahora tienes una selección real en lugar de una ruta.

Icono de herramienta de lápiz

Ruta de la herramienta de lápiz

Selección de la herramienta Pluma

Usando un pincel grande y suave, en una nueva capa, pincel un poco dentro de su selección para que tenga algo como esto:

Cepillado blanco

Bordes Borrados Cepillado Blanco

En la imagen de arriba, eliminé las partes externas del cepillado que se salieron de los bordes, luego terminé usando un cepillo grande y suave para borrar un poco los bordes. Para mezclar la capa de cepillado con el degradado de fondo, cambie el modo de capa de la capa de cepillado a Luz tenue o Cubrir, baje la opacidad si es necesario.

Superposición de modo de capa

Usando los mismos métodos que el anterior, crea una versión oscura del resaltado degradado. Esto es lo que se me ocurrió:

Gradiente oscuro agregado

3. Agregar texto / logotipo

Es hora de agregar algo de texto. Comience sacando la Herramienta de texto horizontal, haga clic en su lienzo y escriba algo de texto.

Logotipo de texto añadido

En la imagen de arriba he usado la fuente llamada «South Park», que puedes descargar desde aquí: Descarga gratuita de DaFont. Termine este texto agregando esta sombra paralela.

Estilo de capa de sombra paralela aplicado

Agregue un texto más pequeño debajo de su texto principal, use una fuente regular y un tamaño mucho más pequeño. Aplique la misma sombra paralela a la capa de texto más pequeña que se usó antes.

Se agregó un texto más pequeño 'Arial'

¡Y eso es todo por este tutorial! Terminé agregando algunos efectos simples (líneas de escaneo, grunge) y esto es lo que se me ocurrió usando este tutorial:

Diseñe un banner de sitio de juegos simple y brillante

Bueno, espero que hayas disfrutado este tutorial, ¡aunque sea un poquito!

¿Todavía no eres usuari@ de Fiverr ?

Tenemos un artículo sobre Fiverr donde te contamos cono funciona.

Deja un comentario