1. Design & Illustration
  2. Graphic Templates
  3. Album Cover

Cómo hacer una portada de álbum Vaporwave en Photoshop

Scroll to top

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

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

¿Te gustan las portadas de álbum de neón y las obras de arte vaporwave? Hoy te mostraré cómo crear tu propia portada de álbum vaporwave en Photoshop utilizando formas, filtros y degradados. Asimismo, al final del tutorial, encontrarás una colección muy útil de generadores de portadas de álbum del género vaporwave.

Lo que aprenderás en este tutorial de Vaporwave

  • Cómo preparar las fotos
  • Cómo crear las formas para la portada del álbum vaporwave
  • Cómo crear efectos vaporwave en Photoshop
  • Cómo crear capas de texto en el estilo vaporwave
  • Cómo crear una textura de ruido para la portada del álbum de los 80

Si quieres aprender estas técnicas a través de un vídeo, consulta nuestra lección en el canal de YouTube de Envato Tuts+:

Please accept marketing cookies to load this content.

Recursos del tutorial

Necesitarás los siguientes recursos para completar este tutorial:

1. Cómo preparar las fotos

Paso 1

Antes de empezar a crear la portada del disco, tenemos que recortar los elementos. Abre las fotos en Photoshop y empieza a seleccionar los objetos con la Herramienta Selección rápida (W).

Selecting the objects from the backgroundsSelecting the objects from the backgroundsSelecting the objects from the backgrounds

Paso 2

Una vez seleccionados todos los objetos, crea un nuevo documento con la siguiente configuración: 2000x2000 px; 300 dpi. A continuación, Copia y Pega todos los elementos en el documento utilizando los atajos de teclado Control-C y Control-V.

Placing the elements into the documentPlacing the elements into the documentPlacing the elements into the document

Paso 3

Cambia el tamaño de los elementos para que se ajusten al tamaño del documento pulsando Control-T y manteniendo pulsada la tecla Mayús.

Resizing the elements of the compositionResizing the elements of the compositionResizing the elements of the composition

2. Cómo crear las formas para la portada del álbum Vaporwave

Paso 1

Ahora vamos a crear las formas para la portada de nuestro álbum. Haz que la capa con las fotos sea Invisible, y luego crea tres elipses usando la Herramienta Elipse (U) mientras mantienes presionada la tecla Mayús.

Creating the ellipses Creating the ellipses Creating the ellipses

Paso 2

A continuación, crea un rectángulo con el siguiente tamaño: 10 px por 2000 px.

creating the first rectangle shapecreating the first rectangle shapecreating the first rectangle shape

Paso 3

Crea un duplicado de la forma presionando Control-J, y luego muévelo 105 px hacia la derecha mientras mantienes presionada la tecla Mayús.

Creating a duplicate of the shapeCreating a duplicate of the shapeCreating a duplicate of the shape

Paso 4

Rellena el fondo con los duplicados hasta que se vea como la captura de pantalla de abajo. A continuación, selecciona todas las capas de formas y haz clic con el botón derecho del ratón > Combinar Formas.

merging the shapesmerging the shapesmerging the shapes

Paso 5

Crea un duplicado de las formas combinadas y, a continuación, pulsa Control-T y gira la forma 90 grados mientras mantienes pulsada la tecla Mayús. A continuación, Combinala con el elemento anterior.

creating a duplicate of the merged shapecreating a duplicate of the merged shapecreating a duplicate of the merged shape

Paso 6

Y finalmente, crea un nuevo rectángulo de 1145 por 155 px. Cree dos duplicados de esta forma y colocarlos como se muestra en la captura de pantalla a continuación:

Creating the last shapeCreating the last shapeCreating the last shape

3. Cómo crear efectos vaporwave en Photoshop

Paso 1

Comencemos por crear un degradado de fondo. Ve a Capa > Nueva capa de relleno > Relleno de degradado y utiliza la siguiente configuración:

  • Estilo: Lineal
  • Ángulo: 90
  • Códigos de color: #41b7f3 #e765ad
creating a gradient fillcreating a gradient fillcreating a gradient fill

Paso 2

Selecciona la forma de la cuadrícula, y cambia el Modo de Fusión a Luz suave y la opacidad a 30%.

