Cómo hacer un póster "neoconstructivista" con Photoshop

El diseño gráfico constructivista se asocia a menudo con la política y la propaganda comunista, pero es más que eso, el constructivismo consiste en utilizar colores vivos, jugar con la luminosidad, la perspectiva, las formas geométricas, además de las técnicas de fotomontaje y el collage digital. Esta vez me atreveré a nombrar este tutorial como un diseño 'Neoconstructivista'. ¡Es hora de empezar!

Vista previa de la imagen final

Echa un vistazo a la imagen que vamos a crear. Puedes ver la vista previa de la imagen final abajo o una versión más grande aquí.

Videotutorial

Nuestro editor de video Gavin Steele ha creado este video tutorial para complementar este tutorial de texto + imagen.

Paso 1

Abre Photoshop y crea un nuevo documento de 1200px de ancho por 1600px de alto, con un color RGB, y 72ppp. Después, ve a Crear una nueva capa de relleno o de ajuste en la paleta Capas, selecciona la opción de degradado y establece los colores de #7D0000 a #480000. Ajusta el valor del ángulo a 17 - 20º y dale a OK.

Paso 2

Ahora, añade una textura sobre el fondo, coge esta imagen y pégala en una nueva capa llamada "Textura" por encima de la capa Degradado. Luego, cambia su modo de fusión a Subexposición lineal.

Paso 3

