Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Dismiss
  1. Design & Illustration
  2. Poster Design

Como Crear un Póster Abstracto Rave de los años 90 en Adobe Photoshop

by
Read Time:11 minsLanguages:
Poster DesignTypographyFiltersEffectsRetro

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

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

En este turorial, vas a aprender como crear un póster abstracto pero impactante en Adobe Photoshop utilizando imágenes atractivas y tipografía.

Lo Que Vas a Necesitar para Crear Este Póster

Necesitas descargar la siguiente imagen y fuente del archivo de Envato Elements: 

¡Instala la fuente y estás listo para empezar!

1. Como Configurar un Nuevo Archivo de Photoshop

Paso 1

En Photoshop, ve a Archivo > Nuevo. Nombra el documento Rave-Póster. Establece el Ancho a 1270 px y la Altura a 1600 px. Establece la Resolución a 72 Píxeles/Pulgada. Haz click en Aceptar.

Create a new Photoshop fileCreate a new Photoshop fileCreate a new Photoshop file

Paso 2

En el panel Capas, haz click en Crear un Nuevo Relleno o Capa de Ajuste > Degradado. En la ventana Relleno de Degradado, selecciona el Estilo en Lineal y haz click en la muestra de Degradado para establecer los colores.

Debajo de Preajustes, selecciona el preajuste de Primer Plano a Fondo. En Tipo de Degradado, configura la muestra de parada de color izquierda en #00a175 y la parada de color derecha en #0500e8. Haz click en Aceptar. 

Add a gradient fill layer with a linear style from color green to blueAdd a gradient fill layer with a linear style from color green to blueAdd a gradient fill layer with a linear style from color green to blue

2. Cómo Crear el Efecto de Luces del Fondo

Paso 1

En el panel Capas, crea una nueva capa presionando Shift-Comando-N

En la barra de herramientas, selecciona la Herramienta Pincel (B). Haz clic con el botón Derecho para establecer el Tamaño del pincel en 250 px y seleccione un pincel redondeado con Dureza de 0.

Create a new layer and select the brush toolCreate a new layer and select the brush toolCreate a new layer and select the brush tool

Paso 2

Usando los códigos de color a continuación, crea sellos de pincel individuales haciendo click en el documento.

  • Naranja: #ff6600
  • Magenta: #ff00df
  • Rojo: #ff0055
Using the brush tool use the colors orange magenta and red and create brush stamps over the new layerUsing the brush tool use the colors orange magenta and red and create brush stamps over the new layerUsing the brush tool use the colors orange magenta and red and create brush stamps over the new layer

Paso 3

Mientras seleccionas la misma capa, ve a Filtro > Desenfocar > Desenfoque de Movimiento. En la ventana Desenfoque de Movimiento, marque la casilla Vista Previa. Establece el Ángulo a -50 y la Distancia a 1500 píxeles. Haz clic en Aceptar.

Siéntete libre de experimentar con la configuración, ya que cambiar el ángulo y la distancia dará diferentes resultados.

Apply a motion blur filter on the brush stamps to create a light effectApply a motion blur filter on the brush stamps to create a light effectApply a motion blur filter on the brush stamps to create a light effect

Paso 4

Puedes repetir esta sección cuantas veces quieras. Intenta hacer el tamaño del pincel más pequeño o más grande o elegir diferentes colores. Agrega otra capa con los mismos colores para agregar más dimensión.

Repeat the action as many times youd like to create a dynamic backgroundRepeat the action as many times youd like to create a dynamic backgroundRepeat the action as many times youd like to create a dynamic background

3. Cómo Crear el Efecto de Polvo

Paso 1

Para crear el efecto de polvo, debemos crear algo similar a los pasos anteriores. Crea una nueva capa en el panel Capas presionando Shift-Comando-N.

Selecciona la Herramienta Pincel (B) y establece el color frontal a #aeaeae. Haz clic Derecho para establecer las opciones de Pincel. Establece el Tamaño a 500 px y la Dureza al 100%. Cepilla sobre el centro de la página.

Create a new layer and using the brush tool and a color grey brush over the layerCreate a new layer and using the brush tool and a color grey brush over the layerCreate a new layer and using the brush tool and a color grey brush over the layer

Paso 2

Mientras seleccionas la capa con la pincelada, dirígete a Filtro > Desenfocar > Desenfoque de Movimiento. Dependiendo de la Distancia que establezcamos, obtendremos una imagen borrosa que apenas está allí o que mantendrá la forma original con la que comenzamos. Yo mantendré el Ángulo de -50 y estableceré la Distancia en 531. Haz clic en Aceptar.

Apply the motion blur filterApply the motion blur filterApply the motion blur filter

Paso 3

Para crear el efecto de polvo, dirígete a Filtro > Ruido > Agregar Ruido. Aquí, podemos establecer la aspereza de las partículas. Siempre podemos reducir la opacidad más tarde para crear un aspecto "apenas disponible". Marca la casilla Vista Previa para ver cuál será el resultado. Establezca la Cantidad en 180% y la Distribución en Uniforme. Haz clic en Aceptar.

