Cómo crear un póster inspirado en el constructivismo

En este tutorial, aprenderás a crear un diseño de póster inspirado en un movimiento artístico llamado Constructivismo Ruso. Recortaremos algunas imágenes y las pegaremos para crear un diseño revolucionario estilizado. Luego le daremos el toque final superponiendo algunas texturas para darle un toque vintage.

Paso 1

Primero investigamos, reunimos recursos y esbozamos un plan. Me guié por este póster. También miré muchos pósteres constructivistas rusos en la red para entender el estilo. Creé un borrador en Photoshop con fotografías recortadas rápidamente mientras reunía imágenes para el diseño. El borrador de abajo es parecido a hacer un boceto detallado, solo que está hecho en Photoshop en lugar de en papel.

Paso 2

Tenemos que reunir los recursos para este tutorial. Necesitaremos un tipo de letra constructivista. Afortunadamente, hay una disponible de forma gratuita: Kremlin. Asegúrate de instalarla ya que la necesitaremos más adelante en este tutorial. Aquí están los enlaces a los gráficos para la realización de este tutorial: 1 | 2 | 3 | 4. Después de seleccionar los gráficos, tenemos que descargarlos y prepararlos, cambiar los colores a escala de grises y recortar los fondos (utiliza el método que prefieras para eliminar el fondo). Hay una imagen más para este tutorial. Es un papel grunge de Bittbox. Está disponible en un paquete de descarga gratuita en este enlace: Texturas de papel grunge de alta resolución gratis.

Ahora abre Photoshop y crea un nuevo documento. Ajusta el tamaño a 500px de ancho por 748px de alto. Estoy trabajando en modo de color RGB. Haz tu fondo naranja: #dbae37. Después de descargar el paquete de texturas de Bittbox, descomprímelo y abre el archivo llamado paper_2.jpg. A continuación, reajústalo a 500px de ancho por 748px de alto. Cópialo y pégalo en tu documento. Colócalo sobre el fondo naranja y ponlo en el Modo de fusión Luz fuerte.

Paso 3

Coloca primero nuestras manos recortadas. Esta es la imagen central y de donde parte el diseño. Fíjate en que tengo el borrador abierto y lo estoy utilizando para que el posicionamiento y la escala sean similares a los del original. En este punto, estamos construyendo la imagen final. Suelo ceñirme al borrador a no ser que se me ocurran nuevas ideas o perfeccionamientos que funcionen mejor durante el proceso.

Paso 4

A continuación vamos a construir nuestros banderines. Hay un banderín grande en la parte superior y luego dos banderines entrecruzados debajo de las manos. Cuando estaba construyendo el borrador, trabajé sin cuidado y dejé que los rectángulos se pixelaran. Me empezó a gustar el aspecto del banderín así después de una pequeña limpieza. Añadió algo de textura a sus bordes. Vamos a ver cómo recrear este feliz accidente.

Crea un nuevo documento de 600px de ancho por 300px de alto. Este documento es sólo para preparar nuestros banderines. Dibuja un cuadrado rojo del tamaño que se muestra a continuación.

Paso 5

Utiliza la Herramienta Transformación libre para rotar y redimensionar el cuadrado como se muestra a continuación. Puedes ver que estamos empezando a tener algunos bordes pixelados en nuestro cuadro.

Paso 6

A continuación, volveremos a utilizar la Transformación libre hasta obtener un gran rectángulo angular con bordes dentados y pixelados para utilizarlo como nuestro banderín superior.

Paso 7

Ahora vamos a limpiar el pixelado utilizando un filtro de Máscara de desenfoque sobre el rectángulo. Observa los ajustes en la imagen de abajo.

Paso 8

Ahora puedes copiar el banderín superior a nuestro diseño final. Está todo listo. Luego, en nuestro documento de preparación del banderín, toma una copia del banderín superior y utiliza la Transformación libre para que coincida con la forma de abajo. Luego también podrás colocar esta forma en nuestro documento final.

Paso 9

Repite estos pasos para crear nuestro último banderín que está orientado hacia la dirección opuesta.

Paso 10

Después de colocar y rotar nuestro texto sobre nuestros banderines inferiores, tenemos que borrar los brazos que sobresalen por debajo. Haz una selección y bórralos.

Paso 11

Puedes ver arriba cómo queda el texto colocado en los banderines inferiores. También tienes que hacer esto para el banderín superior. Asegúrate de que tu texto está colocado según la imagen de abajo y utiliza la fuente Kremlin para que se ajuste al estilo. Después de su colocación, rota el texto con la herramienta Transformación libre.

Paso 12

