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

Cómo usar el efecto Wind Blast en Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

En este tutorial, aprenderemos cómo usar el popular efecto Wind Blast para crear un póster de estilo neoclásico en Adobe Photoshop.

Lo Que Necesitas

Necesitarás acceso a Adobe Photoshop; Si no tiene el software, puede descargar una versión de prueba del sitio web de Adobe. También necesitarás estos recursos:

Descarga la imagen e instala la fuente, ¡y estás listo para comenzar!

¿Buscas increíbles complementos de Photoshop? Dirígete a GraphicRiver.

1. Configuración de un nuevo archivo de Photoshop

Paso 1

En Photoshop, vaya a Archivo> Nuevo. Nombra el documento Cartel de Melodias. Establezca el ancho en 1270 px y la altura en 1600 px. Ajuste la resolución a 72 píxeles / pulgada. Haga clic en Aceptar.

Create a new Photoshop file

Paso 2

Presione Comando-R para que aparezcan las reglas alrededor del documento. Dirígete a Ver> Nueva guía. En la opción de ventana Nueva guía, seleccione Horizontal y configure la guía en 70 px. Haga clic en Aceptar.

Haga lo mismo para los otros lados del documento restando 70 px del tamaño final. Para activar y desactivar las guías, presione Comando- ;.

Add guides to the document

Paso 3

En el panel Capas, haga clic en Crear un nuevo relleno o Capa de ajuste> Color sólido. Seleccione un color negro y haga clic en Aceptar.

Create a new Fill with a black color

2. Cómo crear un fondo suave, mezclado

Paso 1

Para crear un fondo de color, necesitamos crear una nueva capa y crear sellos de color. Presiona Shift-Command-N. Nombre la capa de fondo. Haga clic en Aceptar.

Seleccione la herramienta Pincel (B) de la barra de herramientas. Haga clic derecho en el documento para cambiar la configuración. Establezca el Tamaño en 600 px y la Dureza en 0%.

Create a new layer

Paso 2

Haga clic en el color de primer plano y establezca el color en # af00d0. Haga clic en Aceptar.

Estampar sobre el documento, tratando de concentrarse en los bordes exteriores de la página. Repita este paso utilizando estos otros dos colores: # 00e4f4 y # 0d43ff.

Using the brush tool stamp over the documents with different colors

Paso 3

Mientras selecciona la capa Fondo en el panel Capa, diríjase a Filtro> Desenfocar> Desenfoque de movimiento. En la ventana de opciones de Desenfoque de movimiento, establezca el Ángulo en 90 y la Distancia en 1625. Haga clic en Aceptar.

Queremos que el fondo sea suave. En el panel de capas, baje la opacidad al 50%.

Apply the motion blur effect and lower the opacity of the layer

3. Cómo recortar una imagen con máscaras de capa

Paso 1

Arrastra la imagen del dios griego al documento de Photoshop. Al arrastrar una imagen a un documento en Photoshop, debería ajustarse automáticamente al documento. Si no encaja, presiona Comando-T para transformar. Dirígete a la barra de opciones y establece el Ancho y la Altura en 23.82%. Presione Enter.

Drag the Greek God image onto the Photoshop file

Paso 2

En el panel Capas, asegúrese de tener seleccionada la capa Dios griego. Dirígete a la parte inferior del panel y agrega una máscara de capa. La máscara de capa debe seleccionarse automáticamente; Si no, asegúrese de que está trabajando en la máscara de capa.

Las máscaras de capa nos permiten ocultar y revelar partes de una imagen en lugar de eliminarlas por completo. Notará que en los siguientes pasos las partes de la miniatura cambiarán de blanco a negro y viceversa. El negro representa partes ocultas, y las partes blancas son las secciones reveladas. Puede cambiar esto en el color de fondo / primer plano.

Add a layer mask to the Greek God layer

Paso 3