Changing the blending mode and the opacity of the grid shapeChanging the blending mode and the opacity of the grid shapeChanging the blending mode and the opacity of the grid shape

Paso 3

Ve a Filtro > Distorsión > Molinete y establezca el Ángulo a 25.

adding the twirl settingadding the twirl settingadding the twirl setting

Paso 4

Haz doble clic en la capa con el monumento y añade una superposición de degradado con la siguiente configuración:

  • Modo de fusión: Color
  • Opacidad: 50%.
  • Estilo: Lineal
  • Ángulo: 90

Utiliza el mismo color que antes.

adding the layer style to the imageadding the layer style to the imageadding the layer style to the image

Paso 5

Crea dos duplicados de la capa, y luego desactiva los canales Rojo y Azul en la primera capa y los canales Verde y Azul en la segunda.

disabling color channelsdisabling color channelsdisabling color channels

Paso 6

Mueve el primer duplicado a la derecha y el segundo duplicado a la izquierda para crear un efecto de cambio de color.

Creating color shift effectCreating color shift effectCreating color shift effect

Paso 7

Selecciona la capa con las hojas y crea un duplicado de la misma. A continuación, coloca y transforma las hojas utilizando Control-T, como se muestra a continuación:

transforming the leaves layerstransforming the leaves layerstransforming the leaves layers

Paso 9

Cambia el Modo de Fusión del elemento derecho a Superposición, y luego desactiva los canales Verde y Azul de la primera capa y los canales Rojo y Azul de la segunda capa.

creating the effects for leaves layerscreating the effects for leaves layerscreating the effects for leaves layers

Paso 9

A continuación, coloca la capa de salpicaduras de agua en la esquina inferior izquierda del documento, cambia el Modo de Fusión a Dividir y crea un duplicado.

Creating the water splash effectCreating the water splash effectCreating the water splash effect

Paso 10

Añade un estilo de capa Superposición de degradado a todas las elipses utilizando los siguientes códigos de color:

  • #a58ae3
  • #d88dc2
  • #f192a3
  • #f2ae85
  • #fdfc82
adding gradient overlays to the ellipse shapesadding gradient overlays to the ellipse shapesadding gradient overlays to the ellipse shapes

Paso 11

Juega con la configuración del Ángulo de cada forma, y luego mueve estas capas a diferentes partes del documento.

Placing the ellipse shapesPlacing the ellipse shapesPlacing the ellipse shapes

Paso 12

Por último, vamos a añadir los siguientes estilos de capa a todas las formas rectangulares: Superposición de degradado con nuestro primer degradado, Opacidad 100% y 0 de Ángulo.

Y añadimos un estilo de trazo con la siguiente configuración:

  • Tamaño: 8
  • Posición: Interior
  • 100% de Opacidad
  • Color negro
adding layer styles to the rectangle shapesadding layer styles to the rectangle shapesadding layer styles to the rectangle shapes

Este es el aspecto que debería tener nuestra imagen ahora:

how our image should look likehow our image should look likehow our image should look like

4. Cómo crear capas de texto en el estilo Vaporwave

Paso 1

Vamos a añadir el nombre de tu álbum en el rectángulo superior utilizando la fuente VCR Mono con un tamaño de 34 px.

adding first text layeradding first text layeradding first text layer

Paso 2

Después de eso, añade el nombre de tu banda usando Arial Italic con un tamaño de 14 px. También puedes añadir "BY" antes del nombre de tu banda y cambiar el estilo a Bold Italic.

adding the second text layeradding the second text layeradding the second text layer

Paso 3

Ahora cambiemos el Tracking a 100, y luego vayamos a Ventana > Pictogramas y cambiemos la letra "A" por un pictograma/glifo de aspecto similar.

changing the settings of the text layerchanging the settings of the text layerchanging the settings of the text layer

Paso 4

Creamos un texto repetido usando Arial Regular con un tamaño de 15 px y un Tracking de 250%.

creating the last text layercreating the last text layercreating the last text layer

Paso 5

Ahora vamos a ir a Filtro > Distorsionar > Zigzag y establecer la Cantidad a -10. A continuación, movemos esta capa a la parte inferior del panel Capas, justo encima de la rejilla, y ajustamos el tamaño del texto pulsando Control-T.

