Texto sobrepuesto con una imagen en Photoshop

Texto sobrepuesto con una imagen en Photoshop

Texto sobrepuesto con una imagen en Photoshop

Cada mes, a medida que los últimos números de revistas dibujan imágenes de modelos, estrellas de cine, deportistas, políticos y otros personajes famosos en las portadas, vemos este efecto donde la parte superior de la cabeza de la persona aparece sobrepuesta en el nombre de la revista .

Este popular efecto de «superposición» existe desde hace años y, en este tutorial de Photoshop, veremos como el simple uso de capas facilita la recreación del efecto. Utilizaré Photoshop CS5 aquí, pero cualquier versión de Photoshop funcionará.

Aquí tenéis la foto que utilizaré para este tutorial:

Una foto de un jugador de béisbol al bate. Imagen con licencia de iStockphoto para Photoshop Essentials.com.

La imagen original.

Y así se mostrará después de añadir texto detrás del jugador de pelota:

El jugador de béisbol aparece ahora ante el texto.

El resultado final.

Index
  1. Como superponer texto con una imagen
    1. Paso 1: añada el texto
    2. Paso 2: seleccione la capa de fondo
    3. Paso 3: seleccione el área que se superpondrá al texto
    4. Paso 4: copie el área seleccionada a una nueva capa
    5. Paso 5: vuelva a activar la capa de texto
    6. Paso 6: arrastre la capa 1 por encima de la capa de texto

Como superponer texto con una imagen

Paso 1: añada el texto

Seleccione el archivo Herramienta de tipo horizontal desde el panel Herramientas o pulse la letra T el teclado para seleccionar rápidamente con el atajo:

La herramienta de tipo horizontal en Photoshop.

Seleccione la herramienta de tipo horizontal.

Con la herramienta de tipo seleccionada, elija el tipo de letra, el estilo, el tamaño y el color de la barra de opciones en la parte superior de la pantalla y, a continuación, haga clic en la ventana del documento y añada -hay el texto. Voy a escribir la palabra «Béisbol». He añadido unos cuantos estilos de capa sólo para dar a mi texto un poco más de diseño, pero, por supuesto, el aspecto de su texto depende completamente de vosotros:

Se ha añadido texto en la imagen.

Añada el texto en la imagen.

Fíjese en el momento en que el texto bloquea la visualización de la imagen, y esto es así porque si miramos el panel Capas, vemos la capa de texto sentada encima de la imagen en la capa Fondo. Una capa por encima de otra capa en el panel Capas aparece ante la capa en la ventana del documento:

FILE Mix photos like a Hollywood movie poster with Photoshop CS6

El panel de capas de Photoshop CS5.

El texto aparece delante de la imagen para que la capa de texto aparece sobre la capa de fondo.

Paso 2: seleccione la capa de fondo

Haga clic en la capa Fondo del tablero Capas para seleccionarla. Aparecerá en azul, que nos hará saber que ahora es la capa activa:

Selección de la capa de fondo en el panel Capas del Photoshop.

Haga clic en la capa de fondo para seleccionarla.

Paso 3: seleccione el área que se superpondrá al texto

Para este efecto, quiero que el jugador de béisbol aparezca ante la palabra «Béisbol», lo que significa que tendré que seleccionar. Como el texto dificultará la selección del área que necesitamos, desactivamos temporalmente pulsando icono de visibilidad de la capa (El globo ocular) en el lado izquierdo de la capa de texto en el panel Capas. El texto desaparecerá, dejando sólo la imagen original en la ventana del documento:

El icono de visibilidad de la capa en el panel de capas de Photoshop.

Esconda el texto temporalmente haciendo clic en el globo ocular del panel Capas.

Como he mencionado, quiero que el jugador de béisbol aparezca ante el texto, pero como el texto sólo le bloqueaba la vista en la mitad superior, no es necesario seleccionarlo todo. Sólo tenemos que seleccionar el área que realmente se superpondrá al texto. Utilice la herramienta de selección que elija (Herramienta de lazo, Herramienta de lazo magnético, Herramienta de pluma, Etc.) para dibujar un esquema de selección alrededor del área que necesite. Aquí he seleccionado la zona desde la parte superior del casco hasta la cintura. Puedo ignorar el resto de él, ya que cae debajo de donde aparecerá el texto:

Selección de la parte del revoque de la foto.

Seleccione el área que se superpondrá al texto.

Paso 4: copie el área seleccionada a una nueva capa

Con la selección establecida, vaya a la página capa en la parte superior de la pantalla, seleccione novedady, a continuación, elija Capa mediante copia. O bien, pulse Ctrl + J (Win) / Orden + J (Mac) en el teclado para el acceso rápido:

FILE Fronteras y marcos de Photoshop: sombra

Selección de capa nueva mediante Copia desde el menú Capa de Photoshop.

Vaya a Capa> Nuevo> Capa mediante copia.

Parece que no ha pasado nada en la ventana del documento, pero si volvemos a mirar el panel Capas, veremos que el área seleccionada se ha copiado en una nueva capa ( «Capa 1») entre la capa de texto y la capa Fondo . Podemos ver el área que se ha copiado mirando a la nueva capa miniatura de vista previa a la izquierda del nombre de la capa:

Se ha copiado el área seleccionada en una nueva capa.

El área seleccionada ha copiado a una nueva capa por encima de la capa de fondo.

Para obtener una mejor visión de lo que ha copiado exactamente a la nueva capa, mantenga pulsado el botón alto (Win) / opción (Mac) y haga clic en el botón icono de visibilidad de la capa para la capa 1. Esto ocultará temporalmente todas las capas excepto la capa 1 en la ventana del documento, mostrándonos que hay en la capa. En mi caso, sólo aparece la mitad superior del jugador de béisbol. El patrón de cuadros que le rodea es la manera de representar la transparencia de Photoshop, es decir, que no hay nada más a la capa. Cuando haya terminado, mantenga pulsado Alt (Win) / Option (Mac) y vuelva a hacer clic en el icono de visibilidad de la capa para la capa 1 para volver a la vista normal:

Sólo el contenido de la capa 1 aparece en la ventana del documento.

Mantenga pulsado Alt (Win) / Option (Mac) y haga clic en el globo ocular de la capa 1 para mostrar sólo el contenido de esta capa específica.

Paso 5: vuelva a activar la capa de texto

Haga clic en el icono de visibilidad de la capa de texto en el panel Capas, que volverá a activar el texto en la ventana del documento. De momento, todavía aparecerá ante la imagen, pero lo solucionaremos a continuación:

Volver a activar la capa de texto en el panel Capas del Photoshop.

Vuelva a activar la capa de texto.

FILE Convierte cualquier foto en un fondo con Photoshop

Paso 6: arrastre la capa 1 por encima de la capa de texto

Como una capa por encima de otra capa del panel Capas aparece ante la capa en la ventana del documento, todo lo que tenemos que hacer ahora es mover la capa 1 por encima de la capa de texto. Haga clic en Capa 1 en el panel Capas y arrastre hacia arriba por encima de la capa de texto, soltando el botón del ratón para dejarlo en su sitio. La capa de texto ahora debería aparecer entre la capa 1 y la capa de fondo:

Arrastre la capa 1 por encima de la capa de texto en el panel Capas.

Haga clic en Capa 1 y arrastre por encima de la capa de texto en el panel Capas.

Con la mitad superior del jugador de béisbol ahora movida por encima de la capa de texto, aparece ante el texto en la ventana del documento:

El jugador de béisbol aparece ahora ante el texto.

El jugador de béisbol aparece ahora ante el texto.

Go up

We use our own and third party cookies to improve the user experience. More Informaticon