Seleccione la herramienta Varita mágica (W) de la barra de herramientas. La herramienta Varita mágica es una herramienta útil cuando hay un fuerte contraste entre el primer plano y el fondo de la imagen. Por ejemplo, esta imagen tiene un bokeh fuerte, lo que hace que sea fácil de seleccionar. Seleccione las partes verdes de la imagen haciendo clic en el documento. Si necesita agregar más secciones a la selección, mantenga presionada la tecla Mayús y haga clic para seleccionar. Presione Comando-I para invertir la máscara de capa u ocultar la selección, seguido de Comando-D para deseleccionar.

No se preocupe si la Herramienta Varita mágica (W) selecciona parte del primer plano, en este caso la estatua. Usaremos la herramienta Pincel (B) en el siguiente paso para trabajar en los detalles.

Using the Magic Wand Tool select the background of the image

Paso 4

Seleccione la herramienta Pincel (B) de la barra de herramientas. Haga clic derecho en el documento y establezca el Tamaño del pincel a 150 px y la Dureza al 100%.

Para este tutorial, usaremos solo la cabeza de la estatua y la barba. Con la herramienta Pincel (B), comience a cepillar las áreas del pecho y el cuello.

Using the brush tool hide the neck and chest area of the image

Paso 5

Si la herramienta Varita mágica (W) seleccionó partes del primer plano, este es el paso para solucionarlo. Mientras selecciona la herramienta Pincel (W), presione la tecla X. Este acceso directo cambiará el color de primer plano de negro a blanco.

Cepille sobre las áreas que están ocultas para revelarlas. Use la tecla X para avanzar y retroceder y cambiar los colores de primer plano.

Using the brush tool finesse parts of the image

4. Cómo crear el efecto Wind Blast

Paso 1

Duplica la capa del dios griego presionando Comando-J. Oculta la capa original haciendo clic en el icono del ojo. Estaremos trabajando en la capa duplicada. Asegúrese de que está seleccionando la miniatura del objeto inteligente y no la máscara de capa.

Para crear el efecto de ráfaga de viento, necesitamos rotar la imagen. Presione Comando-T y gire la imagen a un ángulo de 90 grados. Presione Mayús mientras gira para una rotación uniforme. Presione Enter para aplicar.

Necesitamos rotar la capa porque la dirección del efecto Viento va solo de lado a lado y no de arriba a abajo.

Rotate the Greek God layer

Paso 2

Dirígete a Filter> Stylize> Wind> Stagger. En la ventana de la opción Viento, configure el Método para escalonar y la Dirección a Desde la derecha. Haga clic en Aceptar.

Necesitamos aplicar este efecto varias veces. Podemos hacerlo presionando Comando-F, que repetirá el último efecto. Puede repetir el efecto tantas veces como lo desee; lo repetí 10 veces.

Apply the wind effect and apply the same effect multiple times

Paso 3

Antes de rotar la capa a su lugar original, necesitamos rasterizar la capa y los filtros inteligentes. Si descuidamos esta parte, el filtro se volverá a aplicar en la imagen en su lugar original. Haga clic con el botón derecho en la capa y seleccione Rasterizar capa.

Presione Comando-T y mantenga presionada la tecla Mayús para girar la imagen a su lugar original. Presione Enter para aplicar.

Rasterize the layer and rotate to its original position

Paso 4

Activa la capa original de dios griego. Seleccione la herramienta Pincel (B) de la barra de herramientas. Haga clic derecho en el documento para establecer el pincel. Seleccione el pincel grande Pastel al óleo. Descubrí que este es el mejor pincel para revelar y ocultar el efecto Viento.

Set the brush tool

Paso 5

Seleccione la máscara de capa en la capa duplicada del dios griego. Usando la herramienta Pincel (B), comience a revelar partes de la imagen. En este caso, comencemos trabajando en el lado izquierdo de la imagen.

