Share
El diseño gráfico constructivista a menudo se asocia con la política y la propaganda comunistas, pero es más que eso, el constructivismo se trata de usar colores brillantes, jugar con claridad, perspectiva, formas geométricas, además de técnicas de fotomontaje y collage digital. Esta vez me atreveré a llamar a este tutorial un diseño 'Neo-constructivista'. Es hora de empezar!
Echa un vistazo a la imagen que vamos a crear. Puede ver la vista previa de la imagen final a continuación o una versión más grande aquí.
Nuestro editor de video, Gavin Steele, ha creado este video tutorial para complementar este texto + tutorial de imagen..
Abra Photoshop y cree un nuevo documento de 1200 px de ancho por 1600 px de alto, con un color RGB y 72 ppp. Luego vaya a Crear una nueva capa de relleno o ajuste en la paleta Capas, seleccione la opción Degradado y establezca los colores de # 7D0000 a # 480000. Establezca el valor del ángulo en 17 - 20º y presione OK.
Ahora, agregue una textura sobre el fondo, tome esta imagen y péguela en una nueva capa llamada "Textura" sobre la capa Gradiente. Luego, cambia su modo de fusión a Linear Burn.
Seleccione la capa "Textura". Vaya a Capa> Máscara de capa> Ocultar todo. Después de seleccionar la máscara de capa, agarre la herramienta Degradado (G), establezca los colores del degradado en Negro a Blanco (# 000000 - #FFFFFF) y configure la Opción de degradado reflejada en el panel superior.
Rellene la máscara de capa con un Gradiente ligeramente oblicuo (vea la imagen a continuación) y use un pincel negro grande (Opacidad y Flujo al 50%) para ocultar un poco de la parte inferior derecha de la capa "Textura".
Ahora, aumente el contraste de la capa "Textura" ajustando sus niveles (Comando + L), como se muestra a continuación.
Agreguemos uno de los objetos principales en el diseño, este tipo mirando su reloj. Pegue la imagen en una nueva capa llamada "hombre" y extraiga su forma del fondo blanco.
Seleccione la capa "man" y elija la herramienta Mover (V), y asegúrese de que la opción Mostrar controles de transformación esté marcada en el Panel de opciones. A continuación, pulse Comando y haga clic en la esquina superior izquierda y arrástrela un poco hacia la izquierda, luego repita eso, pero esta vez con la esquina derecha. Esto creará una ilusión de perspectiva, como si estuviéramos mirando al chico desde arriba. Luego toma la herramienta de quemado (O) y oscurece un poco el lado derecho del chico.
Voy a probar esta forma experimental para aumentar el color y el contraste del hombre. Duplique la capa "man", y vaya a Filtro> Otros> Paso alto, establezca el Radio a 10px y presione Aceptar. Ahora cambia el modo de fusión "Copia de hombre" a Superposición. Luego, fusione ambas capas "hombre" y esquiva el lado izquierdo de la capa resultante un poco.
Ahora, vamos a añadir una sombra proyectada. Duplique la nueva capa "hombre", ponga la copia detrás del original y llámela "Sombra". Mueve un poco hacia la derecha..
Usando las opciones de Transformación libre, presione Comando y haga clic en el punto de control en la parte superior central de la capa "Sombra" y muévalo hacia la derecha, luego juegue con las opciones de transformación para hacer que la sombra se vea como la imagen de abajo. A continuación, vaya a la ventana Tono / Saturación (Comando + U) y baje la luminosidad de la capa "Sombra" a -100.
Seleccione la capa "Sombra", luego vaya a Filtro> Desenfoque> Desenfoque gaussiano y establezca el radio en 5px. Luego duplique la capa "Sombra", haga que la copia sea más grande que la original y reduzca su Opacidad al 25%. Finalmente, cambie la opacidad de la capa "Sombra" a 75% y fusione ambas.
Seleccione la herramienta Borrador (E) y elimine la sombra adicional frente a los pies del hombre.
A continuación, agregaremos la capa de texto principal. Usando la herramienta Type, escriba la palabra "TIME" usando Arial Black para el tipo de letra. Establézcalo en un tamaño de 300 puntos y colóquelo debajo de la capa "Sombra".
Seleccione la Herramienta de tipo y en el panel Opciones, presione Crear texto deformado. En el cuadro de diálogo, establezca el Estilo como Arco, Doblar a 0%, Distorsión horizontal a -60% y Distorsión vertical a 0%. Estoy usando algunas guías para marcar el punto medio horizontal..
A continuación vamos a sesgar el texto un poco. Con la herramienta Mover, seleccione la capa de texto "Tiempo" y active las Opciones de transformación libre (Comando + T), luego presione Comando y haga clic en el Punto de transformación central izquierdo, y muévalo un poco hacia abajo. Ahora pulse Comando y haga clic en el punto central derecho, pero esta vez suba un poco. Intenta conseguir algo como la imagen de abajo. Una vez que estés satisfecho con el resultado, presiona la tecla Volver o Confirma la transformación desde el Panel de opciones.
Trabajemos un poco más en la capa de texto "Tiempo". Agregue los siguientes estilos de capa: una superposición de degradado (# 8D6009 a # 522300) con un ángulo de 36º. Y una sombra grande y completa (establezca los valores que se muestran a continuación).
Agregue otra capa de texto, escriba las palabras "Tan poco" y colóquela sobre la capa "Tiempo". Combínelo con el estilo de arco y configure la distorsión horizontal en -50, confirme la distorsión y presione Comando + T para mostrar las Opciones de transformación libre. Pulse Comando y haga clic en el punto de control central derecho y muévalo un poco hacia abajo. Intente hacer coincidir la línea de base del texto con la línea superior de la capa "Tiempo". Entonces, cometer la transformación.
A continuación, copie los estilos de capa "Tiempo" (presione la tecla Alt o haga clic con el botón derecho sobre la miniatura de capa> Copiar estilo de capa). Seleccione la capa "tan pequeña" y pegue el estilo de la capa (presione la tecla Alt o haga clic con el botón derecho sobre la miniatura de capa> Pegar estilo de capa). Luego, haga doble clic sobre el estilo de Superposición de degradado de la capa "tan pequeña" y ajuste los colores del degradado a: # 3A0303 - # 2A0000. Pulsa OK, y mira cómo se ve..
Es muy importante tener un tipo de color oscuro en los degradados porque los iluminaremos utilizando una textura hacia adelante. Para finalizar este paso, tome las dos capas y colóquelas en un grupo llamado "texto". Una forma rápida de hacerlo es hacer clic sobre la capa "Tiempo", luego presionar Mayús y hacer clic en la capa "tan poco" para seleccionar ambas, y presionar Comando + G para agruparlas.
Ahora vamos a crear la buena reflexión de texto antiguo. Convierta la carpeta "Texto" en un objeto inteligente (haga clic con el botón derecho sobre la miniatura de la carpeta y seleccione Convertir en objeto inteligente). Luego duplique el objeto inteligente, puede usar la herramienta Mover, seleccionar el objeto inteligente "Texto", mantener presionada la tecla Alt y arrastrar una copia. Seleccione Copiar y vaya a Edición> Transformar> Girar vertical..
Seleccione la capa de "copia de texto", presione Comando + T para habilitar las herramientas de transformación gratuitas, haga clic en el controlador central derecho y muévalo hacia arriba. Intenta hacer coincidir las líneas de base. Finalmente, mueva el objeto inteligente de "copia de texto" debajo del objeto de "texto" en la paleta de capas.
Seleccione la capa "Copia de texto" y vaya a Capa> Máscara de capa> Ocultar todo. Luego rellene la máscara de capa con un degradado diagonal de Negro a Blanco, como se muestra a continuación.
Aquí viene la luz, tome esta imagen de un bonito trozo de papel de grunge y péguela en una nueva capa sobre todo y nómbrela "Textura superior".
Presione Comando + U para ajustar los valores de Tono / Saturación y reducir la cantidad de Saturación a -100. Ahora cambie el modo de fusión "Textura superior" a Superposición. Bloquee la capa "Textura superior" haciendo clic en las flechas pequeñas de la Paleta de capas; Si no lo haces, no podrás hacer clic / seleccionar ninguna otra capa debajo de ella..
Duplica la capa "hombre". Como el hombre no hace coincidir los colores del fondo, ni el texto, debemos ajustar sus colores. Seleccione la capa "hombre" original y vaya a Capa> Nueva capa de ajuste> Filtro de foto, seleccione Filtro de calentamiento 85 en las opciones de Filtro y presione Aceptar. Verá que las capas de ajuste se aplican a todo el documento. Debe crear una máscara de recorte para aplicar el ajuste solo para la capa "hombre". Puede hacerlo fácilmente haciendo clic con la tecla Alt presionada en la línea entre la capa de ajuste y la capa "hombre".
Selecciona la capa "Copiar hombre" y muévela unos píxeles a la derecha. Ahora vaya a las opciones de Tono / Saturación (Comando + U) y reduzca la luminosidad a -100.
A continuación, vamos a desenfocar la silueta negra. Seleccione la capa "copiar hombre" y vaya a Filtro> Desenfoque> Desenfoque de movimiento, establezca la distancia a 800 píxeles y el ángulo a 20º, luego presione OK.
Ahora, duplique la capa "copia de hombre" dos veces, debe tener algo como la parte inferior de la imagen de abajo. Luego, seleccione las tres capas "Copiar X" (presione Mayús y haga clic en las miniaturas de la capa para seleccionarlas) y combínelas presionando Comando + E. Nombre de la capa resultante "sombra borrosa".
Mueva la capa "sombra borrosa" sobre la capa de Filtro de fotos. Luego use un borrador grande y suave (E) con Opacidad y Flujo establecido en 50% para eliminar la sombra sobre la cara y el cuerpo del hombre.
A continuación, revelaremos un poco de la textura de papel de los pasos 2 y 3. Seleccione la capa "Textura" en la paleta de capas y haga clic en la miniatura de máscara de capa..
Seleccione la herramienta Pincel (B) y use un pincel grande y suave con una dureza de 0%, opacidad y flujo al 50%, y establezca el color de primer plano en blanco (#FFFFFF). Ahora pinta algunos puntos debajo de los pies del hombre..
Coloque las capas "Textura" y "Relleno degradado" en una carpeta llamada "Fondo". Duplica la carpeta y fusiona la copia. Deje siempre una copia de las primeras capas en caso de que tenga que retroceder más tarde.
Ahora bien cortar Un trozo del fondo. Usa la herramienta Lazo para hacer una selección irregular. Luego vaya a Capa> Máscara de capa> Revelar todo. En la máscara de capa, use la herramienta Cubo de pintura (G) para completar la selección con Negro (# 000000). Estoy agregando una capa de relleno negro temporal debajo de la capa "Fondo" para ver cómo se ve.
¿Ya está cansado? ... Tampoco estoy. Ahora abra esta imagen, seleccione solo el periódico y péguelo en una nueva carpeta debajo de la capa "Fondo" y asígnele el nombre "Periódico".
Coloque una copia más del periódico, pero gírela un poco para que se vea diferente a la primera instancia. Use la herramienta de grabación (O) para quemar algunas partes de las hojas de papel, oscureciendo algunas áreas. Ahora fusionar la carpeta "Periódico" (Comando + E).
Como los colores del papel no coinciden con la escena, vaya a Capa> Nueva capa de ajuste> Filtro de foto para ajustarlos. Seleccione un filtro de color (# E4AD04) con una densidad del 66%. Aplíquelo solo a la capa "Periódicos" creando una máscara de recorte (Alt-clic entre ambas capas).
Ahora vamos a crear un efecto rasgado en el papel. Primero, mantenga presionada la tecla Alt y haga clic en la máscara de capa de la capa "Fondo", luego use la herramienta Varita mágica (W) para seleccionar solo el área negra de la máscara.
Haga clic nuevamente sobre la capa de fondo para que sea visible una vez más. Luego, vaya a Seleccionar> Modificar> Expandir y expándalo en 6 píxeles. Haga clic sobre la miniatura "Capa" de fondo y avance al siguiente paso.
Presione Comando + U para mostrar las opciones de Tono / Saturación, baje la Saturación de la selección a -100 y presione OK. Verás que la selección expandida es gris ahora. Seleccione la herramienta de esquivar (O) y use un pincel irregular (la tiza es perfecta), establezca la exposición al 25% y aplique la esquiva al borde gris al azar.
Para aumentar el realismo de los documentos de antecedentes, agregaremos algunas sombras sobre la capa "Periódicos". Cree una nueva capa sobre el Filtro de fotos del periódico y asígnele el nombre de "Sombras".
Use un pincel negro grande (B) con un tamaño de 200 px, una dureza del 0% y la opacidad y el flujo establecidos al 50%, y pinte algunas sombras cerca del papel rasgado. Puedes jugar con los tamaños de pincel para mejorar el efecto..
Abra esta imagen, extraiga la forma del papel y péguela en una nueva capa llamada "papel" sobre la capa "Textura superior". Coloque la hoja de papel en la parte inferior derecha de nuestro diseño..
Ahora, crearemos la ilusión de este papel que viene detrás del papel rasgado. Alt + clic en la máscara de capa de la capa "Fondo". Luego use la herramienta Varita mágica para seleccionar solo el área negra y haga clic en la miniatura de la capa "papel" para seleccionarla.
Luego, tome la Herramienta Lazo, mantenga presionada la tecla Mayús para agregar la selección a la existente, luego haga una selección que cubra toda la forma del papel. Finalmente, invierta la selección (Comando + Mayús + I) y elimínela.
Vamos a añadir algunas sombras. Cree una nueva capa encima de la capa "papel" y asígnele el nombre de "sombras". Ponga ambos en un nuevo grupo llamado "Papel". Luego, utilizando un cepillo suave grande, pinta algunas sombras en la parte inferior. Repita los pasos de selección anteriores (paso 33) para eliminar la sombra adicional del papel.
Ahora cree una nueva capa debajo de la capa "papel", nómbrela "sombras 2" y pinte algunas sombras negras detrás del papel para crear una popular efecto.
La sombra del papel está destinada a voltearse si la comparas con la sombra del hombre, solo porque se trata de un compuesto inspirado en el constructivismo, y quería crear la ilusión de que el hombre es parte de la hoja del documento de fondo..
Estamos cerca de terminar. Seleccione la capa "papel" y ajuste su saturación en -25. Luego, en la paleta de capas, tome todo el "Papel" y arrástrelo justo encima de la capa "Fondo".
Usando un Pincel irregular, Esquiva los bordes del "papel" solo un poco para crear un efecto rasgado suave.
Cree una nueva capa llamada "mucho que hacer" y use un pequeño pincel para redactar un texto irregular en ella. Estoy usando mi tableta para esto, pero puedes usar tu mouse o cualquier fuente escrita a mano..
Aquí tenemos la pieza final. Espero que te haya gustado este y no dudes en hacer preguntas si encuentras algunos pasos confusos o abrumadores. Que te diviertas!
Accentsconagua