Reto Diseña un poster de una marca deportiva

Toma las primeras clases gratis

COMPARTE ESTE ARTÍCULO Y MUESTRA LO QUE APRENDISTE

Ante todo definir en que se va a trabajar. Luego de pasear en muchas posibilidades “deportivas”, revisé entre distintas disciplinas, atletas y elementos. Me quedé con la premisa del docente, que era sobre una zapatilla; Aun así, acotando que es una zapatilla, el proceso comenzó con un: “…y si hago unas fotos de equis zapatilla”, buscar otras zapatillas o incluso querer modelar unas y después de tanto dar vueltas; me he quedado con los renders suministrados y con el diseño de zapatillas. Algo que le llamo: “Tanto nadar pa’ morir en la orilla”. Aun así no lo veo como tiempo perdido. Me ha ayudado a comprender la importancia del “QUE” para que el como suceda con más fluidez.
Les cuento el paso a paso:

-Primero que todo el moodboard. 👉 Que es bien variado, porque tenia en mente mil posibilidades, donde el zapato era el protagonista pero variaba desde fondos muy yuxtapuestos hasta unos muy limpios por donde me terminé decantando. Me llamó mucho la atención de la ilustración como forma de incorporar la forma humana, así añadir a la composición la escala humana (Aunque todos sepamos de que tamaño son unas zapatillas) le da escala al poster y un mood de “así se siente al usarla”.

-Al irme al Photoshop tenia en mente hacer “varios” poster. Finalmente concentré las energías en dos propuestas.

Para hacer 👉 sólo tienes que:
-Crear un archivo de 1080x1920px
-Ubicar la morfología humana. Imágenes de referencia de como se quieren los pies corriendo, para incorporar dinamismo a la composición.
-Ubicar los renders suministrados con sus respectivos puzzlematte; (imagenes: Zapatilla_02 y Zapatilla_03) en la posición de los pies.
-Inicialmente un Background gris plano color #909a93, mientras se hace la construcción, de modo que sumistre un soporte neutro del cual partir.
-Ilustrar manualmente las piernas con un pincel redondo al 100% dureza de 15px para los bordes más externos en la ropa, 6px en la piel y 3px en los detalles. Todo en color blanco.
-Una vez lista la ilustración pasar a definir colores de la composición.
-Añadir color en algunas zonas de la zapatilla: Utilizando el puzzlematte seleccionar las zonas a modificar. En la suela color #dc859a en overlay y Para las telas laterales #b65d72 en tipo de fusión Kind. Acentuar unicamente esas zonas; con rastros de ese gris originario, que al ser neutro apoya y resalta el tono escogido.

  • Añadir una capa de gradiente que afecta directamente la capa de fondo; #de859a. Con una inclinación de -60° en estilo linear al 100% de la escala.
    -Para generar profundidad. Añadir una franja horizontal a la altura de los tobillos. Con una capa de negro al 50% de opacidad y desenfoque gaussiano con radio de 95.6 px.
    -Añadir una sombra debajo del pie que “casi” toca el suelo al duplicar la capa de esa zapatilla con ctrl+j y luego con ctrl+l modificar los niveles hasta llevar a negro, luego añadir desenfoque gaussiano y una máscara; seguidamente con un pincel de 17% de dureza y 10% de opacidad, dejar más oscuro mientras más cerca de la zapatilla se encuentre la sombra, entendiendo que mientras más se aleja del objeto del cuál se proyecta se desvanece.
    -Añadir el modelo de la zapatilla dejando 100px de margen izquierdo e inferior. Tipografía Montserrat semibold itálica de 152pt y la palabra Boost en black, de modo que resalte sobre las demas.
    -Expandir una línea de 1px en blanco, de modo que sea muy limpia y sutil, desde la zapatilla inferior, del centro a la izquierda de la composición. Sobre la cual se escribe en blanco, con tipografía Montserrat Regular de 20pt: adidas originals.
    -Escribir la dirección web de la zapatilla: adidas.co/yeezy en Montserrat Regular de 20pt. Centrado y en color blanco y sobre ese texto el isotipo de la marca.
    -Listo!! Has conseguido construir el primer poster.

Para hacer 👉
sólo tienes que:
-Crear un archivo de 1080x1920px
-Crear un grupo (Fondo) que constará de 4 capas con las siguientes características de abajo hacia arriba:
1.- Color fill (cualquier color en un tono medio ya que posteriormente ubicaremos un ajuste de tono y saturación que afectará todo el contenido) Y he usado #de673c
2.- Gradient Fill en un tono mas bajo que el primero escogido (he usado #84422a) con estilo lineal y ángulo 90°
3.- Crear un rectangulo de 600px de alto, separado 150px de la izquierda y que sangrado hacia la derecha. Utilizando el tono anterior con dos puntos menos de luminancia. (he usado #824127)
4.- Crear la ilusión visual de una superficie: Con el lazo poligonal escoger un punto en la parte inferior a 150px de la derecha, el siguiente punto es el vertice superior izquierdo del rectangulo creado previamente y un tercer punto a la derecha a la altura de 1110px desde arriba hacia abajo. Cerrar el poligono y llenar de color; con mismo tono escogido al principio (#de673c)

-Crear un grupo (Texto) que constará de las 2 capas siguientes:
1.- Texto Yeezy en Archivo Black Regular Italica de 260pt con -75 en el espacio entre carácteres. Ubicado a 300px de la parte superior y centrado.
2.- Texto Bost en Archivo Black Regular Italica de 260pt con -75 en el espacio entre carácteres. Ubicado 7px por debajo del texto anterior, igualmente centrado.

  • Añadir un efecto de capa sobre el grupo. Un Gradient Overlay; en modo de fusión normal al 100% de la opacidad, estilo lineal y ángulo -90°. El gradiente va de blanco al color #483b2a. Esto hará que el texto se funda con el fondo.

-Añadir la dirección web y el modelo de la siguiente forma:
1.- En Montserrat Regular de 20pt la dirección web: adidas.co/yeezy dejando de margen superior izquierdo 100px. Todo en minusculas en negro
2.- En Montserrat Regular de 20pt, en negro y en mayúsculas, el modelo de la zapatilla: yeezy boost 700. dejando un margen inferior derecho de 100px. Girado 90° de modo que queda alineado al borde derecho y hace tensión con el primer texto.

-Añadir la capa de todo y saturación que afectará todo lo que se ha creado hasta ahora. Con la opcion de colorizar y los siguientes valores:
-Matiz: 348
-Saturación: 38
-Luminosidad: 0
Esto hará que toda pieza tome un tono Rosa, similar a la paleta usada anteriormente. Es posible que te preguntes ¿Por qué no usamos los tonos “correctos” desde el principio? y es porque inicialmente la propuesta iba a ser de los tonos anteriores, hasta que decidí que ambas propuestas compartieran el código de color.

-Crear un grupo (Zapatilla) que constará de las capas siguientes:
1.-Zapatilla_03 con sus respectivos puzzlematte
2.-Seleccionar manualmente los rellenos anaranjados de la suela (ya que no está especificamente en el puzzlematte) y añadir un ajuste de capa de tono y saturación y llevar a -100 la saturación.
3.-Con la misma selección anterior crear una capa nueva y rellenar la forma con el color #de859a y en modo de fusión de capa multiplicar.
4.-Duplicar la capa de la zapatilla y en modo de fusión Screen llevar al 36% de opacidad para iluminar más el elemento.
5.-Haciendo uso del puzzlemate seleccionar el lateral, la tela que incluye la costura y crear una nueva capa rellenando la forma con el color #b65d72 y en colocar en modo de fusión Color.

-Finalmente añadiremos el imagotipo en color blanco y centrado de 150px de ancho y en 23% de opacidad. Con un margen inferior de 100px
-Estamos listos! Has creado el segundo poster!!

Reto Diseña un poster de una marca deportiva

Toma las primeras clases gratis

COMPARTE ESTE ARTÍCULO Y MUESTRA LO QUE APRENDISTE

0 Comentarios

para escribir tu comentario

Artículos relacionados