13/08/2014

Creación de una versión personal del cartel HOPE de Fairey

Tutorial en Adobe Illustrator y Photoshop

Una de las imágenes más vistas de los últimos años es la del cartel con el retrato de Obama y la leyenda “Hope”. Y es que este cartel fue utilizado por el mismo presidente durante su campaña electoral. El artista detrás de esta obra es Shepard Fairey, un grafitero y diseñador gráfico estadounidense, dueño de la marca Obey.

Pues bien, hoy aprenderemos a crear este tipo de cartel pero con nuestro retrato (o el de la persona que queramos), para poder imprimirlo sobre camisetas o sudaderas.

En este caso cogeremos un retrato de Internet (siempre teniendo los derechos o cogiendo imágenes libres). Utilizaremos esta fotografía.

Raúl Calderón - Dopamine Harper

Para poder empezar a crear el cartel, necesitamos aislar el busto del fondo, por lo que deberemos hacer una selección compleja de la cabeza y borrar el resto. Utilizaremos el software Adobe Photoshop, y para poder hacer una selección compleja podemos seguir este pequeño tutorial.

El proceso se resume en estas imágenes:

Raúl Calderón - Dopamine Harper

Una vez tengamos la cabeza separada, la copiaremos seleccionando todo el lienzo con CRTL+A / CMD+A y copiándola con CRTL+C / CMD+C.

Ahora tendremos que abrir un documento nuevo en el software Adobe Illustrator y pegar para que nos aparezca la cabeza que hemos traído del Photoshop.

También es conveniente que cojamos de Internet el cartel de Hope y lo pongamos al lado de la imagen para poder utilizarlo de referencia. De este cartel cogeremos los colores básicos y montaremos la escena sobre la que va a ir nuestra foto.

Raúl Calderón - Dopamine Harper

Utilizaremos las capas para ordenar los elementos que vayamos poniendo. En la primera capa dibujaremos un rectángulo (tecla M o    Imagen5       ) del mismo tamaño que el poster original. Y le daremos el mismo color utilizando la herramienta Cuentagotas (tecla I o    Imagen5       ), seleccionando el color amarillo del original.

Raúl Calderón - Dopamine Harper

En la siguiente capa pondremos el color rojo que ocupa la mitad del fondo de la imagen original. Haremos otro rectángulo que sea un poco más pequeño que el primero y lo colorearemos de azul claro. Quedando así:

Raúl Calderón - Dopamine Harper

Repetiremos este paso pero con el color rojo. Y tendremos el principio de la composición compuesto por 3 capas.

Raúl Calderón - Dopamine Harper

Para lograr un fondo a rayas azules claras y amarillas, tendremos que hacer dos líneas, una de cada color. Las colocaremos una sobre la otra de manera que tengamos pequeño cuadro formado por dos franjas.

Raúl Calderón - Dopamine Harper

Cogeremos las dos líneas y las llevaremos al panel muestras. Se nos creará una muestra de color exactamente igual a lo que hemos hecho.

Raúl Calderón - Dopamine Harper

Y ahora podemos comprobar cómo, si dibujamos un rectángulo del mismo tamaño que los dos anteriores (azul claro y rojo) y luego seleccionamos la nueva muestra de color, el rectángulo se nos pintará con una repetición de esa muestra, con lo que tendremos el mismo efecto rayado del póster. Esta será la capa 4 (aunque la colocaremos por debajo de las capas roja y azul claro).

Raúl Calderón - Dopamine Harper

Solo nos quedará hacer un rectángulo del mismo tamaño que el que tiene el fondo de la palabra „Hope“. Una vez hecho lo pintamos del mismo color azul oscuro del original. Y finalmente tendremos cinco capas.

Raúl Calderón - Dopamine Harper

Y con esto ya tenemos las formas básicas que ocupan el fondo y el frente del póster. Es hora de ponernos a trabajar sobre la cabeza. Crearemos una capa debajo de la capa anterior con el rectángulo azul oscuro. Lo primero que haremos será aplicar a la foto de la cabeza el efecto artístico Cuarteado (Efecto > Artístico > Cuarteado). En el número de niveles, pondremos 2, ya que con más niveles el contraste de colores sería muy bajo para aplicar el efecto que buscamos. La simplicidad del borde podemos ponerla en 5, ya que seguramente en 6 o más el dibujo se volvería muy poco visible. Y en fidelidad del borde pondremos 1, ya que cuanto más grande sea, mayor número de imperfecciones veremos en los bordes de la imagen.

Raúl Calderón - Dopamine Harper

Una vez tengamos la imagen cuarteada y estemos contentos con la forma que haya salido, deberemos rasterizar la imagen para poder seguir aplicándole efectos. Para ello, con la cabeza seleccionada, vamos a menú Objeto y hacemos click en Rasterizar. En la ventana que nos sale damos a Ok sin cambiar ningún parámetro. Y tendremos la misma imagen pero no podremos deshacer ni modificar el efecto cuarteado que habíamos aplicado anteriormente.

Raúl Calderón - Dopamine Harper

Para continuar vamos a aplicar un Calco de imagen, que convertirá nuestra imagen cuarteada y rasterizada, en un conjunto vectorial en blanco y negro. Para utilizar el panel de la herramienta Calco de imagen, tendremos que ir al menú Ventana y seleccionar Calco de imagen. En el panel que se nos abre hay diversas opciones. Para ver lo que vamos a modificar tendremos que seleccionar Previsualizar, situado en la parte inferior del panel. Del panel nos interesan las Opciones avanzadas sobre todo. Los trazados, los vértices y el ruido los pondremos en su posición más baja, con todas las barras a la izquierda, ya que así evitaremos que se generen trazos duros y mucho ruido en la imagen.

Raúl Calderón - Dopamine Harper

Raúl Calderón - Dopamine Harper

Por último, haremos click en Expandir, para que nuestro calco se convierta a un conjunto de formas vectoriales. Nos daremos cuenta de que tiene un fondo blanco, así que tendremos que seleccionarlo con la herramienta Varita mágica (tecla Y o    Imagen5       ) y borrarlo a continuación. Nos quedará solo el negro de la imagen.

Raúl Calderón - Dopamine Harper

Montaremos la imagen sobre los rectángulos de color que habíamos creado al principio, de manera que quede sobre el rojo y por debajo del azul oscuro. Para dar forma a las capas de color, comenzaremos por utilizar la herramienta Borrador (Shift+E o    Imagen5       ) para borrar algunas partes del rectángulo rojo, dejando ver por detrás el rectángulo azul claro. Este proceso es totalmente manual y debe hacerse con respecto a la fotografía original, preservando las luces y las sombras. La idea es ir haciendo formas concéntricas cada vez más pequeñas, de manera que la sombra total sea el azul oscuro, y vaya pasando por el rojo, el azul claro, el amarillo a rayas y el amarillo como la iluminación más fuerte.

Raúl Calderón - Dopamine HarperRaúl Calderón - Dopamine Harper

Raúl Calderón - Dopamine HarperRaúl Calderón - Dopamine Harper

Una vez borrados todos los tramos que queramos, podemos hacer retoques en algunos tramos en los que no hayamos acertado del todo. Con la herramienta Selección directa (tecla A o    Imagen5       ) podemos ir por las capas de color seleccionando los vértices que queramos modificar, de uno en uno o en agrupaciones.

Otra de las cosas que podemos querer hacer es tapar algunos agujeros que pueden hacer quedado en el cabello de la persona retratada. Para ello podemos dibujar directamente una línea gruesa sobre ellos con la herramienta Pincel (tecla B o    Imagen5       ).

Pasamos por encima de todos las pequeñas imperfecciones para taparlas con el mismo color azul oscuro del cabello.

Raúl Calderón - Dopamine Harper

Una vez terminado y tapado, tendremos ir a menú Objeto y seleccionar expandir apariencia, para que las líneas se conviertan en formas.

Raúl Calderón - Dopamine Harper

Y por último, seleccionando esta nueva forma y la capa azul oscuro de la cabeza, podemos utilizar la herramienta Buscatrazos para unir las dos formas en una sola.

Raúl Calderón - Dopamine Harper

Ahora ya tenemos toda la imagen montada y solo nos queda colocar el texto que queramos sobre la imagen con la herramienta Texto (tecla T o    Imagen5       ) y seleccionando una tipografía que se parezca.

Raúl Calderón - Dopamine Harper

El diseño está terminado y listo para utilizar en camisetas y sudaderas .

Pídelas ya



Añadir comentario