En el panel Capas, selecciona la capa de partículas de polvo y baje la Opacidad al 35%.

Apply a noise filter on the same layer to create the particles and lower the opacity of the layerApply a noise filter on the same layer to create the particles and lower the opacity of the layerApply a noise filter on the same layer to create the particles and lower the opacity of the layer

4. Cómo Editar una Imagen Visualmente Interesante

Paso 1

Abre la Vista panorámica de las ruinas y la estatua de bronce en la antigua ciudad de Pompeya de Envato Elements en Photoshop.

En el panel Capas, haz doble clic en la capa Fondo para desbloquearlo. La opción de la ventana Nueva Capa abrirá: cambia el nombre de la Estatua de la capa. Haz clic en Aceptar.

Open the statue image from Envato Elements in Photoshop and unlock the layerOpen the statue image from Envato Elements in Photoshop and unlock the layerOpen the statue image from Envato Elements in Photoshop and unlock the layer

Paso 2

En el panel Capas, agregue una Máscara de Capa a la capa Estatua.

Add a layer mask to the statue imageAdd a layer mask to the statue imageAdd a layer mask to the statue image

Paso 3

Con la Herramienta Pincel (B), establece el color de primer plano en negro. Comienza cepillando sobre la parte exterior de la estatua; en este caso, queremos mantener solo la estatua para usar en el archivo Rave-Póster.

Usa la tecla de barra invertida (\) para ver las partes que se han enmascarado.

Mask out the image leaving only the face of the statueMask out the image leaving only the face of the statueMask out the image leaving only the face of the statue

Paso 4

Recortemos la imagen para que sea fácilmente manejable en el archivo Rave-Póster. En la barra de herramientas, selecciona la Herramienta Recortar (C) y recorta la imagen justo alrededor de la estatua. Presiona Enter para continuar.

Crop the image to just around the statueCrop the image to just around the statueCrop the image to just around the statue

Paso 5

En la barra de herramientas, haz clic con el botón derecho en la capa Estatua y selecciona Duplicar Capa. En Destino > Documento, elige el archivo Rave-Póster. Haz clic en Aceptar.

Duplicate the layer onto the rave-poster fileDuplicate the layer onto the rave-poster fileDuplicate the layer onto the rave-poster file

Paso 6

Dirígete al archivo Rave-Póster. Necesitamos cambiar el tamaño y rotar la imagen. Selecciona la capa Estatua y presione Comando-T para Transformar. Dirígete a la barra de opciones y activa el botón Mantener Relación de Aspecto. Establezca el Ancho y la Altura en un 45% y la Rotación en -45 grados.

Resize and rotate the imageResize and rotate the imageResize and rotate the image

Paso 7

La ventaja de trabajar con Layer Masks es que podemos ocultar y mostrar partes de ellas sin eliminarlas por completo. En este caso, quiero refinar la estatua manteniendo solo la cara y enmascarando el área del cuello.  Selecciona la máscara de capa en la capa de la Estatua y, utilizando la Herramienta de Pincel (B) y el negro como color de primer plano, comienza a cepillar las partes. No hay bien o mal.

Aquí también puedes ocultar los bordes de la foto que son fáciles de perder cuando se usan máscaras de capa y se duplican imágenes.

Refine the masking on the statue imageRefine the masking on the statue imageRefine the masking on the statue image

Paso 8

Selecciona la capa de la Estatua, no la máscara de capa vinculada a ella. Dirígete a Filtro > Distorsionar > Agitar. En la ventana configuración de Ola, configura el Tipo a Cuadrado, lo que significa que el efecto dividirá la imagen en cuadrados. Establece el Número de Generadores a 20, la Longitud de Onda a Min. 817 y Max. 818, Amplitud a Mín. 1 y Max. 2, y finalmente la Escala al 100% tanto Horizontal como Vertical. Haz clic en Aceptar.

Si la capa de polvo está cubierta por la estatua, no dudes en agrandarla o moverla para que quede visible.

Apply the wave filter onto the statue layerApply the wave filter onto the statue layerApply the wave filter onto the statue layer

Paso 9

En algunos casos, las imágenes no coinciden exactamente con el color del fondo con el que estamos trabajando, y es necesario encontrar una manera de hacer que la imagen sea neutral.  En este caso, lo convertiremos en Blanco y Negro. En el panel Capas, haz clic en Crear un Nuevo Relleno o una Capa de Ajuste > Blanco y negro.

Add a black and white adjustment layerAdd a black and white adjustment layerAdd a black and white adjustment layer

Paso 10

Si queremos tener solo la imagen en blanco y negro, necesitaremos crear una Máscara de Recorte. Mientras mantienes presionada la tecla Opción, sitúa el cursor entre la Capa de Ajuste Blanco y Negro y la capa inferior, y haz clic una vez que veas la flecha apuntando hacia abajo. Una Máscara de Recorte aplicará la capa de ajuste solo a la capa debajo.

Create a clipping mask on the black and white layer to be applied only on the statue imageCreate a clipping mask on the black and white layer to be applied only on the statue imageCreate a clipping mask on the black and white layer to be applied only on the statue image

Paso 11

Si el póster parece algo aburrido, podemos ajustar el Brillo/Contraste. En el panel Capas, haz clic en Crear un Nuevo Relleno o Capa de Ajuste > Brillo/Contraste. En el panel Propiedades, podemos ajustar tanto o tan poco como queramos. Hay ventajas para ajustar Brillo/Contraste de esta manera en lugar de Imagen > Ajuste. Podemos esconder y mostrar la capa y modificarla con el panel Propiedades hacia adelante y hacia atrás.

Add an adjustment layer to tweak the brightness contrast of the overall fileAdd an adjustment layer to tweak the brightness contrast of the overall fileAdd an adjustment layer to tweak the brightness contrast of the overall file

5. Cómo Agregar Texto y Usar Alternativas Estilísticas

Paso 1

En la barra de herramientas, selecciona la Herramienta Tipo (B) y agrega SOMBRAS DE ELECTRO FESTIVAL. Utilizando el panel Tipo > Panel > Caracteres, configura la fuente en BW Estirar Negro, establece el Tamaño en 140 pt, establece el Punto Delantero 130 pt y el Seguimiento en 40.

Add text using the type toolAdd text using the type toolAdd text using the type tool

Paso 2

Bw Stretch incluye funciones extendidas en algunas letras que amplían el ancho dramáticamente. Para acceder a estos, debes mantener el panel de Caracteres abierto. También puedes acceder a él yendo a Tipo > Panel > Panel de Caracteres.

En este caso, solo usaremos algunas de las alternativas para adaptar al ancho del póster. Mientras estás en la capa de texto, selecciona las letras H y A, dirígete al panel de Caracteres y haz clic en el botón Alternativo de Estilista para usar la alternativa. Cambia el color del texto a blanco.

Using the characters panel activate the stylistic alternate button for the different lettersUsing the characters panel activate the stylistic alternate button for the different lettersUsing the characters panel activate the stylistic alternate button for the different letters

Paso 3

Yo cambié las alternativas de algunas de las otras letras. Así que ¡Siéntete libre de darle tu propio giro!

It is up to you which letters youd like to change to stylistic alternatesIt is up to you which letters youd like to change to stylistic alternatesIt is up to you which letters youd like to change to stylistic alternates

Paso 4

Yo agregue algunos detalles más, como etapas, bandas, fechas, sitio web y dirección. Y agregué el texto a continuación, ¡pero no dudes en crear tu propia versión!

  • Berkley Danceclub
  • Stages
  • Funhouse — Disorder
  • Nouveau — Ozid
  • Thrill — DJ Kitoo
  • 04/OCT - 03/OCT/2018
  • WWW.WHD.COM
  • 23 CARLETON ST. 40933

Para rotar el texto, crea una capa de texto y use la Herramienta de Transformación presionando Comando-T. Desplázate sobre una esquina del texto, manten presionada la tecla Shift y arrastra para tener una rotación pareja.

Add a few more text details to the poster to create a visually interesting composition You can rotate text with the transform tool Add a few more text details to the poster to create a visually interesting composition You can rotate text with the transform tool Add a few more text details to the poster to create a visually interesting composition You can rotate text with the transform tool

6. Cómo Guardar el Archivo para la Web

Dirígete a Archivo > Guardar y guarda el archivo como lo harías normalmente.

Para guardar un archivo JPEG para la web, ve a Archivo > Guardar para Web o Shift-Opción-Comando-S. Selecciona el tipo de archivo en el que deseas guardar el documento, yo elijo JPEG, y configura 100 para Calidad. En Tamaño de Imagen, puedes cambiar el tamaño de píxel de la imagen si tiene restricciones de tamaño.

En la parte inferior izquierda, puedes ver una vista previa del tamaño del archivo. Esto es útil cuando hay restricciones de tamaño en un sitio web y necesitas reducir la calidad o el tamaño de la imagen.

Haz clic en Guardar ... para elegir la ubicación en la nueva ventana y haz clic en Guardar nuevamente.

Save the image as a jpeg for webSave the image as a jpeg for webSave the image as a jpeg for web

¡Felicidades! ¡Has terminado este tutorial! 

¡Lo has hecho genial! En este tutorial, hemos aprendido a:

  • Crear un póster abstracto pero sigue teniendo imágenes atractivas y tipografía.
  • Crear una máscara de recorte con capas de ajuste.
  • Usar diferentes filtros como Motion Blur, Wave y Noise.
  • Usar Estilistas Alternativos cuando un tipo de letra tenga funciones extendidas.

Si te gustó este tutorial, es posible que te gusten estos:

Poster DesignTypographyFiltersEffectsRetro
Laura Keung
Laura Keung
Brand and Editorial Designer / Munich, Germany
Laura is a design writer, design mentor, and entrepreneur leading Laura Keung Studio, currently based in Munich, Germany. She had her first design client during her first year of university and since then she fell in love with the design process. Laura studied at the Ontario College of Art and Design University in Toronto before interning at renowned studios in Canada and Austria. With 12 years of experience in the design industry, Laura leads her own design studio and collaborates with other creatives on branding and editorial design projects.
One subscription.
Unlimited Downloads.
Get unlimited downloads