Spanish (Español) translation by Steem (you can also view the original English article)
En este tutorial combinaremos diferentes herramientas de Photoshop para crear un póster de estilo grunge-punk.
Lo que vas a necesitar
Necesitarás los siguientes recursos para completar este proyecto:
- Imagen de escarabajo ciervo
- Conjunto de manos multiétnicas sosteniendo u ofreciendo algo
- Fuente de pincel Elrotex
Descarga las imágenes e instala la fuente, ¡y ya estás listo para empezar!
1. Cómo crear un nuevo archivo de Photoshop
Paso 1
En Photoshop, ve a Archivo > Nuevo. Nombra el documento Póster-punk. Establece el Ancho en 1270 px y el Alto en 1600 px. Ajusta la Resolución a 72 píxeles/pulgada. Haz clic en Aceptar.
Paso 2
En el panel Capas, haz clic en Crear nueva capa de relleno o ajuste > Degradado. En la ventana Relleno degradado, establece el Estilo en Radial y haz clic en la muestra de Degradado para establecer los colores.
En Ajustes preestablecidos, selecciona el ajuste preestablecido de Primer plano a fondo. En Tipo de degradado, establece la muestra de detención de color izquierda en #d24136 y la detención de color derecha en #911c13. Haz clic en Aceptar.
2. Cómo crear el efecto de serigrafía
Para crear el efecto de serigrafía, necesitamos abrir un nuevo documento.
Paso 1
En Photoshop, ve a Archivo > Nuevo. Nombra el documento como Serigrafía. Establece el Ancho en 1270 px y el Alto en 1600 px. Establece la Resolución en 300 Píxeles/Pulgadas y el Modo de color en 300 Píxeles/Pulgadas. El Perfil de color cambiará a Working Gray: Dot Gain 20%. Haz clic en OK.
Paso 2
En el panel Capas, haz clic en Crear nueva capa de relleno o ajuste > Degradado. En la ventana Relleno degradado, establece que el Degradado sea negro y el primer plano transparente como fondo. Establece el Estilo en Radial y si el negro está en el centro del degradado, marca la casilla Invertir. Haz clic en Aceptar.
En el panel Capas, haz clic con el botón derecho en Relleno degradado 1 > Rasterizar. Elimina la Máscara de capa seleccionándola y haz clic en Eliminar capa en la parte inferior derecha del panel.
Paso 3
Dirígete a Imagen > Modo > Mapa de bits. Haz clic en Aceptar en la ventana emergente para aplanar las capas.
En la ventana de Mapa de bits, establece la Salida en 300 Píxeles/Pulgada y en Método > Usar selecciona Trama de semitonos. Haz clic en Aceptar.
Paso 4
Se abrirá una ventana de Trama de semitonos. Establece la Lineatura en 100 Líneas/Pulgada, que establecerá lo gruesas que quieres que sean las líneas. Establece el Ángulo en 0 grados y la Forma en Línea. Haz clic en Aceptar.
Paso 5
El resultado será el degradado convertido en una serigrafía "rayada". Para poder trabajar con esta pieza, tenemos que convertirla de nuevo a Escala de grises. Dirígete a Imagen > Modo > Escala de grises. En la ventana Escala de grises, establece la Relación de tamaño en 1. Haz clic en Aceptar.
Paso 6
Dupliquemos esta capa y coloquémosla en nuestro archivo Póster-punk. En el panel Capas, haz doble clic en la capa Fondo para desbloquearla. Se abrirá una ventana de Nueva capa. Haz clic en Aceptar.
Selecciona la capa y haz clic con el botón derecho > Duplicar capa. En la nueva ventana, cambia el nombre de la capa por Degradado-serigrafía y establece el Documento de destino como Póster-punk. Haz clic en Aceptar.
Paso 7
En el documento Póster-punk, establece el Modo de fusión de la nueva capa duplicada en Multiplicar. Mientras seleccionas la capa, pulsa Comando-T para Transformar. Ve a la barra de opciones, activa el botón de mantener relación de aspecto, y establece el Ancho en 160%.
3. Cómo crear el efecto de serigrafía en la imagen de las manos
De manera similar a los pasos anteriores, tenemos que abrir las imágenes por separado para añadir un efecto de serigrafía.
Paso 1
Abre la imagen Conjunto de manos multiétnicas sosteniendo u ofreciendo algo de Envato Elements. En la barra de herramientas, selecciona la herramienta Recortar (C) y recorta la imagen de las manos que aparecen en la imagen. Presiona Enter para aplicar el recorte.
Paso 2
Para convertir la imagen en mapa de bits, primero tenemos que convertirla a Escala de grises. Dirígete a Imagen > Modo > Escala de grises. Ajusta el contraste yendo a Imagen > Ajustes > Brillo/Contraste. Es importante experimentar con estos ajustes cuando una imagen se convierte a escala de grises, ya que la imagen puede quedar descolorida y perder el contraste. Yo he establecido el Brillo en -15 y el Contraste en 100. Haz clic en Aceptar.
Ve a Imagen > Modo > Mapa de bits. Haz clic en Aceptar en la ventana emergente para aplanar las capas. En la ventana de Mapa de bits, ajusta la Salida a 300 Píxeles/Pulgada, y en Método > Usar, selecciona Trama de semitonos. Haz clic en Aceptar.
Paso 3
En Trama de semitonos, establece la Lineatura en 50 Líneas/Pulgada, el Ángulo en 45 grados y la Forma en Cruz. Haz clic en OK.
Siéntete libre de jugar con la Lineatura y el Ángulo, ¡no hay nada correcto o incorrecto!
Convierte la imagen en Escala de grises yendo a Imagen > Modo > Escala de grises. En la ventana Escala de grises, establece la Relación de tamaño en 1. Haz clic en Aceptar.
Paso 4
Queremos conseguir también una imagen tipo collage para transmitir una sensación grunge. En el panel Capas, haz doble clic en la capa para desbloquearla. Haz clic en Aceptar.
Usando la herramienta Lazo poligonal (L) de la barra de herramientas, recorta las manos, dejando algo de espacio alrededor de ellas. El objetivo es que parezca que la imagen está cortada de un trozo de papel.
Pulsa Mayúsculas-Comando-I para invertir la selección, y utiliza la tecla Borrar para eliminar la selección.
Paso 5
Selecciona la capa y haz clic con el botón derecho > Duplicar capa. En la nueva ventana, cambia el nombre de la capa a Manos-serigrafía y establece el Documento de destino como Póster-punk. Haz clic en Aceptar.
Paso 6
En el Póster-punk, selecciona la capa Manos-serigrafía y Transforma pulsando Comando-T. Dirígete a la barra de opciones, activa el botón Mantener la relación de aspecto, y establece el Ancho en 85%. Pulsa Enter. Alinea las manos a la parte inferior del póster.
4. Cómo crear el efecto de serigrafía en la imagen del escarabajo
Paso 1
De la misma manera, trabajemos con la imagen del escarabajo. Repitamos el paso 2 de arriba.
Paso 2
En Trama de semitonos, ajusta la Lineatura a 10 Líneas/Pulgada, el Ángulo a 45 grados y la Forma a Elipse. Haz clic en Aceptar.
Convierte la imagen en Escala de grises yendo a Imagen > Modo > Escala de grises. En la ventana Escala de grises, establece la Relación de tamaño en 1. Haz clic en Aceptar.
Paso 3
Repite los pasos 4 a 6. Nombra la capa Escarabajo-serigrafía. Dirígete al archivo Póster-punk y selecciona la capa Escarabajo-serigrafía, y Transfórmala pulsando Comando-T. Ve a la barra de opciones, activa el botón Mantener relación de aspecto y ajusta el Ancho al 16%. Pulsa Enter. Coloca el escarabajo sobre la capa de las manos en el póster.
Paso 4
En el panel Capas, haz clic en Crear nueva capa de ajuste > Color uniforme. Para añadir contraste, utiliza el siguiente código de color: #2ed5cb. Haz clic en Aceptar.
Paso 5
Pasa el ratón por encima de la nueva Capa de relleno color 1, mantén pulsada la tecla Opción y haz clic. Esto aplicará la capa de color solo a la siguiente capa. Establece el Modo de fusión en Multiplicar.
5. Cómo añadir texto
Paso 1
En la barra de herramientas, selecciona la herramienta Texto (B), y vamos a añadir "Grunge Musikfestival". Ponemos cada palabra en una capa separada, lo que nos dará libertad para posicionarlas como queramos.
Utilizando el panel Texto > Panel > Caracteres, establece la fuente en Elrotex o Elrotex Basic y fija el Tamaño en 180 pt.
Además, añade una nueva capa de texto con las palabras "Tour 2019" y establece el Tamaño en 90 pt.
Paso 2
Vamos a girar ligeramente el título del póster para añadirle dinamismo. Selecciona las tres capas de texto y pulsa Comando-T para Transformar. Dirígete a la barra de opciones y establece la opción Rotar en -13 grados. Pulsa Enter para aplicar los cambios.
Siéntete libre de mover las capas de texto. La ventaja de tener las palabras separadas es que podemos mover cada una de ellas y alinearlas con diferentes cosas. Por ejemplo, yo he alineado Tour 2019 a la derecha con el borde de Musikfestival.
Paso 3
Ahora vamos a añadir algo más de texto en la parte inferior. Para este póster ficticio estoy creando tres escenarios diferentes para el festival junto con tres bandas diferentes. Voy a añadir el siguiente texto. Entre paréntesis puedes ver los tamaños de punto que he utilizado:
- Haupt Buehne (45 pt) Beetle December (60 pt)
- Sonne Buehne: (35 pt) The Locomotive (45 pt)
- Mond Buehne: (35 pt) Los Chivos (45 pt)
He ajustado los tamaños de las letras de forma diferente, ya que la banda principal necesita protagonismo, y he alternado el amarillo y el blanco para crear jerarquía.
Paso 4
Notarás que el texto tal y como está en este momento pasa desapercibido. Para crear contraste entre el primer plano y el fondo, necesitamos añadir algún tipo de garabatos.
Empecemos por agrupar las capas de texto en una carpeta. Selecciona todas las capas de texto y arrástralas al botón de la carpeta en el panel Capas.
Paso 5
Crea una nueva capa en el panel Capas y colócala debajo de la carpeta con las capas de texto que acabamos de agrupar. Establece el color de primer plano en negro y selecciona la herramienta Pincel (B). Haz clic con el botón derecho del ratón para escoger el pincel y selecciona el Pincel pastel definido sobre lienzo, que es el que viene por defecto en Photoshop. Yo he ajustado mi pincel a 250 px.
Paso 6
Lo que queremos hacer es pincelar debajo de las partes donde hemos colocado el texto. Como he mencionado antes, esto es para añadir protagonismo, dimensión y otra capa a nuestro póster para hacerlo legible.
No dudes en ajustar el tamaño del pincel para que se ajuste al texto más grande de la parte superior y al más pequeño de la parte inferior. No olvides que puedes pincelar de lado a lado, de arriba a abajo y en ángulo para conseguir diferentes direcciones de trazo. ¡Recuerda que no hay nada correcto o incorrecto!
6. Cómo guardar el archivo para la web
Ve a Archivo > Guardar y guarda el archivo como lo harías normalmente.
Para guardar un JPEG para la web, dirígete a Archivo > Guardar para web o pulsa Mayúsculas-Opciones-Comando-S. Selecciona el tipo de archivo en el que quieres guardar el documento (yo elijo JPEG) y establece 100 como Calidad. En Tamaño de la imagen, puedes cambiar el tamaño en píxeles de la imagen si tienes alguna restricción de tamaño.
En la parte inferior izquierda puedes ver una previsualización del tamaño del archivo. Esto es útil cuando hay restricciones de tamaño en un sitio web y necesitas bajar la calidad o el tamaño de la imagen.
Haz clic en Guardar... para elegir la ubicación en la nueva ventana y vuelve a hacer clic en Guardar.
¡Genial! ¡Has terminado este tutorial!
¡En este tutorial, hemos cubierto una tendencia clásica que en un momento dado se hizo a mano y ahora se puede producir digitalmente! Hoy hemos aprendido a:
- Convertir imágenes en mapa de bits para obtener un efecto de serigrafía.
- Trabajar con dos archivos PSD y combinarlos duplicando capas.
- Conseguir un efecto de collage utilizando la herramienta Lazo poligonal.
- Establecer jerarquía y hacer legible la tipografía aplicando sencillos trucos.
Si te ha gustado este tutorial, puede que también te gusten estos:
