Crea un retrato a partir de texto en Photoshop

Crea un retrato a partir de texto en Photoshop

Crea un retrato a partir de texto en Photoshop

En este tutorial de Photoshop, aprenderemos cómo crear un efecto de retrato de texto. En otras palabras, crearemos la ilusión de que la imagen que se ve en la foto en realidad está siendo creada por múltiples líneas de texto. He visto este efecto utilizado con muchas fotos de celebridades, desde Andy Warhol y Marilyn Monroe hasta Michael Jackson, David Beckham e incluso Barack Obama.

Por supuesto, no necesitas una foto de alguien famoso para crear este efecto. De hecho, cuanto más sepa sobre la persona en la foto, más interesante puede resultar el efecto porque puede agregar texto más personalizado. Es posible que desee escribir sobre lo que la persona de la foto significa para usted, o compartir una historia divertida o describir algo que haya logrado. O simplemente puede tomar un texto aleatorio de algún lugar y pegarlo. Depende completamente de usted. Usaré Photoshop CS4 para este tutorial, pero cualquier versión de Photoshop debería funcionar.

Aquí está la imagen con la que comenzaré:

La foto original.  Imagen con licencia de iStockphoto de Photoshop Essentials.com.

La imagen original

Así es como se verá después de que lo hayamos recortado y luego convertido a texto:

Efecto de retrato de texto de Photoshop.

El efecto final de «retrato de texto».

Cómo crear un retrato a partir de texto

Paso 1: recorta la imagen alrededor del rostro de la persona

Antes de comenzar, debo mencionar que probablemente desee trabajar en una copia de su foto para este efecto en lugar de en la imagen original, ya que lo primero que haremos es recortar parte de ella. Para guardar una copia de la imagen, suba a la Expediente en la parte superior de la pantalla y elija Guardar como. Asigne al documento un nombre diferente, como «texto-retrato-efecto» o lo que tenga sentido para usted, y guárdelo como un archivo .PSD de Photoshop. De esta manera, puede hacer lo que quiera con la imagen y no preocuparse por dañar el original.

Comencemos recortando la imagen para obtener una buena vista de primer plano del rostro de la persona. La herramienta oficial de Photoshop para recortar imágenes es la herramienta Recortar, pero para recortes simples como este, a menudo encontrará que el Herramienta Marco Rectangular es todo lo que realmente necesitas. Voy a agarrar la herramienta Marco rectangular de la parte superior del panel Herramientas (los paneles se llaman «paletas» en versiones anteriores de Photoshop). También podría presionar la letra M en mi teclado para seleccionarla con el atajo:

La herramienta Marco rectangular en Photoshop.

La herramienta Marco rectangular funciona muy bien para cultivos simples.

Luego, con la herramienta Marco rectangular seleccionada, haré clic y arrastraré una selección alrededor de la cara del hombre, comenzando en la parte superior izquierda y arrastrando hacia la parte inferior derecha. Si necesita reposicionar su selección mientras la arrastra, mantenga presionada la tecla barra espaciadora, arrastre la selección a una nueva ubicación con el mouse, luego suelte la barra espaciadora y continúe arrastrando la selección. Quiero que mi selección sea un cuadrado perfecto, así que presionaré mi Cambio mientras lo arrastro, lo que forzará la forma de la selección a un cuadrado. Cuando haya terminado, debería tener una selección que se parezca a esto:

Arrastrar una selección con la herramienta Marco rectangular en Photoshop.

Todo lo que esté fuera de la selección se eliminará en un momento.

Con la selección en su lugar, suba a la Imagen menú en el Barra de menús en la parte superior de la pantalla y seleccione el Cultivo mando:

Seleccionando el comando Recortar en Photoshop.

Vaya a Imagen> Recortar.

Tan pronto como selecciona el comando Recortar, Photoshop recorta todo lo que está fuera del contorno de selección, dejándonos con nuestro retrato de primer plano:

La imagen ahora está recortada.

Solo queda el área dentro de la selección.

Paso 2: agregue una nueva capa en blanco

Si miramos en nuestro panel Capas (paleta), vemos que actualmente solo tenemos una capa en nuestro documento de Photoshop. Esta capa, llamada Fondo, es la capa que contiene nuestra imagen. Necesitamos agregar una nueva capa en blanco sobre la capa de Fondo, y podemos hacerlo haciendo clic en el Nueva capa en la parte inferior del panel Capas:

Haciendo clic en el icono Nueva capa en la paleta Capas en Photoshop.

Haga clic en el icono Nueva capa en el panel Capas (paleta).

No parecerá que sucedió nada en la ventana del documento, pero el panel Capas ahora muestra una nueva capa encima de la capa Fondo. Photoshop nombra automáticamente la nueva capa «Capa 1». Si miramos en la capa vista previa en miniatura a la izquierda del nombre de la capa, vemos un patrón de tablero de ajedrez gris y blanco. Así es como Photoshop representa la transparencia, y dado que la ventana de vista previa está llena con nada más que este patrón de tablero de ajedrez, sabemos que la capa está actualmente en blanco (transparente):

La miniatura de vista previa de la capa en la paleta Capas.

La miniatura de vista previa de cada capa nos muestra lo que hay actualmente en la capa.

Paso 3: rellene la nueva capa con negro

A continuación, necesitamos llenar nuestra nueva capa con negro. Sube al Editar en la parte superior de la pantalla y seleccione el Llenar mando:

Seleccionando el comando Relleno en Photoshop.

Seleccione el comando Rellenar del menú Editar.

Esto abre el cuadro de diálogo Relleno de Photoshop, lo que nos brinda una manera fácil de llenar una capa o una selección con un color sólido o un patrón. Como ya no tenemos una selección activa en la capa, toda la capa se rellenará con el color que elijamos. Seleccione Negro de la lista a la derecha de la palabra Usar en el Contenido sección en la parte superior del cuadro de diálogo:

Elegir Negro para el color de relleno en el cuadro de diálogo Relleno.

Elija Negro para el color de relleno.

Haga clic en Aceptar para salir del cuadro de diálogo y Photoshop rellena la «Capa 1» con negro. Dado que la «Capa 1» se encuentra encima de la capa de fondo, nuestra imagen ahora está bloqueada de la vista en la ventana del documento por el color de relleno:

El documento de Photoshop ahora está lleno de negro.

La foto desaparece temporalmente detrás del color negro sólido.

Paso 4: seleccione la herramienta Texto

Estamos listos para agregar nuestro texto. Necesitaremos Photoshop Tipo de herramienta para eso, así que selecciónelo en el panel Herramientas, o presione la letra T en su teclado para seleccionarlo rápidamente con el atajo:

La herramienta Texto en Photoshop.

Siempre que desee agregar texto a un documento de Photoshop, necesitará la herramienta Texto.

Photoshop nos da la opción de agregar tipo de punto o tipo de área a nuestros documentos. El tipo de punto es su única línea de texto básica, generalmente un encabezado o un título corto. Agregar tipo de punto es tan fácil como hacer clic con la herramienta Texto en el punto del documento donde desea que aparezca la línea de texto y luego agregar su texto. Siempre que el texto que está agregando sea lo suficientemente corto como para que no le preocupe que se extienda más allá del borde del documento, el tipo de punto suele ser el camino a seguir.

El tipo de área, por otro lado, se usa cuando tiene grandes cantidades de texto, digamos uno o más párrafos, y necesita asegurarse de que todo el texto permanezca dentro de los límites del documento o dentro de un área determinada del documento. . Dado que necesitamos llenar todo nuestro documento con texto, necesitaremos usar el tipo de área.

Para agregar un tipo de área, primero necesitamos definir el límites para el texto, y lo hacemos arrastrando un marco de texto, que se parece mucho al mismo tipo de selección básica que arrastramos anteriormente con la herramienta Marco rectangular. Una vez que tengamos el marco de texto en su lugar, cualquier texto que agreguemos quedará confinado dentro del marco.

Con la herramienta Texto seleccionada, haga clic en en la esquina superior izquierda del documento, luego arrastre hacia abajo hasta la esquina inferior derecha del documento para que el marco de texto cubra toda el área del documento cuando haya terminado. Mientras arrastra, verá aparecer el contorno de su marco de texto. Al igual que cuando arrastra una selección con la herramienta Marco rectangular, puede reposicionar el marco de texto mientras lo arrastra hacia afuera si es necesario manteniendo presionada la tecla barra espaciadora, arrastrando el marco a una nueva ubicación, luego suelte la barra espaciadora y continúe arrastrando. Cuando haya terminado, suelte el botón del mouse y debería ver el marco de texto que rodea todo el documento, aunque puede ser un poco difícil de ver en la pequeña captura de pantalla:

Un marco de tipo de área agregado al documento de Photoshop.

Cualquier texto que agreguemos ahora estará confinado dentro de los límites del documento gracias al marco de texto.

Paso 5: seleccione sus opciones de fuente en la barra de opciones

Ahora que tenemos nuestro marco de texto en su lugar, podemos agregar nuestro texto. Sin embargo, antes de hacerlo, tendremos que elegir qué fuente queremos usar. Cada vez que se selecciona la herramienta Texto, Barra de opciones en la parte superior de la pantalla se mostrarán varias opciones para trabajar con texto en Photoshop, incluidas opciones para elegir una fuente, estilo de fuente, tamaño de fuente, color de texto, etc. Las fuentes exactas entre las que debe elegir dependerán de las que tenga actualmente instaladas en su computadora. Probablemente necesitará experimentar varias veces con esto, ya que la fuente que elija, especialmente el tamaño de fuente, tendrá un gran impacto en el aspecto general del efecto. Para conservar tantos detalles en el retrato como sea posible, querrá usar un tamaño de fuente pequeño. Por supuesto, cuanto más pequeña sea la fuente, más texto deberá agregar para llenar toda el área del documento.

Me quedaré con algo simple, como Arial Black, y elegiré 12 pt para mi tamaño de fuente para mantenerlo lo suficientemente pequeño como para mantener muchos detalles en el retrato:

Las opciones de tipo en la barra de opciones de Photoshop.

Seleccione su fuente, estilo y tamaño en la barra de opciones.

Necesitaremos que nuestro color de texto sea blanco, por lo que si el suyo está configurado actualmente en otro color, haga clic en el muestra de color en la barra de opciones, que mostrará los Selector de colory elija blanco. Haga clic en Aceptar cuando haya terminado para salir del Selector de color. La muestra de color en la barra de opciones ahora debería estar llena de blanco:

Muestra de color de texto en la barra de opciones de Photoshop.

Haga clic en la muestra de color en la barra de opciones y seleccione blanco en el Selector de color si el color de su texto aún no está establecido en blanco.

Paso 6: agregue su texto al documento

Todo lo que tenemos que hacer ahora es agregar el texto. Como mencioné al comienzo del tutorial, puede personalizar el efecto de retrato de texto escribiendo algo específico sobre la persona en la foto, o simplemente puede copiar y pegar suficiente texto de algún lugar para completar el documento. Como estoy usando una foto de archivo para este tutorial y no conozco a la persona de la imagen (aunque estoy seguro de que es un buen tipo con muchas buenas historias para compartir), simplemente agregaré algo estándar » lorem ipsum «texto de relleno de página. Cuando haya terminado, todo el documento debe estar lleno de texto en blanco:

Llenar el documento de Photoshop con texto lorem ipsum.

Agregue suficiente texto para llenar todo el documento de arriba a abajo.

Para aceptar el texto y salir del modo de edición de texto, haga clic en el pequeño marca de verificación en la barra de opciones:

Hacer clic en la marca de verificación para aceptar el texto en Photoshop.

Haga clic en la marca de verificación en la barra de opciones para aceptar el texto.

Paso 7: agregue una máscara de capa a la capa de texto

Para convertir nuestro documento de Photoshop lleno de texto en nuestro efecto de retrato de texto, necesitaremos agregar un máscara de capa a la capa de texto. Si miramos en el panel Capas, vemos que ahora tenemos tres capas, con nuestra capa de texto encima de las otras dos capas. Sabemos que es una capa de texto porque la miniatura de vista previa de la capa muestra una letra T mayúscula en el centro. Para agregar una máscara de capa a la capa, haga clic en el icono de Máscara de capa en la parte inferior del panel Capas:

Haciendo clic en el icono de Máscara de capa en el panel Capas en Photoshop.

Asegúrese de que la capa de texto esté seleccionada (resaltada en azul) en el panel Capas, luego haga clic en el icono Máscara de capa.

Todavía no ocurrirá nada en la ventana del documento, pero aparecerá una miniatura de máscara de capa a la derecha de la miniatura de vista previa de la capa:

Aparece una miniatura de máscara de capa en el panel Capas.

Las máscaras de capa están llenas de blanco de forma predeterminada, lo que significa que todo lo que hay en la capa es completamente visible en el documento.

Paso 8: copie la foto original en la capa de fondo

Ahora vamos a crear nuestro efecto copiando y pegando la foto del retrato directamente en la máscara de capa que acabamos de agregar. Clickea en el Capa de fondo en el panel Capas para seleccionarlo. Verá que se resalta en azul, indicándonos que ahora es la capa seleccionada actualmente:

Seleccionando la capa Fondo en Photoshop.

Las máscaras de capa están llenas de blanco de forma predeterminada, lo que significa que todo lo que hay en la capa es completamente visible en el documento.

