En este tutorial, aprendemos cómo colocar una imagen en texto, uno de los efectos más populares y clásicos de Photoshop. Como veremos, gracias al poder de las máscaras de recorte, colocar una imagen dentro del texto con Photoshop es simple y fácil. Usaré Photoshop CS6 aquí, pero este tutorial también es totalmente compatible con Photoshop CC (Creative Cloud). Si está utilizando una versión anterior de Photoshop, asegúrese de consultar mi tutorial original Colocando una imagen en texto.

Aquí la imagen que usaré (foto de la playa hawaiana de Shutterstock):

Y así es como se verá la misma imagen cuando se coloque dentro del texto:

¡Empecemos!

Cómo colocar una imagen en texto con Photoshop

Paso 1: duplica la capa de fondo

Abra la imagen que desea colocar dentro de su texto. Con la imagen recién abierta, si miras en tu panel Capas, verás la imagen en la capa Fondo, actualmente la única capa en el documento:

Necesitamos hacer una copia de esta capa. Sube al Capa menú en la barra de menú en la parte superior de la pantalla, elija Nuevo, entonces escoge Capa a través de la copia. O puede seleccionar este mismo comando desde el teclado presionando Ctrl + J (Ganar) / Comando + J (Mac):

Photoshop crea una copia de la capa, la nombra «Capa 1» y la coloca directamente sobre la capa Fondo:

Paso 2: agregue una capa de relleno de color sólido blanco

A continuación, agreguemos una de las capas de relleno de color sólido de Photoshop para usar como fondo de nuestro efecto. Clickea en el Nueva capa de relleno o ajuste en la parte inferior del panel Capas:

Escoger Color sólido desde la parte superior de la lista que aparece:

Photoshop abrirá el Selector de color para que podamos elegir el color con el que queremos rellenar la capa. Voy a usar blanco para mi color de fondo ingresando un valor de 255 en el R, GRAMO y B cajas:

Haga clic en Aceptar para cerrar el Selector de color. De vuelta en el panel Capas, vemos la capa blanca de Relleno de color sólido (llamada «Relleno de color 1») encima de las dos capas de la imagen:

Y debido a que la capa de Relleno se encuentra encima de nuestras dos capas de imagen, el documento ahora está temporalmente relleno de blanco:

Paso 3: Arrastre la capa de relleno de color sólido debajo de la capa 1

Necesitamos mover la capa de relleno de color sólido debajo de la capa 1. Haga clic en la capa de relleno de color sólido (asegúrese de hacer clic en su pequeño icono de muestra de color a la izquierda, no el icono de máscara de capa a la derecha), y con el botón del mouse aún presionado, arrastre la capa hacia abajo hasta que vea un barra de resaltado aparecen entre la capa de fondo y la capa 1:

Suelte el botón del mouse cuando aparezca la barra de resaltado para colocar la capa de relleno en su lugar entre las dos capas de la imagen. Su imagen volverá a aparecer en la ventana del documento:

Paso 4: seleccione la capa 1

Haga clic en la capa superior (Capa 1) en el panel Capas para seleccionarlo:

Paso 5: seleccione la herramienta Texto

Estamos listos para agregar nuestro texto. Seleccione Photoshop Tipo de herramienta desde el panel Herramientas a la izquierda de la pantalla. También puede seleccionar la herramienta Texto simplemente presionando la letra T en tu teclado:

Paso 6: elige tu fuente

Con la Herramienta de texto seleccionada, suba a la Barra de opciones en la parte superior de la pantalla y elija su fuente. Dado que nuestro objetivo es colocar una imagen dentro del texto, generalmente las fuentes con letras gruesas funcionan mejor. Voy a elegir Arial Black, pero, por supuesto, puedes elegir la fuente que quieras. No se preocupe por el tamaño de la fuente por ahora. Cambiaremos el tamaño del tipo manualmente más tarde:

Paso 7: establezca el color de su tipo en blanco

Este siguiente paso no es absolutamente necesario, pero para ayudarnos a ver el texto a medida que lo agregamos, establezcamos nuestro color de letra en blanco. Si su color de letra ya está configurado en blanco (o algún otro color que pueda ver fácilmente frente a su imagen), puede omitir este paso. Para cambiar el color del tipo, haga clic en el muestra de color en la barra de opciones:

Esto abre una vez más el Selector de color. Elegiré el blanco tal como lo hice antes ingresando un valor de 255 Para el R, GRAMO y B opciones. Haga clic en Aceptar cuando haya terminado para cerrar el Selector de color:

Paso 8: agregue su texto

Con su Herramienta de texto seleccionada, su fuente elegida y su color de texto establecido en blanco, haga clic dentro de su documento y agregue su texto. Escribiré la palabra «HAWAII»:

Haga clic en el marca de verificación en la barra de opciones cuando haya terminado para aceptar su texto y salir del modo de edición de texto:

¡Aprenda todo sobre cómo trabajar con texto en Photoshop con nuestro tutorial de Photoshop Type Essentials!

Paso 9: Arrastre la capa de texto debajo de la capa 1

Si miramos en el panel Capas, vemos nuestra capa de Tipo recién agregada ubicada encima de la Capa 1, por lo que el texto aparece frente a la imagen en el documento:

Necesitamos moverlo debajo de la Capa 1. Haga clic en la capa Tipo y, con el botón del mouse aún presionado, arrástrelo hacia abajo hasta que vea un barra de resaltado aparecen entre la capa 1 y la capa de relleno de color sólido:

Suelte el botón del mouse cuando aparezca la barra resaltadora para colocar la capa Tipo en su lugar:

Paso 10: seleccione la capa 1 nuevamente

Haga clic una vez más en Capa 1 para seleccionarlo y activarlo:

Paso 11: crea una máscara de recorte

Con la Capa 1 seleccionada, haga clic en el pequeño icono de menú en la esquina superior derecha del panel Capas:

Escoger Crear máscara de recorte en el menú que aparece:

Esta clips la imagen en la Capa 1 al texto en la capa Tipo debajo de ella, lo que significa que solo el área de la imagen que se encuentra directamente encima del texto real en la capa Tipo permanece visible, creando la ilusión de que la imagen está dentro del texto. El resto de la imagen ahora está oculto a la vista, y en su lugar, vemos la capa de relleno blanca sólida:

Si miramos nuevamente en el panel Capas, vemos que la Capa 1 ha sido sangrada a la derecha, con una pequeña flecha apuntando hacia abajo a la capa Tipo debajo de ella. Así es como Photoshop nos permite saber que la capa Tipo se está utilizando como máscara de recorte para la Capa 1:

Tutorial relacionado: Cómo funcionan las máscaras de recorte de Photoshop

Paso 12: seleccione la capa de tipo

Clickea en el Capa de tipo para seleccionarlo y activarlo:

Paso 13: Cambiar el tamaño y reposicionar el texto

Todo lo que queda por hacer ahora es mover y cambiar el tamaño del texto, y podemos hacer ambas cosas usando el comando Transformación libre de Photoshop. Con la capa Tipo seleccionada, suba a la Editar en la parte superior de la pantalla y elija Transformación libre. O presione Ctrl + T (Ganar) / Comando + T (Mac) en su teclado para seleccionar Transformación libre con el atajo:

Esto coloca el cuadro Transformación libre y manejas (los pequeños cuadrados) alrededor del texto. Para cambiar su tamaño, simplemente haga clic y arrastre cualquiera de los controladores. Si desea cambiar el tamaño del texto sin distorsionar las formas originales de las letras, mantenga presionada la tecla Cambio mientras arrastra cualquiera de los cuatro manijas de esquina. También puede cambiar el tamaño del texto desde su centro manteniendo pulsado el Alt (Ganar) / Opción (Mac) mientras arrastra. Finalmente, para mover el texto, haga clic dentro del cuadro Transformación libre y arrástrelo a su posición con el mouse:

Cuando termines, presiona Ingresar (Ganar) / Regreso (Mac) para aceptar la transformación y salir de Free Transform:

Paso 14: agregue una sombra paralela (opcional)

Este paso final es opcional, pero para completar el efecto, agregaré una sombra paralela. Si desea seguirlo, con la capa Tipo aún activa, haga clic en el Estilos de capa icono (el icono «fx») en la parte inferior del panel Capas:

Escoger Sombra paralela desde la parte inferior de la lista que aparece:

Esto abre el cuadro de diálogo Estilo de capa establecido en las opciones de Sombra paralela en la columna central. Bajaré el Opacidad de la sombra paralela desde su valor predeterminado del 75% hasta 50% para reducir su intensidad, entonces estableceré el Ángulo de la sombra a 120 °. Aumentaré mi Distancia valor para 30px y el Tamaño para 40px, pero estos dos valores dependen mucho del tamaño de su imagen, por lo que es posible que deba jugar con ellos por su cuenta para encontrar la configuración que funcione mejor:

Haga clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa, ¡y listo! Aquí, después de agregar una sombra paralela a las letras, está mi resultado final de «imagen en texto»:

¡Y ahí lo tenemos! En este tutorial, aprendimos cómo colocar una imagen en una sola palabra o en una sola capa de Texto. En el siguiente tutorial, aprenda el truco para colocar una imagen en varias capas de texto a la vez. ¡O visite nuestras secciones de Efectos de texto o Efectos fotográficos para obtener más tutoriales de efectos de Photoshop!