El efecto de retrato tipográfico es una técnica creativa en la que el texto y el retrato se fusionan para crear un diseño único e impresionante. Este efecto es perfecto para pósteres, portadas de libros o obras de arte digitales. Con Photoshop puedes lograr fácilmente este aspecto combinando máscaras de capa, elementos de texto y ajustes. En este tutorial te mostraré paso a paso cómo crear un retrato tipográfico que combine el texto y la imagen de forma armoniosa. ¡Empecemos y llevemos tus diseños a un nuevo nivel!
1. Generar un retrato a partir de líneas de texto
Nota previa: Uno de los requisitos para lograr un atractivo retrato de líneas de texto es un alto contraste en la imagen. No todas las imágenes son adecuadas para el efecto de retrato tipográfico. Sin embargo, en muchas se puede ajustar de antemano el contraste al resultado deseado. Al aumentar el contraste, también se debe corregir a blanco y negro. Idealmente, esto se logra a través del Mezclador de canales, que convierte la imagen a monocromo mientras aumenta el contraste a través de los controles.
Paso 1: Aumento de contraste mediante capa de ajuste
El primer paso normalmente sería convertir la imagen en color a escala de grises mediante una capa de ajuste de Mezclador de canales o Blanco y negro. Dado que mi imagen (fuente de la imagen: sumnersgraphicsinc - Fotolia.com) ya está casi completamente en escala de grises, puedo proceder directamente al aumento de contraste. Para ello, abro la capa de ajuste de Brillo/Contraste y aumento
- el brillo a 34
- y el contraste a 40.
Ahora la imagen presenta contrastes más fuertes y las luces en las áreas de la piel parecen parcialmente quemadas.
Paso 2: Colocar texto
Con la herramienta de texto dibujo un marco de texto en todo el documento. Relleno el marco de texto con un texto cualquiera en Charlemagne Std de 5 puntos y color blanco. El interlineado también es de 5 pt.
Para apoyarme, puedo usar un generador de Lorem Ipsum: http://www.loremipsum.de/.
Es importante que el texto sea un texto continuo sin párrafos. ¡Por lo tanto, los párrafos deben eliminarse del marco de texto! En cuanto a las fuentes, hay que probar qué queda bien y no sea completamente inapropiado para la temática.
Paso 3: Duplicar capa de texto y ocultar
Duplico la capa de texto dos veces con el atajo Ctrl+J. Luego oculto las tres capas de texto.
Paso 4: Definir la primera área de texto en luces mediante selección por rango de color
Abrir el diálogo de Selección por rango de color a través del menú Selección>Color de rango.
Con una tolerancia de aproximadamente 100, selecciono inicialmente la parte clara del rostro con el cuentagotas. Si la casilla de verificación de Selección está activada, puedo ver qué área se está seleccionando. Puedo confirmar con Aceptar.
Alternativa: En Selección, en lugar de Colores capturados, elegir Luces.
Aplico la selección como una máscara de capa a mi capa de texto más baja. Para hacerlo, simplemente hago clic en el símbolo de Agregar nueva máscara de capa.
En este caso, el color del texto puede permanecer blanco. Por ahora, vuelvo a ocultar la capa de texto.
Para evaluar el efecto, simplemente puedo colocar una capa negra en la parte inferior de la jerarquía de capas y ocultar la capa de la imagen.
Paso 5: Definir la segunda área de texto en sombras mediante selección por rango de color
Continúo seleccionando nuevamente con la Selección por rango de color. Esta vez elijo las sombras de la imagen ya sea con el cuentagotas o seleccionando la opción alternativa: En Selección, en lugar de Colores capturados, elegir Sombras.
Añado la selección como una máscara de capa a mi segunda capa de texto. Ahora cambio el color del texto a un tono gris oscuro profundo o azul oscuro profundo.
Paso 6: Definir la tercera área de texto en medio tono mediante selección por rango de color
Repito los pasos y esta vez elijo los tonos medios en la Selección por rango de color. Si no los capturo todos de una vez, puedo ir agregando más tonos medios a la selección original con Mayús. El cuentagotas mostrará un pequeño más. También aquí se puede elegir alternativamente en Selección los Tonos medios en lugar de Colores capturados.
La selección la añado a mi tercera capa de texto como máscara de capa. Cambio ahora el color del texto a un tono gris oscuro.
Paso 7: Enfatizar el cigarro
El cigarro solo se percibe al mirar detenidamente. Se recomienda resaltarlo un poco más.
Por lo tanto, duplico una de las tres capas de texto y elimino la máscara de capa.
Con la herramienta de Selección rápida selecciono el cigarro en la imagen principal y añado la selección a la capa de texto duplicada como máscara de capa.
El color del texto es un gris medio.
Configuro el modo de capa en Aclarar. Este modo es importante para que el cigarro no adquiera un gris uniforme, sino que se combine con la estructura original de brillo de las capas subyacentes al tiempo que se incrementa el brillo.
Fondo: Aclarar como método de relleno disminuye el contraste de los canales de color y aumenta la saturación. Los colores iniciales se aclaran.
Paso 8: Acentuar cigarro brillante
Al ocultar la capa de imagen y mostrar todas las capas de texto, se revela mi efecto. Si ahora deseo resaltar aún más el cigarro brillante como un pequeño detalle, simplemente duplico la capa de imagen y la coloco en la parte superior en el panel de capas.
Configuro el modo de capa en Color. Este método de relleno permite que el tono y la saturación de la capa se reflejen en la imagen. Ahora el cigarro brilla en el retrato tipográfico.
Con una capa de ajuste de Tono/Saturación como máscara de recorte aumento la saturación de la zona amarilla/roja del cigarro brillante en aproximadamente un 80 por ciento.
Así queda la sencilla imagen de líneas de texto clásica terminada.
2. Crear efecto de retrato tipográfico
La imagen de líneas de texto clásica es un buen punto de partida para desarrollar el resultado hacia un aspecto creativo de retrato tipográfico.
Paso 9: Establecer modo de capa en Luz intensa/Eliminar capa de ajuste
Puedo eliminar de nuevo la capa de ajuste de Tono/Saturación.
Cambio el modo de relleno de la capa superior de imagen de Color a Luz intensa. El modo Luz intensa proporciona una fuerte separación de tonos, es decir, mucho más contraste. El modo de relleno combina los contenidos de la imagen de manera similar a los modos Multiplicar y Multiplicar inverso. La línea que separa ambos marca un gris al 50%.
Paso 10: Duplicar capa de imagen
Duplico la capa de imagen con Cmd+J y la coloco en el modo de capa Superponer. Esto hace que las luces y sombras se dibujen de forma más hard en este ejemplo.
En el área de la imagen derecha, desafortunadamente los tonos medios se desvanecen con las sombras. Por lo tanto, creo una máscara de capa y pinto de negro las áreas donde no debería mostrarse la capa.
Paso 11: Capa de ajuste Brillo/Contraste
Para separar aún más las luces y sombras en contraste, creo una capa de ajuste de Brillo/Contraste como máscara de recorte a la capa de imagen superior (en el modo Superponer!).
Las configuraciones son:
• Brillo: 32
• Contraste: 40
Ahora el rostro tiene un aspecto angular y duro, como debería ser.
Paso 12: Mover capa de texto hacia arriba
Debido al aumento de contraste en la imagen, las áreas de texto oscuro se han perdido. Puedo recuperarlas fácilmente moviendo la capa de texto con el texto para las sombras en la parte superior del panel de capas.
Paso 13: Insertar superposiciones de texto
Los pasos anteriores tenían como objetivo dar a la imagen una cierta dureza con altos contrastes. Ahora se trata de concentrar rápidamente frases cortas y contundentes con diferentes brillos y tamaños en algunas partes de la imagen.
Es óptimo crear un grupo donde se insertarán estas superposiciones de texto.
Es recomendable pensar de antemano qué textos se ajustan mejor al tema de la imagen para no cometer errores. Porque estos textos destacarán y subrayarán el efecto tipográfico de manera creativa.
Comienzo colocando varios bloques de texto en el lado derecho del cuello. A través del panel de caracteres puedo formatear rápidamente el texto.
A continuación abordaré los rastros de humo. Es importante elegir siempre diferentes tamaños de texto, colores de texto y disposiciones.
Consejo: También puedo duplicar fácilmente bloques de texto existentes simplemente moviéndolos mientras mantengo presionada la tecla Alt. De esta manera acelero un poco el trabajo. Si quiero cambiar completamente el tamaño de un bloque de texto, simplemente escalo las capas de texto utilizando la Herramienta de transformación (Ctrl+T). Importante: Siempre presionar la tecla Mayús para escalar de forma proporcional.
Paso 14: Subrayados de texto
Ahora también puedo duplicar los bloques de texto existentes y colocarlos ligeramente desplazados por debajo de los bloques de texto existentes. En este caso, reduzco significativamente la opacidad a alrededor del 30 por ciento. La capa de texto debe estar por debajo de las capas de texto existentes en el Panel de capas.
Luego puedo superponer la frente, el cigarro y la barbilla con bloques de texto y enriquecerlos con más capas de texto con baja opacidad.
Paso 15: Insertar efecto de tono
Si quiero agregar un efecto de tono, simplemente creo una capa de ajuste Filtro fotográfico y selecciono cualquier filtro fotográfico para la imagen.
Tanto los filtros fríos como los cálidos lucen bien.
Imagen final con filtro frío:
