Cómo colocar el texto detrás de un objeto en Photoshop

Cómo colocar el texto detrás de un objeto en Photoshop

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:

Cómo colocar texto detrás de un objeto en el tutorial de Photoshop

El efecto completado.

¡Empecemos!

Index
  1. Cómo colocar el texto detrás de un objeto
    1. Paso 1: Abra su imagen
    2. Paso 2: Añade tu texto
    3. Paso 3: Duplicar la capa de fondo
    4. Paso 4: Arrastre la copia sobre la capa de tipo
    5. Paso 5: Elegir la herramienta de selección rápida
    6. Paso 6: Seleccionar el área que ocultará el texto
    7. Paso 7: Refinar la selección con Seleccionar y Enmascarar
    8. Paso 8: Dar salida a la selección como una máscara de capa

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 a la que se añadirá el texto

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 en Photoshop

Activando la capa de Tipo en el panel de Capas.

Y ahora vemos la palabra «FOTOSHOP» sentada frente a la imagen:

Añadiendo texto delante del objeto

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 en el panel de capas en Photoshop

Seleccionando la capa de fondo.

Haga una copia de la capa subiendo al Capa en la barra de menú, eligiendo Nouveauy 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):

DOSSIER Tutorial de efectos de pintura con acuarela de Photoshop

Escogiendo el comando Nueva Capa vía Copiar del menú de Capa en Photoshop

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 capas de Fondo, Copia de fondo y 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 la capa de tipo en el panel de capas

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 de copia de fondo se ha movido por encima de la capa de tipo

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:

Elegir la herramienta de selección rápida de la barra de herramientas de Photoshop

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 Autre (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 partes del sujeto que se sentarán delante del texto

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:

DOSSIER Efecto de foto sobreprocesado arenoso - Tutorial de Photoshop

Viendo la selección en el modo de Máscara Rápida de Photoshop

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 en Photoshop CC

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 vista en Select y Mask en Photoshop

Cambiar el modo de visualización.

Cambie la vista a En capas:

Cambiar el modo de vista en Select y Mask en Photoshop

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:

Previsualizar cómo se ve el objeto delante del texto en Seleccionar y enmascarar

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:

Inspeccionando la selección en busca de bordes rugosos

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:

Aumentar el valor de Smooth en Select y Mask

Alisando los bordes dentados.

Y ahora esas mismas áreas se ven mucho mejor:

Los bordes de selección se ven mucho mejor después de aumentar el valor de Suavizado en Selección y Máscara

El resultado después de arrastrar el deslizador Smooth.

DOSSIER Simula el grano de película en una imagen

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 desde el espacio de trabajo de Selección y Máscara

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

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:

Cómo colocar texto detrás de un objeto en el tutorial de Photoshop

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!

Monter

Nous utilisons nos propres cookies et ceux de tiers pour améliorer l’expérience utilisateur. Plus d’informaticon