Ahora colocaremos nuestra imagen recortada de la multitud y la foto de nuestro joven diseñador, al que he llamado Rocky. Primero colocaremos nuestra multitud y luego colocaremos a Rocky encima de la multitud, pero debajo de los banderines.

Paso 13

A continuación hacemos una copia de Rocky y la colocamos encima de los banderines. Luego borramos la cabeza de Rocky de esta copia. Así la mano queda encima del banderín.

Paso 14

A continuación, borramos parte de la multitud de la derecha y aplicamos el borrador a cualquier parte de las imágenes que parezca necesitarlo.

Paso 15

Nuestro póster está casi listo. El bombardero es la última imagen a incorporar. Recórtalo y cópialo en nuestro documento. Queremos que haya tres copias. Así que duplícalas y luego utiliza la herramienta Transformación libre para que coincida con la imagen de abajo.

Paso 16

A continuación, insertaremos nuestras R negras con la herramienta Texto. Las Rs funcionan como un fuerte símbolo tipográfico en esta pieza. Revolución comienza con una R. Además, el estilo constructivista suele utilizar letras grandes y en negrita. Mira la imagen de abajo para la colocación de las Rs. Si te fijas bien, también te darás cuenta de que he hecho algunos pequeños ajustes en algunos de los otros elementos. Es probable que siga haciéndolo a lo largo de este proceso.

Paso 17

Nuestras últimas piezas de composición importantes son los círculos rojos. Los círculos inferiores se hicieron con la herramienta Marco elíptico. Una vez que hice la selección, dibujé un degradado en ángulo que iba del granate al rojo y luego de vuelta al granate.

Paso 18

Terminé los círculos creando dos más en la parte inferior de la misma manera. A continuación, pasé a hacer los puntos. Añaden algo de textura y enfoque a las llaves inglesas. Para ello utilicé pinceles de tres tamaños diferentes. Cada uno de ellos se ajustó a una Dureza de 100 por ciento. Sólo hice clic una vez para obtener el círculo con la herramienta Pincel. A continuación, puse el estilo de capa en Luz suave. Cambié el tamaño de la herramienta Pincel y lo hice de nuevo hasta que tuve tres puntos.

Paso 19

Ya tenemos todos los elementos de la composición. Ahora es el momento de añadir algo de textura para que este diseño funcione. Primero, dibuja un degradado angular como el de la imagen de abajo.

Paso 20

Con este degradado seleccionado ve a Filtro > Textura > Texturizar. Los ajustes utilizados están en la imagen de abajo.

Paso 21

Ahora establece la textura en Superponer y asegúrate de que está en la parte superior de nuestra paleta de capas. Ahora asegurémonos también de que nuestra textura de papel está justo debajo. Ya la colocamos antes en nuestro documento. Mueve la textura de papel arriba en su lugar. Asegúrate de que está ajustada en Luz fuerte y dale una Opacidad del 80%.

Paso 22

En la imagen de arriba puedes ver que nuestro póster está un poco plano y deslavado. Vamos a añadir algunos estilos de capa para dar un poco más de profundidad. Empezaremos con los banderines. Selecciona el banderín superior y aplica el estilo de capa Superposición de degradado que se muestra en la imagen de abajo. También aplica una Sombra paralela del 20% con el resto de los ajustes por defecto. Repite esto con los mismos ajustes para los otros dos banderines. La única diferencia es que he invertido el degradado para el banderín "REVOLUTION".

Paso 23

Aguanta. Ya casi terminamos. Vamos a aplicar algunos estilos de capa al texto. Vamos a mantenerlo simple y aplicar los mismos estilos de capa a todo el texto del banderín. Así que después de aplicar los ajustes que aparecen a continuación, puedes copiar los estilos de capa y pegarlos en el resto del texto de los banderines hasta que los tres tengan los mismos estilos.

Paso 24

Vamos a ajustar el contraste de las imágenes en blanco y negro. Si lo hacemos un poco más fuerte, destacarán más. Ve a Imagen > Ajuste > Brillo/Contraste y sube el contraste hasta que se vea bien.

Paso 29

Este es nuestro último paso. Vamos a añadir un degradado al fondo. Crea una nueva capa y dibuja un degradado angular que vaya de amarillo a naranja como en la imagen de abajo.

Paso 26

Por último, movemos la capa de degradado para que quede justo encima de nuestra capa de fondo, que es nuestra capa más inferior. A continuación, establecemos su capa en Superponer y su relleno al 30%. La imagen final es la siguiente.

Conclusión

Espero que hayas disfrutado de este tutorial y que te inspire a aprender sobre la historia del diseño. Hay muchos artistas y movimientos artísticos interesantes. El pasado es un valioso recurso de diseño que puede influir positivamente en tus proyectos.