prensa Ctrl + A (Ganar) / Comando + A (Mac) para seleccionar rápidamente toda la capa. Verá que aparece un contorno de selección alrededor de los bordes del documento, lo que indica que la capa completa ahora está seleccionada. Aunque todavía podemos ver nuestro texto blanco contra el color de relleno negro sólido en la ventana del documento, en realidad estamos seleccionando el contenido de la capa Fondo porque esa es la capa que hemos seleccionado actualmente en el panel Capas. Entonces presione Ctrl + C (Ganar) / Comando + C (Mac) para copiar el contenido de la capa (la foto de retrato) temporalmente en la memoria de su computadora.

Paso 9: pegue la foto directamente en la máscara de capa

Mantenga presionada su Alt (Ganar) / Opción (Mac) y haga clic en la miniatura de la máscara de capa en la capa de texto en el panel Capas:

Seleccionando la máscara de capa en el panel Capas.

Haga clic en la miniatura de la máscara de capa mientras mantiene presionada la tecla Alt (Win) / Opción (Mac).

Al mantener presionada la tecla Alt / Opción mientras hacemos clic en la miniatura de la máscara de capa, no solo seleccionamos la máscara de capa, sino que la hacemos visible dentro de la ventana del documento, lo que nos permite pegar nuestra imagen directamente en ella. Dado que la máscara está actualmente llena de blanco, la ventana de su documento aparecerá llena de blanco. prensa Ctrl + V (Ganar) / Comando + V (Mac) para pegar la foto de retrato directamente en la máscara de capa. Dado que las máscaras de capa solo tratan con negro, blanco y tonos de gris, la imagen aparecerá como una imagen en blanco y negro en la ventana del documento:

Pegar la foto directamente en la máscara de capa en Photoshop.

La imagen ahora se ha pegado directamente en la máscara de capa de la capa de texto.

Para salir de la máscara de capa y cambiar nuestra vista a normal en la ventana del documento, simplemente mantenga presionado Alt (Ganar) / Opción (Mac) una vez más y haga clic en el miniatura de la máscara de capa, tal como lo hicimos hace un momento. Observe que la foto de retrato ahora es visible dentro de la miniatura de la máscara de capa:

Cambio del modo de vista de máscara de capa.

Mantenga presionada la tecla Alt (Win) / Opción (Mac) y haga clic nuevamente en la miniatura de la máscara de capa para salir de la máscara de capa.

prensa Ctrl + D (Ganar) / Comando + D (Mac) para eliminar el contorno de selección de los bordes de la ventana del documento. Ahora volvemos a nuestro modo de vista normal dentro del documento, y el texto ahora está enmascarado por la foto que pegamos directamente en la máscara de capa, creando nuestro efecto de «retrato de texto»:

El texto ahora está enmascarado por el retrato.

El texto ahora está enmascarado por la foto.

Paso 10: Duplica la capa de texto

Si está satisfecho con los resultados en este punto, puede omitir estos últimos pasos, pero si encuentra que el efecto se ve un poco demasiado oscuro, asegúrese de que la capa de texto esté seleccionada en el panel Capas, luego presione Ctrl + J (Ganar) / Comando + J (Mac) para duplicar rápidamente la capa. Aparecerá una copia de la capa de texto sobre el original:

Creando una copia de la capa de texto en Photoshop.

También puede copiar capas subiendo al menú Capa, eligiendo Nuevo, luego eligiendo Capa a través de Copiar, pero el atajo de teclado es mucho más rápido.

La imagen ahora aparecerá más brillante:

El efecto ahora parece más brillante.

El efecto aparece más brillante después de duplicar la capa de texto.

Paso 11: ajuste la opacidad de la capa para ajustar el brillo

Si encuentra que el efecto aún es demasiado oscuro, simplemente duplique la capa de texto por segunda vez. O, si encuentra que ahora es un poco demasiado brillante, puede ajustar los resultados reduciendo la opacidad de la capa. Encontrarás el Opacidad en la parte superior del panel Capas. Cuanto más baja sea la opacidad de la capa superior, más permitirá que se vean las capas inferiores, lo que en este caso tendrá el efecto de oscurecer la imagen. Voy a reducir la opacidad de mi capa de texto copiada a alrededor del 65% solo para oscurecer ligeramente el efecto:

La opción Opacidad en el panel Capas en Photoshop.

Reduzca la opacidad de la capa superior para ajustar el brillo del efecto.

Y con eso, ¡hemos terminado! Aquí, después de ajustar el brillo con la opción Opacidad, está mi efecto final de Photoshop de «retrato de texto»:

Efecto de foto de retrato de texto de Photoshop.

El efecto final de «retrato de texto».