Diseño de cartel de juegos súper retro

La semana pasada, hice una entrevista a un diseñador increíble llamado James White. Una cosa que me gusta mucho en su trabajo es el uso que hace del estilo retro, así que decidí que debía explorarlo más. Siguiendo esa idea, en este tutorial te mostraré cómo crear un efecto 3D y geométrico muy fácil, pero realmente genial, en Photoshop. Después, iremos un poco más allá y crearemos nuestro propio cartel de videojuego retro al estilo de Atari.

Paso 1

Crea un nuevo documento. He utilizado 600x600. Añade una nueva capa y rellénala de blanco, nombrándola "Bloques". Después, ve a Filtro>Estilizar>Extruir.

Selecciona Bloques para el tipo, Tamaño usar 50 píxeles, Profundidad 255 y Aleatoria, y selecciona la opción "Caras frontales sólidas".

Paso 2

Ve a Imagen>Ajustes>Niveles, utiliza la imagen de abajo como referencia

Paso 3

Ve a Imagen>Ajustes>Invertir. Ahora tendremos una imagen oscura.

Paso 4

Aquí vamos a dar el efecto 3D real. Ve a Filtro>Desenfoque>Desenfoque radial. Utiliza la cantidad máxima, 100. Para el Método de Desenfoque utiliza el Zoom y la Calidad Óptima.

Paso 5

Ahora ve a Capa>Nueva capa de relleno>Gradiente. Luego, para los colores, utiliza Rojo, Verde y Cian. Eso le dará la sensación de los años 80 a la imagen. Cambie el Modo de Mezcla a Superposición.

Paso 6

Crea una nueva carpeta ahora por encima de la capa de degradado, nombrándola "Luces". A continuación, selecciona la herramienta Línea (U) y el blanco para el color. Después de eso, crear algunas líneas en el borde de algunos elementos como la imagen de abajo.

Paso 7

Combina todas las líneas en una capa y ve a Filtro>Desenfoque>Desenfoque radial. Utiliza 40 para la Cantidad, Zoom para el método y Mejor calidad. Después de eso, cambie el modo de mezcla "Luces" a Color Dodge.

Paso 8

Con la Herramienta Varita Mágica (W), selecciona el área negra de la capa "bloques". Luego, con la herramienta Marco Rectangular (M), quita la selección de algunas áreas. Para eso, sólo tienes que seleccionar las áreas que quieres desmarcar manteniendo la tecla Alt. Habrá un símbolo de menos (-) junto al icono del cursor.

Después, crea una nueva capa por encima de todas las demás capas y ve a Capa>Máscara de capa>Revelar selección.

Paso 9

Rellene la nueva capa con negro. Ve a Filtro>Ruido>Añadir Ruido. Usa 20% para la Cantidad, Distribución Gaussiana y Monocromático. Luego ve a Imagen>Ajustes>Niveles y aumenta la cantidad de negro. Esto creará algunas estrellas en nuestro diseño.

Paso 10

Agrupa todas las capas y carpetas de diseño y el nombre de la carpeta "diseño", a continuación, selecciona la herramienta de rectángulo redondeado (U) y crear un camino redondeado.

Después de eso, ve a la Paleta de Trayectos y haz clic en el icono "Cargar Trayecto como Selección". Así que ve a Capa>Máscara de capa>Revelar selección.

Paso 11

Primero, ve a Imagen>Tamaño del lienzo. Haz que el documento sea de 600x900 píxeles. Con la Herramienta Rectángulo Redondeado (U), crea una nueva Capa de Forma como la imagen de abajo. Luego ve a Filtro>Ruido>Añadir Ruido. Utiliza 8% para la Cantidad, Distribución Gaussiana y Monocromático.

Ahora vamos a cambiar el estilo de capa. En primer lugar, añadir una superposición de degradado y luego un bisel y relieve, como la imagen de abajo.

Paso 12

Crea un nuevo rectángulo redondeado, esta vez más pequeño que el anterior. Esta será nuestra etiqueta. Aplica un Estilo de Capa: utiliza el negro para la Superposición de Color, el negro para el trazo, y establece Bisel y Relieve. Consulte la configuración de abajo.

Paso 13

Reduce el tamaño de nuestra carpeta "Diseño", como la imagen de abajo. A continuación, crear una nueva capa; Rellenar con un degradado usando negro y un gris oscuro.

Paso 14

Crea un nuevo rectángulo redondeado en la parte inferior del cartel, haciéndolo ligeramente más grande. Ve a Filtro>Desenfoque>Desenfoque Gaussiano. Utiliza 3.5 para el Radio. Ahora tenemos la sombra para el cartel.

Paso 15

Ahora añadimos el texto. El tipo de letra más usado para los cárteles de Atari era Bauhaus; así que seguiremos la regla. Crea un texto. Los colores son muy importantes aquí también. Puedes utilizar el rojo, el amarillo, el azul o el verde. La imagen de abajo utiliza el naranja. Un color neutro funcionará bien para el texto secundario, como el blanco o un gris claro.

Conclusión

Es increíble lo que podemos hacer combinando filtros en Photoshop; en este caso, hemos creado un diseño abstracto en 3D utilizando los filtros Extrude y Radial Blur. Puedes añadir más elementos y luces para que el diseño sea aún mejor, pero eso depende de ti. La idea es mostrarte que jugar en Photoshop es importante. Nunca se sabe lo que se puede descubrir.