Lo que se puede hacer con tipografías no tiene límites visibles; es solo cuestión de proponérselo y cualquier cosa es posible. Esta vez las utilizaremos para pintar un retrato, creando un efecto desordenado sobre una imagen para agregarle el movimiento propio de las palabras. Este tutorial me ha encantado porque no intenta emular líneas de texto y ya, sino que va más allá dándoles profundidad y movimiento. Aquí se los muestro y en unos cortos pasos lograremos redibujar con palabras el rostro de esta belleza llamada Angelina, explorando esta técnica, totalmente perfectible y con mucho más para dar a medida que la exprimamos.

Con práctica y combinando algunas técnicas, nuestras fotografías podrán quedar como las de estos artistas.

Paso 1: Crear un nuevo documento en Photoshop

  • Crea un nuevo documento de gran tamaño. Yo le he puesto 2048 x 1152 al mío.
  • Elige fondo negro.
Crea rápidos retratos tipográficos (Photoshop)
Chequea los valores en esta imagen para tener referencia.

Paso 2: Importar tu imagen

Seguramente usarás una imagen más pequeña que el documento que hemos abierto anteriormente.

  • Cala tu foto si es una persona, dejando afuera fondos, etc.
  • Si es sobre fondo transparente, tendrás mejores resultados al pasar la foto al archivo que hemos creado antes.
  • Para pasarla, puedes abrirla en un archivo aparte, la calas y luego la arrastras hasta la ventana de nuestro nuevo documento.
Crea rápidos retratos tipográficos (Photoshop)
Lo calé desprolijo porque sabía que el efecto no requería grandes detalles y cuidados. Tú esmérate un poco más.
  • Duplicamos la capa de nuestra fotografía.
  • Vamos a desaturarla yendo a Imagen > Ajustes > Desaturar.
Crea rápidos retratos tipográficos (Photoshop)
Duplicamos la capa y luego desaturamos.
  • Añadimos un fondo blanco como se muestra en la fotografía y guardamos el archivo en PSD. Aunque no lo cerramos.
Crea rápidos retratos tipográficos (Photoshop)
Esa es la configuración de las capas.

Paso 3: Agregar los cuadros de texto

  • Pero primero ocultamos las capas fondo blanco, foto a color y foto desaturada.
  • Luego seleccionamos la herramienta texto (T), el color blanco y comenzamos a crear cuadros de texto.
Crea rápidos retratos tipográficos (Photoshop)
Aquí hay que ser muy originales. Inspírate.

NOTA

  • En este tutorial se recomienda crear textos variados, con diferentes trazos, fuentes, tamaños, formatos, etc. Lo principal es crear nuevas ideas para ponerlas en práctica una vez sepamos muy bien estas técnicas.
Crea rápidos retratos tipográficos (Photoshop)
Vamos llenando el espacio de texto. Cuanto más texto, más completo el retrato.

Paso 4: Dar efecto al texto

Una vez que tengamos agregadas las frases que queramos, podemos hacer lo siguiente para darle más detalle y volumen.

  • Sobre una capa de texto cualquiera, haz clic secundario y en el menú contextual selecciona Opciones de fusión y luego Sombra Paralela. En ella agrega los siguientes valores: Ángulo: 90º; Fusión: Multiplicar; Color: Negro; Distancia, Extensión y Tamaño: 5px.
Crea rápidos retratos tipográficos (Photoshop)
La sombra paralela dará profundidad a nuestro texto.
  • Una vez hecho esto, copia el Estilo de Capa.
  • Selecciona el resto de las capas de texto y ve a Menú > Capas > Pegar Estilo de Capa o como mostramos en la imagen siguiente.
Crea rápidos retratos tipográficos (Photoshop)
Esta es otra manera de pegar el estilo de capa.

Una vez tengamos la sombra paralela en todas nuestras capas de texto, pasaremos a agruparlas.

  • Con las capas de texto seleccionadas, ve a Menú > Capas > Agrupar Capas.
  • Ahora duplica ese grupo que se ha formado. Clic secundario > Duplicar
  • Y por último, combina las capas contenidas en el grupo duplicado.
Crea rápidos retratos tipográficos (Photoshop)
Agrupar, duplicar y combinar.
  • Una vez combinadas las capas de texto en el grupo duplicado, nos quedará una capa normal; muévela para que se sitúe por debajo del grupo original.
  • Luego aplicaremos un Desenfoque Gaussiano en esa capa normal para generar un relleno más amplio en el retrato.
  • Vamos a Filtros > Desenfoque > Desenfoque Gaussiano y ponemos de Radio un valor de entre 8 y 12; tú lo decides.
Crea rápidos retratos tipográficos (Photoshop)
Ruta a Desenfoque Gaussiano

Paso 5: Desplazamiento

  • Para empezar, podemos duplicar una o dos veces —según lo quieran— el grupo original. ¿Qué lograremos? Más intensidad y profundidad.
  • Ahora seleccionaremos las capas de texto, todas, y las combinaremos en una sola capa. Menú > Capas > Combinar Capas
Crea rápidos retratos tipográficos (Photoshop)
Aquí la otra manera de Combinar. Veamos también el grupo duplicado.

Ahora lo más importante, Distorsionar con desplazamiento. Esto le dará a nuestra foto el efecto fundamental tomando en cuenta los tonos oscuros y claros de nuestra imagen. Los primeros irán hacia abajo y los últimos hacia arriba.

  • Sobre la capa que se ha creado a través de la combinación, vamos a Filtros > Distorsionar > Desplazar.
Crea rápidos retratos tipográficos (Photoshop)
Ruta a Desplazar.
  • Tildaremos Segmentar en Mapa de Desplazamiento y,
  • Repetir pixeles sobre borde en Áreas no definidas. Como valores pondremos 15 en ambos casilleros de Escala. Pero esto queda a tu criterio: Entre 12 y 16 andan bien.

Cuando aceptemos, el programa nos preguntará qué archivo debe tomar para hacer el mapa de desplazamiento y se abrirá un explorador para que lo busquemos. Aquí seleccionamos el archivo .PSD que grabamos en la primera parte del tutorial.

Crea rápidos retratos tipográficos (Photoshop)
Desplazar y los valores.
Crea rápidos retratos tipográficos (Photoshop)
Según tu fotografía, el mapa de desplazamiento tomará distintas formas.

Paso 6: Color, máscara y acción

Con el mapa de desplazamiento realizado, ahora tendremos que activar y subir la capa de la fotografía a color para que esté en primer plano.

  • Cuando lo hagamos, cambiamos también el modo de fusión de la capa a Sobreexposición Lineal.
  • Ya notaremos el efecto claramente. Nota: si quieres agregar más contenido, relleno, para tu retrato, ahora es buen momento para duplicar la capa con el mapa de desplazamiento.
Crea rápidos retratos tipográficos (Photoshop)
Nos sobran esas fuentes en blanco. Ahora lo solucionaremos.

Paso 7: Finalizando con últimos retoques

Por último le quitaremos con una máscara ese texto blanco que rodea nuestra imagen.

  • Ve a las capas del mapa de desplazamiento y, si tienes más de una, combínalas.
  • Ahora sobre esa capa, crea una máscara y selecciona el pincel con color negro.
  • Con prolijidad pintamos sobre las zonas que queramos ocultar de la capa del texto, hasta que nos quede algo así:
Crea rápidos retratos tipográficos (Photoshop)
Enmascaramos el texto. Y enmascaramos a Angelina con texto. :D

Para mí está bien hasta ahí. Pero si quieres, puedes seguir agregando efectos o ajustes. Un ajuste de contrastes nunca viene mal. O también puedes agregar sombras para redondear alguna parte del rostro que no leyó bien el mapa de desplazamiento. En fin, mi idea al mostrarles algunos tutoriales es que los complementen ustedes. Así no nos queda esa sensación de copiar y pegar tan aburrida y aprendemos más.

Les dejo mi resultado final. En mi caso me quedó un poco oscuro el ojo izquierdo. En el suyo, para que nuestra Angelina no parezca tuerta, pueden agregar más texto sobre esa parte. ; -)

Crea rápidos retratos tipográficos (Photoshop)
Bio-fotografía de Angelina Jolie en Photoshop CS4.
Crea rápidos retratos tipográficos (Photoshop)
Crea rápidos retratos tipográficos (Photoshop)