Selecciona la capa "Textura". Ve a Capa > Máscara de capa > Ocultar todo. Después de seleccionar la máscara de capa, coge la herramienta Degradado (G), establece los colores del degradado a Negro a Blanco (#000000 - #FFFFFF) y establece la opción de degradado reflejado en el panel superior.

Rellena la máscara de capa con un degradado ligeramente oblicuo (ver imagen inferior) y utiliza un pincel negro grande (Opacidad y Flujo al 50%) para ocultar un poco la parte inferior derecha de la capa "Textura".

Paso 4

Ahora, aumenta el contraste de la capa "Textura" ajustando sus Niveles (Command + L), como se muestra a continuación.

Paso 5

Añadamos uno de los objetos principales del diseño, este hombre que mira su reloj. Pega la imagen en una nueva capa llamada "hombre" y extrae su forma del fondo blanco.

Paso 6

Selecciona la capa "hombre" y escoge la herramienta Mover (V), y asegúrate de que la opción Mostrar controles de transformación está marcada en el Panel de Opciones. Luego, haz clic en la esquina superior izquierda y arrástrala un poco hacia la izquierda, y repite la operación pero esta vez con la esquina derecha. Esto creará una ilusión de perspectiva, como si estuviéramos mirando al tipo desde arriba. Luego coge la herramienta Subexponer (O) y oscurece un poco el lado derecho del chico.

Paso 7

Voy a probar esta forma experimental de aumentar el color y el contraste del hombre. Duplica la Capa "hombre", y ve a Filtro > Otro > Paso alto, establece el Radio a 10px, y pulsa OK.  Ahora cambia el modo de fusión de la "copia de hombre" a Superponer. Luego, combina ambas capas "hombre" y sobreexpón un poco el lado izquierdo de la capa resultante.

Paso 8

Ahora, añadiremos una sombra proyectada. Duplica la nueva capa "hombre", pon la copia detrás de la original y nómbrala "Sombra". Muévela un poco hacia la derecha.

Usando las opciones de Transformación libre, haz Command-clic en el punto de control central superior de la capa "Sombra" y muévela hacia la derecha, luego juega con las opciones de transformación para que la sombra se parezca a la imagen de abajo. Después, ve a la ventana Tono/Saturación (Command + U) y baja la capa "sombra" a una luminosidad de -100.

Paso 9

Selecciona la capa "Sombra", luego ve a Filtro > Desenfocar > Desenfoque Gaussiano y ajusta el radio a 5px. Luego duplica la capa "Sombra", haz la copia más grande que la original y reduce su Opacidad al 25%. Por último, cambia la Opacidad de la capa "Sombra" al 75% y combínalas.

Paso 10

Selecciona la herramienta Borrador (E) y elimina la sombra sobrante delante de los pies del hombre.

Paso 11

Después, añadiremos la capa de texto principal. Usando la herramienta Texto, escribe la palabra "TIME" usando Arial Black para el tipo de letra. Ajústala a un tamaño de 300pt y colócala debajo de la capa "Sombra"

Selecciona la Herramienta Texto y en el panel de Opciones pulsa Crear texto deformado. En el Diálogo, establece el Estilo como Arco, Curvar al 0%, Distorsión horizontal al -60% y Distorsión vertical al 0%. Por cierto, estoy usando unas guías para marcar el punto medio horizontal.

Paso 12

Ahora vamos a sesgar un poco el texto. Usando la Herramienta Mover seleccionamos la capa de texto "Time", y activamos las Opciones de Transformación Libre (Command + T), luego Command-clic en el Punto de Transformación del medio izquierdo, y lo movemos un poco hacia abajo. Ahora haz clic en el punto central derecho, pero esta vez muévelo un poco hacia arriba. Guíate de la imagen de abajo. Cuando te guste el resultado, pulsa la tecla Return o confirma la transformación desde el Panel de Opciones.

Paso 13

Trabajemos un poco más en la capa de texto "Time". Añade los siguientes estilos de capa: una Superposición de degradado (#8D6009 a #522300) con un ángulo de 36º. Y una Sombra paralela grande y completa (establece los valores que se muestran).

Paso 14

Añade otra capa de texto, escribe las palabras "So Little" y colócala encima de la capa "Time". Deforma usando el Estilo Arco y establece la Distorsión horizontal en -50, confirma la distorsión y pulsa Command + T para mostrar las Opciones de Transformación Libre. Haz clic en el punto de control central derecho y muévelo un poco hacia abajo. Intenta que la línea de base del texto coincida con la línea superior de la capa "Time". Luego, confirma la transformación.

Paso 15

Luego, copia los Estilos de la capa "Time" (Alt-clic o clic derecho sobre la miniatura de la capa > Copiar estilo de Capa). Selecciona la capa "so little" y pega el estilo de capa (Alt-clic o clic derecho sobre la miniatura de la capa > Pegar estilo de capa). Luego, haz doble clic sobre el estilo de superposición de degradado de la capa "so little" y ajusta los colores del degradado a: #3A0303 - #2A0000. Dale a OK, y mira cómo queda.

Es muy importante tener un tipo de color oscuro en los degradados porque los iluminaremos usando una textura hacia adelante. Para terminar este paso, coge las dos capas y ponlas en un Grupo llamado "texto". Una forma rápida de hacerlo es hacer click sobre la capa "Time", luego Shift-click en la capa "so little" para seleccionar ambas, y pulsa Command + G para agruparlas.

Paso 16

Ahora crearemos el viejo reflejo del texto. Convierte la carpeta "Texto" en un objeto inteligente (haz clic derecho sobre la miniatura de la carpeta y selecciona Convertir en objeto inteligente). Luego duplica el Objeto Inteligente, puedes usar la herramienta Mover, selecciona el Objeto Inteligente "Texto", mantén presionada la tecla Alt y arrastra una copia. Selecciona la copia y ve a Edición > Transformar > Voltear vertical.

Paso 17

Selecciona la capa "copia de texto", pulsa Command + T para activar las herramientas de transformación libre, haz clic sobre la manija central derecha y muévela hacia arriba.  Intenta hacer coincidir las líneas de base. Finalmente, mueve el objeto inteligente "text copy" debajo del objeto "text" en la paleta Capas.

Paso 18

Selecciona la capa "text copy" y ve a Capa > Máscara de capa > Ocultar todo. Luego, rellena la máscara de capa con un degradado diagonal de negro a blanco, como se muestra a continuación.

Paso 19

Aquí viene la luz, coge esta foto de un bonito trozo de papel grunge y pégala en una nueva capa por encima de todo y nómbrala "Textura superior".

Pulsa Command + U para ajustar los valores de Tono / Saturación y baja la cantidad de Saturación a -100. Ahora cambia el Modo de Fusión de la "Textura superior" a Superponer. Bloquea la capa "Textura superior" haciendo clic en las pequeñas flechas cruzadas de la paleta Capas; si no lo haces, no podrás hacer clic/seleccionar ninguna otra capa por debajo de ella.

Paso 20

Duplica la capa "hombre". Como el hombre no coincide con los colores del fondo, ni del texto, debemos ajustar sus colores. Selecciona la capa original del "hombre" y ve a Capa > Nueva capa de ajuste > Filtro fotográfico, selecciona Filtro de calentamiento 85 en las opciones de filtro y pulsa Aceptar. Verás que las capas de ajuste se aplican a todo el documento. Debes crear una máscara de recorte para aplicar el ajuste solo a la capa "hombre". Puedes hacerlo fácilmente pulsando Alt-clic en la línea entre la capa de ajuste y la capa "hombre".

Paso 21

Selecciona la capa "copia de hombre" y muévela unos píxeles hacia la derecha. Ahora ve a las opciones de Tono/Saturación (Command + U) y baja la luminosidad a -100.

Paso 22

Luego, difuminaremos la silueta negra. Selecciona la capa "copia del hombre" y ve a Filtro > Desenfocar > Desenfoque de movimiento, establece la distancia a 800 píxeles y el ángulo a 20º, y pulsa OK.

Ahora, duplica la capa "copia del hombre" dos veces, debes tener algo como el fondo de la imagen de abajo. Luego selecciona las tres capas de "copia de hombre X" (pulsa Shift y haz clic en las miniaturas de las capas para seleccionarlas) y combínalas pulsando Command + E. Nombra la capa resultante como "sombra desenfocada".

Paso 23

Mueve la capa "sombra desenfocada" por encima de la capa Filtro fotográfico. Luego, usa un Borrador grande y difuso (E) con la Opacidad y el Flujo ajustados al 50% para borrar la sombra sobre la cara y el cuerpo del hombre.

Paso 24

Luego, revelaremos un poco de la textura del papel de los Pasos 2 y 3. Seleccione la capa "Textura" en la paleta de capas, y haga clic sobre la miniatura de la máscara de capa.

Selecciona la Herramienta Pincel (B), y utiliza un pincel grande y difuso con una Dureza de 0%, Opacidad y Flujo al 50%, y establece el color frontal en Blanco (#FFFFFF). Ahora pinta algunas manchas debajo de los pies del hombre.

Paso 25

Coloca ambas capas "Textura" y "Relleno de degradado" en una carpeta llamada "Fondo". Duplica la carpeta y combina la copia. Deja siempre una copia de las primeras capas por si necesitas retroceder más tarde.

Paso 26

Ahora cortaremos un trozo del fondo. Utiliza la herramienta Lazo para hacer una selección irregular. Luego ve a Capa > Máscara de capa > Descubrir todas. En la máscara de capa, utiliza la herramienta bote de pintura (G) para rellenar la selección con negro (#000000). Agrego una capa temporal de relleno negro debajo de la capa "Fondo" para ver cómo queda.

Paso 27

¿Ya te cansaste?... yo tampoco. Ahora abre esta imagen, selecciona solo el periódico y pégalo en una nueva Carpeta debajo de la capa "Fondo" y nómbrala "Periódico"

Coloca una copia más del periódico, pero gírala algunos grados para que se vea diferente a la primera instancia. Utiliza la herramienta Subexponer (O) para subexponer algunas partes de las hojas de papel, haciendo algunas zonas más oscuras. Ahora fusiona la carpeta "Periódico" (Command + E).

Paso 28

Como los colores del papel no coinciden con los de la escena, ve a Capa > Nueva capa de ajuste > Filtro de fotografía para ajustarlos. Selecciona un filtro de color (#E4AD04) con una densidad del 66%. Aplícalo solo a la capa "Periódicos" creando una Máscara de Recorte (Haz Alt-clic entre ambas capas).

Paso 29

Ahora crearemos un efecto de rasgado en el papel. En primer lugar, mantén pulsada la tecla Alt y haz clic en la máscara de capa del "Fondo", luego utiliza la herramienta Varita mágica (W) para seleccionar solo el área negra de la máscara.

Vuelve a hacer clic sobre la capa de fondo para hacerla visible de nuevo. A continuación, ve a Selección > Modificar > Expandir y amplíala en 6 píxeles. Haz clic sobre la miniatura de la capa "Fondo" y pasa al siguiente paso.

Paso 30

Pulsa Command + U para mostrar las opciones de Tono/Saturación, baja la Saturación de la selección a -100 y pulsa OK. Verás que la selección ampliada es ahora gris. Selecciona la herramienta Sobrexponer (O) y utiliza un pincel irregular (el de tiza es perfecto), establece la Exposición al 25% y aplica la herramienta Sobreexponer al borde gris de forma aleatoria.

Paso 31

Para aumentar el realismo de los papeles de fondo, añadiremos algunas sombras sobre la capa "Periódicos". Crea una nueva capa sobre el Filtro de fotografía del periódico y nómbrala "Sombras".

Utiliza un Pincel Negro grande (B) con un tamaño de 200px, Dureza de 0%, y Opacidad y Flujo establecidos en 50%, y pinta algunas sombras cerca del papel rasgado. Puedes jugar con el tamaño del pincel para mejorar el efecto. ¡Diviértete!

Paso 32

Abre esta imagen, extrae la forma del papel y pégala en una nueva capa llamada "papel" por encima de la capa "Textura superior". Coloca el trozo de papel en la parte inferior derecha de nuestro diseño.

Paso 33

Ahora, crearemos la ilusión de que este papel sale de detrás del papel rasgado. Haz clic con la tecla Alt en la máscara de capa de la capa "Fondo". Luego, usa la Herramienta Varita Mágica para seleccionar solo el área negra, y haz clic en la miniatura de la capa "papel" para seleccionarla.

Después, coge la herramienta Lazo, mantén pulsada la tecla Shift para añadir la selección a la ya existente, y haz una selección que cubra toda la forma del papel. Por último, invierte la selección (Command + Shift + I) y elimínala.

Paso 34

Vamos a añadir algunas sombras. Crea una nueva Capa encima de la capa "papel" y nómbrala "sombras". Coloca ambas en un nuevo Grupo llamado "Papel". Luego, usando un pincel grande y suave, pinta algunas sombras en la parte inferior. Repite los pasos anteriores de Selección (Paso 33) para eliminar la sombra extra del papel.

Paso 35

Ahora crea una nueva capa debajo de la capa "papel", nómbrala "sombras 2", y pinta algunas sombras negras detrás del papel para crear un efecto pop.

La sombra del papel está pensada para ser volteada si la comparas con la sombra del hombre, solo porque este es un compuesto de inspiración constructivista, y quería crear la ilusión de que el hombre es parte de la hoja de papel del fondo.

Paso 36

Estamos cerca de terminar. Selecciona la capa "papel" y ajusta su Saturación en -25. Luego, en la paleta Capas, toma todo el "Papel" y arrástralo justo por encima de la capa "Fondo".

Paso 37

Con un pincel irregular, desdibuja un poco los bordes del "papel" para crear un efecto de rasgado suave.

Paso 38

Crea una nueva capa llamada "so much to do" y utiliza un pincel pequeño para dibujar un texto irregular en ella. Estoy usando mi tableta para esto, pero puedes usar el ratón o cualquier fuente escrita a mano.

Conclusión

Aquí tenemos la pieza final. Espero que te haya gustado y no dudes en preguntar si algunos pasos te parecen confusos o abrumadores.