adding zigzag filter to the text layeradding zigzag filter to the text layeradding zigzag filter to the text layer

5. Cómo crear una textura de ruido para la portada del álbum de los 80

Paso 1

Y para el último paso, tenemos que seleccionar todas las capas y luego hacer clic derecho > Convertir en objeto inteligente.

converting the layers into a smart objectconverting the layers into a smart objectconverting the layers into a smart object

Paso 2

Después de eso, vamos a Filtro > Ruido > Añadir Ruido y utilizar la siguiente configuración:

  • Cantidad: 10%
  • Distribución: Gaussiano
adding noise filter to the smart objectadding noise filter to the smart objectadding noise filter to the smart object

Un trabajo impresionante, ¡ya está hecho!

De esta forma tan sencilla, podemos crear una portada de álbum vaporware utilizando formas, ajustes y filtros inteligentes estándar de Photoshop. Siéntete libre de compartir tu logotipo vaporwave, el arte de la cubierta del álbum de los 80, y cualquier diseño estético en la sección de comentarios a continuación.

Final ResultFinal ResultFinal Result

Y probemos nuestra portada del álbum en este increíble mockup de portada de CD de PlaceIt:

preview on CD cover mock uppreview on CD cover mock uppreview on CD cover mock up

¿Buscas portadas de álbumes de neón o incluso un creador de logotipos de vaporwave? Échale un vistazo a estos increíbles recursos totalmente personalizables de Placeit:

1. Creador de diseños con gráficos retro

Retro disco design creatorRetro disco design creatorRetro disco design creator

Esta asombrosa plantilla de diseño con vibraciones VHS y estética vaporware es una opción perfecta si quieres crear la portada de un álbum o el diseño de una camiseta. Utiliza el generador de portadas de álbumes vaporwave de Placeit para personalizar los colores, las fuentes, los elementos gráficos y todo lo que quieras cambiar.

2. Creador de logotipos tipográficos con rejilla de Vaporvawe

Typography Logo Maker with a Vaporvawe GridTypography Logo Maker with a Vaporvawe GridTypography Logo Maker with a Vaporvawe Grid

¡Si eres un fanático de los viejos logos de los años 80, este creador de logos de vaporwave no te decepcionará! Utiliza el texto/fuente que quieras y juega con los colores para conseguir el resultado deseado. Perfecto para jugadores, músicos y cualquier persona creativa a la que le guste el diseño nostálgico.

3. Logotipo de música con estilo Vaporwave

Music Logo Maker featuring Vaporwave StyleMusic Logo Maker featuring Vaporwave StyleMusic Logo Maker featuring Vaporwave Style

Con su increíble combinación de colores, formas y fuentes, este creador de logotipos tipográficos es adecuado para crear carátulas de álbumes de los años 80, especialmente para la música electrónica retro. Todos los elementos son totalmente editables: ¡solo tienes que añadir tu texto y disfrutarlo!

4. Creador de logos retro con gráficos inspirados en los 80

Retro Logo Maker with Graphics Inspired by the 80sRetro Logo Maker with Graphics Inspired by the 80sRetro Logo Maker with Graphics Inspired by the 80s

Este generador de portadas de álbumes de vaporwave con un diseño limpio y sencillo es perfecto para empezar rápidamente. No pierdas el tiempo -solo tienes que elegir las fuentes, los colores y los elementos de composición para crear tu propio logotipo vaporwave en pocos minutos.

5. Creador de banners para Twitch con estética Vaporwave 

Twitch Banner Maker with Vaporwave Aesthetics Twitch Banner Maker with Vaporwave Aesthetics Twitch Banner Maker with Vaporwave Aesthetics

¿Estás transmitiendo en Twitch? ¿Buscas un banner para Twitch con estética vaporwave? ¡Te tenemos cubierto! Este increíble banner de Twitch con elementos de diseño vaporware y fuentes retro geniales podría ser una gran contibución a tu canal de Twitch. Si no te gusta el fondo o cualquier otro elemento, puedes cambiarlo fácilmente en Placeit.

Si quieres aprender a crear efectos similares en Photoshop, no dejes de ver estos increíbles tutoriales: