Tutorial: Retrato con tipografía

En este nuevo post os ayudaremos a crear ilustraciones con tipografías.

Con motivo de la creación de la nueva web de Berrogüetto, creamos retratos de todos los integrantes del grupo. Con un trabajo de chinos, letra a letra fuimos formando cada personaje.

En tres pasos intentaremos resumir como realizar este tipo de ilustraciones. El truco es técnica y paciencia.

Retrato con tipografía

Paso 1: Elección de la foto original

Un original influye positivamente o negativamente sobre el resultado final del proyecto. Partir de una imagen de calidad, que tenga fuertes contrastes entre los volúmenes iluminados y ensombrecidos, ayudará a resaltar los detalles más importantes.

Es importante que el fondo se diferencie lo máximo posible de la figura con el que vamos a trabajar, tanto en luminosidad como en saturación.

Retratos con letras

Paso 2: Imagen de guía

Si el fondo no se separa lo suficiente de la figura, tendremos que siluetear la figura y borrar el fondo.

Una vez hecho es paso, debemos aplicarle a la imagen un efecto Umbral. Ajustando manualmente el porcentaje crearemos una imagen más simple. Buscamos un efecto del tipo “Che Güevara” de toda la vida.

Puede que tengamos que corregir selectivamente algunas zonas que vemos que se pierden detalles, porque se oscurecen o se aclaran en exceso.

Paso 3: La ilustración

Para comenzar a crear la ilustración, necesitamos tener de fondo la imagen generada en el paso anterior. Si la ponemos de fondo y en color gris claro, nos servirá de guía.

Creamos distintos grupos de letras de varios tamaños y diferentes orientaciones, para ir formando tipos de manchas. Es importante que las letras nunca se toquen.

Teniendo varios elementos de este tipo, empezamos a cubrir toda la zona de sombra con estos grupos de letras. Para conseguir el efecto de volumen en la ilustración, usamos la técnica de que las partes más cercanas al observador van grandes y las más alejadas, más pequeñas.

Diferenciamos las zonas, compactando y juntando más las letras, sin llegar a que se superpongan. Los perfiles de línea, en las áreas muy claras, se consiguen con letras más separadas y pequeñas, intentando formar líneas manualmente.

Retratos con Tipografía

Como toque final, podemos romper la homogeneidad de la ilustración, introduciendo letras más grandes que la media (a). Tener en cuenta que el ojo tiende a hacer grupos con las letras, así que usar pocas, separadas, giradas y sin sentido.

También podemos conseguir una imagen más suelta y menos estática si las letras no componen la figura cerrada, dejando al azar letras por zonas del contorno (b).

Espero que os ayude este tutorial y si necesitáis alguna aclaración no dudéis en preguntar.

  • Víctor

    Me parece muy buen tutorial.
    Justo ahora necesitaba un poco de ayuda con el tema.
    Muchas gracias ^^

  • http://twitter.com/pedrofigueras Pedro Figueras

    Encantados de ayudarte. Recuerda que nos puedes seguir en twitter y FB. ;)