En este tutorial, te enseño cómo colocar fácilmente el texto detrás de un objeto en una foto con Photoshop! Este efecto se utiliza en todas partes, desde las portadas de las revistas hasta los carteles de las películas, y suele implicar la colocación de algún texto detrás de la cabeza de una persona. Como veremos, crear el efecto en Photoshop es fácil. Todo lo que se necesita es una imagen, algo de texto, una selección rápida y una máscara de capa! Veamos cómo funciona.
Así es como se verá el efecto final de «texto detrás del objeto» cuando terminemos:
El efecto completado.
¡Empecemos!
Cómo colocar el texto detrás de un objeto
Para este tutorial, estoy usando Photoshop CC pero cada paso es compatible con Photoshop CS6.
Paso 1: Abra su imagen
Empieza abriendo la imagen donde quieras añadir algo de texto. Usaré esta imagen que he descargado de Adobe Stock. Voy a poner algo de mi texto detrás del jugador de fútbol:
La imagen original. Crédito de la foto: Adobe Stock.
Paso 2: Añade tu texto
Añade tu texto a la imagen y colócalo delante del objeto. Si miramos en mi panel de Capas, vemos que ya he añadido algo de texto, y he añadido una sombra de gota sólo para que el texto sea más fácil de ver. Encenderé el texto en el documento haciendo clic en el botón «Escribir capas»… icono de visibilidad:
Activando la capa de Tipo en el panel de Capas.
Y ahora vemos la palabra «FOTOSHOP» sentada frente a la imagen:
Añadiendo el texto.
Paso 3: Duplicar la capa de fondo
En el panel de Capas, la imagen se encuentra en la capa de Fondo. Haga clic en la capa de fondo para seleccionarla:
Seleccionando la capa de fondo.
Haga una copia de la capa subiendo al Capa en la barra de menú, eligiendo Nuevoy luego eligiendo Capa a través de la copia. O bien, puede duplicar rápidamente una capa de su teclado pulsando Ctrl+J (Ganar) / Comando+J (Mac):
Pasando a Capa; Nueva; Capa a través de Copia.
Una copia de la capa de fondo aparece entre la capa de fondo original y la capa de tipo:
El panel de capas que muestra las tres capas.
Paso 4: Arrastre la copia sobre la capa de tipo
Necesitamos mover la nueva capa sobre el texto. Haga clic en la capa «Copia de fondo» y arrástrela sobre la capa «Tipo»:
Arrastrando la capa de «Copia de fondo» sobre el texto.
Cuando aparezca una barra de resalte sobre la capa de tipo, suelte el botón del ratón para colocar la capa en su lugar. Esto ocultará temporalmente su texto de la vista:
La capa se ha movido por encima de la capa del Tipo.
Paso 5: Elegir la herramienta de selección rápida
A continuación, tenemos que seleccionar la parte de nuestro sujeto que va a aparecer delante del texto. Photoshop tiene muchas herramientas de selección para elegir, pero en la mayoría de los casos, el Herramienta de selección rápida es la más fácil. Lo elegiré de la barra de herramientas:
Eligiendo la herramienta de selección rápida.
Paso 6: Seleccionar el área que ocultará el texto
Haga clic y arrastre con la herramienta de selección rápida para seleccionar las áreas que necesite. En mi caso, quiero que mi texto aparezca detrás de la cabeza del jugador y parte de su camiseta, y también detrás de sus brazos y del balón, así que haré clic y arrastraré dentro de todas estas áreas para seleccionarlas. Si la Herramienta de Selección Rápida selecciona un área fuera de su sujeto, mantenga pulsada la tecla Alt (Ganar) / Opción (Mac) en tu teclado, y luego haz clic y arrastra dentro del área para deseleccionarla. Por lo general, tendrás que ir y venir entre la selección y la deselección de áreas con la herramienta de selección rápida hasta que tu selección se vea bien:
Se han seleccionado las áreas del sujeto que ocultarán el texto.
Viendo la selección en el modo de Máscara Rápida
Para que las áreas seleccionadas sean más fáciles de ver, cambiaré temporalmente al modo de Máscara Rápida de Photoshop presionando la letra Q en mi teclado. En el modo de Máscara Rápida, las áreas alrededor de la selección aparecen como una superposición roja o de rubí. Y aquí vemos que he seleccionado sólo las áreas que aparecerán delante del texto. Presionaré Q en mi teclado una vez más para salir del modo Quick Mask:
Viendo la selección en el modo de Máscara Rápida.
Paso 7: Refinar la selección con Seleccionar y Enmascarar
En la mayoría de los casos, su selección inicial sufrirá de bordes ásperos y dentados. Para alisarlos, haga clic en el botón Selecciona y enmascara en la barra de opciones. Tenga en cuenta que Seleccionar y Máscara sólo está disponible en Photoshop CC. Si estás usando Photoshop CS6, querrás hacer clic en el botón Refinar el borde …botón. Refine Edge ofrece la mayoría de los mismos controles para refinar las selecciones como Select y Mask:
Abriendo el espacio de trabajo de Selección y Máscara.
Cambiar el modo de visualización
En el espacio de trabajo Seleccionar y enmascarar o en el cuadro de diálogo Refinar borde, haga clic en el Modo de vista …en miniatura:
Cambiar el modo de visualización.
Cambie la vista a En capas:
Seleccionando el modo de vista En capas.
Esto nos permite previsualizar cómo se ve la selección actualmente frente al texto. Y aquí vemos que las cosas ya se ven muy bien, al menos desde la distancia:
Previsualizando la selección con el texto visible detrás de ella.
Una mirada más cercana
Pero si hago un acercamiento para ver más de cerca, encontramos algunos bordes ásperos, especialmente alrededor del guante y también alrededor del casco:
Los bordes no se ven tan bien cuando se ven de cerca.
Alisando los bordes
Para alisar los bordes, arrastraré el Suave deslizador a la derecha, a un valor de alrededor de 10:
Alisando los bordes dentados.
Y ahora esas mismas áreas se ven mucho mejor:
El resultado después de arrastrar el deslizador Smooth.
Más información sobre el perfeccionamiento de las selecciones en Photoshop
Hay mucho más para refinar las selecciones en Photoshop que lo que puedo cubrir en este tutorial. Para obtener más información, consulte mis tutoriales Seleccionar el tema en Photoshop CC 2020 y Seleccionar el pelo con el borde de refinado.
Paso 8: Dar salida a la selección como una máscara de capa
Ahora que hemos limpiado la selección, el paso final es volver a imprimir la selección en Photoshop como una máscara de capa. En el área de Ajustes de salida, cambie el Salida a la opción de Máscara de capay luego haga clic en OK:
La salida de la selección como una máscara de capa.
De vuelta en el Photoshop, un máscara de capa miniatura aparece en la capa de «Copia de fondo» en el panel de Capas:
Photoshop convirtió la selección en una máscara de capa.
Y en la ventana del documento, vemos el efecto final con nuestro texto sentado muy bien detrás de nuestro sujeto:
El efecto final.
¡Y ahí lo tenemos! ¡Así es como se coloca fácilmente el texto detrás de un objeto con Photoshop! Mira nuestra sección de efectos fotográficos para más tutoriales de efectos de Photoshop!
Otros tutoriales que podrían interesarte…