Utilice los siguientes métodos abreviados para facilitar este paso. Usa X para cambiar el color de primer plano, para revelar y ocultar partes de la imagen. Para ajustar el tamaño del pincel, presione [para disminuir y [para aumentar el tamaño.

Using the brush tool hide and reveal parts of the image

Paso 6

En mi caso, quiero revelar solo algunas partes del efecto sobre la capa original de Dios griego. No hay correcto o incorrecto en este paso, ¡siéntase libre de poner su propio toque en el diseño!

A continuación, puedes echar un vistazo a la composición final que tengo. En el lado derecho, te he mostrado solo la capa del efecto Viento para que puedas ver cuánto oculté y revelé.

On the left is the final image composition of the two layers On the right is the Wind Blast effect layer shown by itself

Paso 7

Para neutralizar el color de la imagen, agregaremos una capa de ajuste. Diríjase al panel Capas y seleccione Capa de ajuste> Blanco y negro.

Queremos que la capa de ajuste solo se aplique a la estatua. Seleccione ambas capas de Dios griego y arrástrelas hacia el botón Grupo. Haga clic con el botón derecho en la capa de ajuste de blanco y negro y seleccione Crear máscara de recorte.

Usa el panel de Propiedades para modificar los colores. Ajusté los rojos a 300 y los amarillos a -50 para agregar contraste. Siéntete libre de hacer tu propia versión!

Add a Black and White adjustment layer and create a Clipping Mask

5. Cómo crear un trazo colorido

Paso 1

Crea una nueva capa presionando Shift-Command-N. Nombre de la capa Trazo. Haga clic en Aceptar. Mueve la capa debajo de las capas de dioses griegos agrupados

Create a new layer

Paso 2

En la barra de herramientas, seleccione la herramienta Pincel (B). Haga clic derecho y cambie el pincel a un pincel circular. Establezca el Tamaño del pincel en 500 y la Dureza en 0.

Use los siguientes códigos de color para aplicar el pincel sobre la capa: # f7af08, # f502fe, # 35b5f0, # 8566fb y # 1be5e9. Estoy ocultando las capas del dios griego para que puedas ver el resultado. No es exacto, ¡ponle tu propio toque!

Using the brush tool create a colorful composition

Paso 3

Dirígete a Filtro> Desenfoque> Desenfoque gaussiano. En la ventana de opción Desenfoque gaussiano, establezca el Radio en 150 píxeles. Haga clic en Aceptar.

Apply the Gaussian Blur filter effect to soften the layer

Paso 4

Revela las cuadrículas que creamos al comienzo de este tutorial presionando Comando- ;.

En la barra de herramientas, seleccione la herramienta Rectángulo (U). Dibuja un rectángulo para que quepa dentro de la cuadrícula. Dirígete a la barra de opciones y configura el Trazo a 50 pt.

Using the rectangle tool creae a rectangle around the perimeter of the document

Paso 5

Dirígete al panel de capas. Haga clic con el botón derecho en la capa Rectángulo y seleccione Rasterizar capa. Presione Comando y haga clic en la miniatura del rectángulo. Esto creará una selección del objeto. Seleccione la capa Trazo y haga clic en el botón Agregar máscara de capa. Eliminar la capa de rectángulo.

Create a Layer Mask out of the rectangle we created

Paso 6

Ahora podemos cambiar el tamaño del trazo. Presione Comando-T para transformar. Mantenga presionado Opción-Mayús mientras cambia el tamaño para redimensionar uniformemente el rectángulo mientras usa el centro como punto principal. Alternativamente, puede dirigirse a la barra de opciones y configurar el Ancho y la Altura en 60%. Siéntase libre de configurarlo en un tamaño diferente. Presione Enter.

Resize the rectangle stroke

Paso 7

Recuerde que siempre puede ajustar los colores y el brillo agregando una Capa de ajuste en el panel Capas. Por ejemplo, a continuación agregué un Brillo / Contraste, y cambié el valor de Contraste a 100. También agregué un Tono / Saturación y configuré el valor de Tono a 125.

Si desea que estas capas se apliquen solo a la capa Trazo, haga clic con el botón derecho> Crear máscara de recorte.

Add adjustment layers to tweak the colors and brightness

6. Como Usar la Herramienta de Texto

Paso 1

En el panel Herramientas, seleccione la Herramienta de texto (T). Utilicé texto blanco para contrastar con el fondo. El tipo de letra que utilicé es US Bill.

Para abrir el panel Herramientas, vaya a Tipo> Paneles> Panel de caracteres. A continuación se muestran los detalles que agregué con el tamaño de letra y el peso de fuente específico en capas separadas.

LA LIGA PRESENTA:
MELODIAS
NEOCLÁSICAS

(Cuenta de Estados Unidos, Inclinación y Inclinación ExtraBold, Tamaño: 46 pt y 140 pt, Seguimiento: 50 pt, Líder para la segunda línea es 120 pt y para la tercera línea es 150 pt. Te animo a jugar con el líder, ya que es un gran ejercicio para entender la legibilidad. Seleccione una línea de texto y presione la flecha Opción arriba o la flecha Opción abajo para agregar o disminuir el encabezado).

+
MEXICO
GUADALAJARA
ECATEPEC
GUADALAJARA
PUEBLA
JUÁREZ
TIJUANA
LEÓN
ZAPOPAN
MONTERREY

(Billete de EE. UU., Inclinación, Tamaño: 21 pt, Seguimiento: 50 pt, Líder: Automático).

+
FIESTA DE
LANZAMIENTO
EN VIVO
09.02
—28.02
2019

(Billete de EE. UU., Inclinación, Tamaño: 45 pt, Seguimiento: 50 pt, Líder: 38 pt).

He colocado las tres burbujas de texto opuestas entre sí. Notarás que crean un triángulo, esto es importante para hacer que los ojos del espectador salten de un punto de información al otro. No solo estamos creando tensión sino también equilibrio visual.

Add text to the composition

Paso 2

El título se coloca sobre el trazo y la imagen. Notará que esta parte del cartel parece estar ocupada y demasiado confusa. Vamos a hacer que el texto salte. Haga clic con el botón derecho en la capa de título y seleccione Opciones de fusión.

Seleccione el estilo Drop Shadow. Establezca el Modo de fusión en Multiplicar, la Opacidad en 40%, el Ángulo en 120, la Distancia en 13 px, la Extensión en 6% y el Tamaño en 38 px. En Calidad, establezca el Contorno a Media vuelta. Haga clic en Aceptar.

Add a Drop Shadow effect on the main title of the composition

7. Cómo guardar un archivo para la web

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

Para guardar un archivo JPEG para archivo web, diríjase a Archivo> Guardar para web o Shift-Option-Command-S. Seleccione el tipo de archivo en el que desea guardar el documento (estoy eligiendo JPEG) y establezca 100 para Calidad. En Tamaño de imagen, puede cambiar el tamaño de píxel de la imagen si tiene restricciones de tamaño.

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

Haga clic en Guardar ... para elegir la ubicación en la nueva ventana y haga clic en Guardar nuevamente.

Save the file

¡Felicidades! ¡Has terminado este tutorial!

En este tutorial, hemos aprendido a usar el efecto Wind Blast en Photoshop para crear un póster visualmente interesante con un giro. Los resultados variarán ligeramente, así que asegúrate de publicar el tuyo en los comentarios a continuación. Hoy hemos aprendido a:

  • Utilice el efecto Desenfoque para crear un fondo suave y mezclado.
  • Recortar imágenes utilizando máscaras de capa.
  • Aplique capas de ajuste y máscaras de recorte para editar imágenes.
  • Utilice el efecto Viento para crear un aspecto ligeramente pixelado.
  • Comprender la ubicación y composición del texto.

Si te gustó este tutorial, te pueden gustar estos:

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.