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 de 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 revisar mi tutorial original colocar una imagen en texto.,
Aquí la imagen que voy a utilizar (playa de Hawai foto ):
y así es como se verá la misma imagen cuando se coloca dentro del texto:
¡comencemos!
cómo colocar una imagen en texto con Photoshop
Paso 1: duplicar la capa de fondo
abra la imagen que desea colocar dentro de su texto., Con la imagen recién abierta, si mira en su panel Capas, verá la imagen sentada en la capa de fondo, actualmente la única capa en el documento:
necesitamos hacer una copia de esta capa. Vaya al menú Capa en la barra de menús en la parte superior de la pantalla, elija nuevo y luego elija capa a través de copiar., O bien, puede seleccionar este mismo comando desde el teclado presionando Ctrl + J (Win)/Command+J (Mac):
Photoshop crea una copia de la capa, la nombra «capa 1» y la coloca directamente sobre la capa de 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 para nuestro efecto., Haga clic en el icono nueva capa de relleno o ajuste en la parte inferior del panel Capas:
Elija Color sólido en la parte superior de la lista que aparece:
Photoshop abrirá el selector de Color para que podamos elegir el color con el que queremos llenar la capa., Voy a usar blanco para mi color de fondo ingresando un valor de 255 en los cuadros R, G y B:
Haga clic en Aceptar para cerrar el selector de Color. De vuelta en el panel Capas, vemos la capa de relleno de Color sólido blanco (llamada «relleno de Color 1») situada encima de las dos capas de imagen:
y debido a que la capa de relleno se encuentra encima de nuestras dos capas de imagen, el documento ahora se llena temporalmente con 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 en el icono de máscara de capa a la derecha), y con el botón del ratón pulsado, arrastre la capa hacia abajo hasta que vea que aparece una barra de resaltado entre la capa de fondo y la capa 1:
suelte el botón del ratón cuando la barra de resaltado aparezca para colocar la capa de relleno en su lugar entre las dos capas de imagen., Su imagen reaparecerá en la ventana del documento:
Paso 4: Seleccione la capa 1
Haga clic en la capa superior (capa 1) en el panel Capas para seleccionarla:
Paso 5: Seleccione la herramienta Tipo
estamos listos para agregar nuestro texto. Seleccione la herramienta Tipo de Photoshop en el panel Herramientas situado a la izquierda de la pantalla. También puede seleccionar la herramienta Tipo simplemente presionando la letra T en su teclado:
Paso 6: elija su fuente
con la herramienta Tipo seleccionada, vaya 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 cualquier fuente que te guste. No te preocupes por el tamaño de la fuente por ahora. Cambiaremos el tamaño del tipo manualmente más tarde:
Paso 7: Establezca su color de tipo en blanco
Este siguiente paso no es absolutamente necesario, pero para ayudarnos a ver el texto a medida que lo estamos agregando, vamos a establecer nuestro color de tipo en blanco. Si su color de tipo ya está establecido 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 la muestra de color en la barra de Opciones:
esto abre una vez más el selector de Color. Elegiré blanco como lo hice antes ingresando un valor de 255 para las opciones R, G y B., Haga clic en Aceptar cuando haya terminado de cerrar el selector de Color:
Paso 8: Agregue su texto
con su herramienta de tipo seleccionada, su fuente elegida y su color de tipo establecido en blanco, haga clic dentro de su Documento y agregue su texto. Escribiré la palabra «HAWAII»:
Haga clic en la marca de verificación en la barra de opciones cuando haya terminado de aceptar su texto y salir del modo de edición de texto:
Aprenda todo sobre el trabajo con el tipo en Photoshop con nuestro tutorial de Photoshop Type Essentials!
Paso 9: arrastre La Capa de Tipo debajo de la capa 1
si miramos en el panel Capas, vemos nuestra capa de tipo recién agregada situada encima de la capa 1, por lo que el texto aparece delante de la imagen en el documento:
necesitamos moverlo debajo de la capa 1., Haga clic en la capa de tipo y, con el botón del ratón todavía pulsado, arrástrela hacia abajo hasta que vea que aparece una barra de resaltado entre la capa 1 y la capa de relleno de Color sólido:
suelte el botón del ratón cuando la barra de resaltado aparezca para colocar la capa de tipo en su lugar:
Paso 10: Seleccione la capa 1 de nuevo
Haga clic una vez más en la capa 1 para seleccionarla y hacerla activa:
paso 11: crear una máscara de recorte
con la capa 1 seleccionada, haga clic en el pequeño icono del menú en la esquina superior derecha del panel Capas:
elija Crear Máscara de recorte en el menú que aparece:
esto recorta la imagen en la capa 1 al texto en la capa de 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 de 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 blanco sólido:
si miramos de nuevo 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 de Tipo debajo de ella. Así es como Photoshop nos permite saber que la capa de 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
Haga clic en la capa de Tipo para seleccionarla y hacerla activa:
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 tipo, y podemos hacer ambas cosas usando el comando de Transformación libre de Photoshop. Con la capa de tipo seleccionada, vaya al menú Editar en la parte superior de la pantalla y elija Transformación libre. O bien, presione Ctrl + T (Win)/comando+T (Mac) en su teclado para seleccionar Transformación libre con el atajo:
esto coloca el cuadro de Transformación libre y las manijas (los pequeños cuadrados) alrededor del texto., Para redimensionarlo, simplemente haga clic y arrastre cualquiera de los controladores. Si desea cambiar el tamaño del tipo sin distorsionar las formas originales de las letras, mantenga presionada la tecla Mayús mientras arrastra cualquiera de los cuatro controladores de esquina. También puede cambiar el tamaño del texto desde su centro manteniendo pulsada la tecla Alt (Win) / Option (Mac) mientras arrastra. Finalmente, para mover el texto, haga clic dentro del cuadro de Transformación libre y arrástrelo a su posición con el ratón:
cuando haya terminado, presione Enter (Win) / Return (Mac) para aceptar la transformación y salir de la Transformación libre:
Paso 14: agregar una sombra paralela (opcional)
Este paso final es opcional, pero para completar el efecto, agregaré una sombra paralela. Si desea seguir adelante, con la capa de Tipo todavía activa, haga clic en el icono de estilos de capa (el icono «fx») en la parte inferior del panel Capas:
elija sombra paralela en 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é la opacidad de la sombra paralela de su valor predeterminado de 75% a 50% para reducir su intensidad, luego estableceré el ángulo de la sombra a 120°., Aumentaré mi valor de distancia a 30px y el tamaño a 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 hemos terminado! 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 una sola capa de tipo. 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.