Cómo colocar múltiples imágenes en el texto con Photoshop

0 0
Read Time:20 Minute, 12 Second

Cómo colocar imágenes en las cartas con Photoshop

Aprende a colocar varias imágenes en el texto con Photoshop, dividiendo el texto en letras individuales y colocando una imagen diferente en cada letra. Un tutorial paso a paso para Photoshop CC 2020 o posterior.

En un tutorial anterior, te mostré cómo colocar una sola imagen en una palabra entera con Photoshop. ¿Pero qué pasa si quieres colocar una diferente imagen en cada letra? Como veremos, en realidad es muy fácil.

Empezaremos añadiendo algo de texto. Luego te mostraré cómo dividir el texto en letras individuales y cómo mover cada letra a su propia capa. A partir de ahí, aprenderás la forma más rápida de colocar tus imágenes en el documento, y cómo colocar cada imagen en una letra diferente. Y al final, te mostraré un sencillo truco que te permite añadir efectos de capa, como un trazo o una sombra, a todas tus cartas a la vez.

Para seguir adelante, querrás usar Photoshop CC 2020 o más tarde.

Aquí hay un ejemplo de cómo se verá el efecto final cuando terminemos:

Cómo colocar imágenes en cada letra de su texto con Photoshop

El resultado final.

¡Empecemos!

La configuración del documento

Para este tutorial, he creado un nuevo documento de Photoshop con un simple fondo blanco:

El documento original de Photoshop.

El nuevo documento.

En lugar de dejar el fondo blanco, lo cambiaré rápidamente a un gris claro usando una capa de relleno de color sólido.

En el panel de Capas, haré clic en el Nueva capa de relleno o ajuste …icono:

Haciendo clic en el icono de Nueva Capa de Relleno o Ajuste en el panel de Capas de Photoshop

Haciendo clic en el icono de Nueva capa de relleno o de ajuste.

Y elegiré Color sólido de la lista:

Añadiendo una capa de relleno de color sólido al documento de Photoshop

Añadiendo una capa de relleno de color sólido.

Entonces en el Selector de Colores, elegiré el gris claro estableciendo el H (Tono) a grados, el S (Saturación) a por ciento, y el B (Brillo) a 90 por ciento. Luego haré clic en OK para cerrar el Selector de Colores:

Poner H a 0, S a 0 y B a 90 por ciento en el Selector de Color de Photoshop

Poniendo H a 0, S a 0 y B a 90% para el gris claro.

En el panel de Capas, la capa de relleno aparece sobre la capa de Fondo:

El panel de capas de Photoshop que muestra la capa de relleno de color sólido

La capa de relleno se añade por encima de la capa de fondo.

Y en el documento, el fondo es ahora un gris claro. No hay una gran diferencia con el fondo blanco original, pero se verá mejor una vez que hayamos añadido nuestro texto y nuestras imágenes. Además, la capa de relleno facilitará el cambio de color más adelante, como les mostraré al final del tutorial:

El documento de Photoshop ahora con un fondo gris claro

El documento ahora con un fondo gris.

Cómo colocar una imagen en cada letra de una palabra

Así que ahora que hemos establecido nuestro documento, vamos a añadir algo de texto y aprender a colocar una imagen diferente en cada carta.

Paso 1: Añade tu texto

Primero, seleccione el Tipo Herramienta de la barra de herramientas:

Seleccionando la herramienta de tipos de la barra de herramientas de Photoshop

Seleccionando la herramienta de tipo.

Y luego, en la barra de opciones, elige tu fuente. Cualquier fuente funcionará, pero como estamos colocando una imagen dentro de las letras, las fuentes más grandes funcionan mejor. Estoy usando HWT Artz que instalé desde Adobe Fonts:

Elegir una fuente en la barra de opciones de Photoshop

Eligiendo una fuente en la barra de opciones.

Establece tu tipo… tamaño a 72 puntos así que empezamos con el tamaño más grande preseleccionado:

Ajustar el tamaño del tipo en la barra de opciones de Photoshop

Ajustando el tamaño del tipo a 72 pt.

Y establecer el tipo justificación a Centro. Esto facilitará el ajuste del espacio entre las letras si es necesario:

Ajustar el tamaño del tipo en la barra de opciones de Photoshop

Poniendo la justificación del tipo en el centro.

Por último, establece tu tipo color a negro para que podamos ver el texto delante del fondo. Una vez que hayamos llenado cada letra con una imagen, el color no importará:

Ajustando el color de tipo a negro en la barra de opciones de Photoshop

Ajustando el color del tipo a negro.

Luego haga clic en el centro del documento y añada su texto.

Como veremos, colocar una imagen en cada letra es realmente sólo cuestión de repetir los mismos pasos. Así que para mantener las cosas simples y evitar demasiadas repeticiones, escribiré la palabra «DIVERSIÓN»:

Añadiendo el texto al documento de Photoshop

Añadiendo el texto al documento.

Para aceptarlo, haga clic en el marca de verificación en la barra de opciones:

Al hacer clic en la marca de verificación para aceptar el texto

Haciendo clic en la marca de verificación.

Paso 2: Redimensionar y reposicionar el texto

Para redimensionar el texto y moverlo a su lugar, usaremos el comando Transformación Libre de Photoshop.

Sube al Edita en la barra de menú y elegir Transformación libre:

Seleccionando el comando Transformación Libre del menú Edición en Photoshop

Ir a Edición; Transformación libre.

Luego para cambiar el tamaño del texto, haga clic y arrastre cualquiera de los maneja.

En versiones anteriores de Photoshop, teníamos que mantener pulsada la tecla Shift mientras arrastrábamos una manivela para fijar la relación de aspecto en su lugar. Pero en las últimas versiones, la tecla Shift no es necesaria:

Arrastrando las manijas de transformación para cambiar el tamaño del texto en el documento de Photoshop

Arrastrando las manijas de transformación para cambiar el tamaño del texto.

Y luego para mover el texto al centro, haga clic y arrastre dentro del cuadro de transformación:

Arrastrando dentro de la caja de transformación para reposicionar el texto en el documento de Photoshop

Arrastrando dentro de la caja de transformación para reposicionar el texto.

Para aceptarlo y cerrar Free Transform, haga clic en el marca de verificación en la barra de opciones:

Al hacer clic en la marca de verificación para cerrar Transformación Libre

Haciendo clic en la marca de verificación.

Paso 3: Ajustar el espaciado de las letras si es necesario

Si estás contento con el espacio entre las letras, puedes saltar al siguiente paso. Pero en mi caso, las letras están demasiado juntas:

El espaciado de letras predeterminado después de agregar el texto

El espaciado de letras predeterminado.

Para ajustar el espacio, primero asegúrese de que el tipo capa es seleccionado en el panel de Capas:

Seleccionando el tipo de capa en el panel de capas de Photoshop

Seleccionando la capa de tipo.

El espaciado de las letras está controlado por el rastreo que puede ser ajustado en el panel de propiedades. Por defecto, el valor está ajustado a 0:

La opción de seguimiento del texto en el panel de propiedades de Photoshop

La opción de seguimiento en el panel de propiedades.

Puede introducir un nuevo valor de rastreo manualmente, o simplemente hacer clic dentro del cuadro para resaltar el valor actual y luego utilizar el Tecla de flecha arriba o abajo en su teclado para aumentar o disminuir el valor.

Presionaré la tecla de la flecha hacia arriba una vez, lo que aumenta el valor de rastreo de 0 a 20:

Aumentar el valor de rastreo para añadir más espacio entre las letras en Photoshop

Presionando la flecha hacia arriba para aumentar el espacio entre las letras.

Y ahora las letras están un poco más separadas:

El texto después de ajustar el espacio entre letras en Photoshop

El texto después de ajustar el espacio entre las letras.

Paso 4: Convertir el tipo en formas

Por el momento, la palabra entera se asienta en una sola capa de tipo, lo que estaría bien si colocáramos una sola imagen en toda la palabra.

LEER  Trazar el texto con un pincel en Photoshop

Pero como nuestro objetivo es colocar un diferente en cada letra, necesitamos una forma de dividir la palabra en sus letras individuales, y luego colocar cada letra en su propia capa. Y podemos hacerlo convirtiendo primero el texto en formas.

En el panel de Capas, clic con el botón derecho del ratón (Ganar) / Control-clic (Mac) en un área gris vacía de la capa de tipo:

Haciendo clic con el botón derecho (Win) / Control (Mac) en la capa de tipo en el panel de Capas de Photoshop

Haga clic con el botón derecho del ratón (Win) / Control (Mac) en la capa de tipos.

Y luego elige Convertir a la forma del menú:

Eligiendo el comando Convertir en forma en Photoshop

Eligiendo el comando Convertir en forma.

Esto convierte la capa de tipo en una capa de forma, indicada por el icono en la parte inferior derecha de la miniatura. Y esto significa que aunque el texto sigue pareciendo texto, cada letra tiene ahora su propia forma:

La capa de tipo se ha convertido en una capa de forma en Photoshop

La capa de tipo es ahora una capa de forma.

Paso 5: Hacer una copia de la capa de forma para cada letra

A continuación, tenemos que hacer copias de la capa de forma, una para cada letra de la palabra. En mi caso, mi palabra contiene tres letras, así que como ya tengo una capa de forma, necesito dos copias más.

Para hacer la primera copia, haré clic en la capa de forma y la arrastraré hasta la Añadir una nueva capa en la parte inferior del panel de Capas:

Haciendo una copia de la capa de forma en el panel de capas de Photoshop

Haciendo una copia de la capa de forma.

Y luego para hacer la segunda copia, haré clic en la copia que acabo de hacer y la arrastraré al Añadir una nueva capa …icono:

Haciendo otra copia de la capa de forma en el panel de capas de Photoshop

Haciendo otra copia de la capa de forma.

Ahora tengo tres capas de forma en total, una para la letra «F», una segunda para la letra «U» y una tercera capa para la letra «N»:

Se ha hecho una copia de la capa de forma para cada letra de la palabra

Cada letra tendrá su propia capa de forma.

Paso 6: Apagar las copias

Por supuesto, cada una de mis capas de forma contiene las tres letras, y lo que realmente necesitamos es que cada capa contenga una solo carta. Para eliminar las cartas que no necesitamos, podemos simplemente borrarlas.

Primero, apague las copias de la capa de forma haciendo clic en su iconos de visibilidaddejando sólo la capa de la forma original encendida:

Desactivando las copias de las capas de forma en el panel de capas de Photoshop

Apagando las copias de la capa de forma.

Paso 7: Seleccionar la capa de forma original

Luego haz clic en la capa de forma original para seleccionarla:

Seleccionando la capa de forma original

Seleccionando la capa de forma original.

Paso 8: Elegir la Herramienta de Selección de Trayectoria

En la barra de herramientas, elija la Herramienta de selección de ruta (la flecha negra):

Seleccionando la herramienta de selección de ruta de la barra de herramientas de Photoshop

Seleccionando la Herramienta de Selección de Trayectoria.

Paso 9: Seleccionar y borrar todas las letras excepto la primera

Entonces, mantenga pulsada la tecla Cambio en su teclado y haga clic en cada letra excepto en la primera para seleccionarlas.

En mi caso, haré clic en la segunda letra («U») y la tercera letra («N»). Aparecerá un esquema de ruta alrededor de cada letra que seleccione:

Seleccionando la segunda y tercera letra de la palabra

Seleccionando la segunda y tercera letra de la palabra, pero no la primera.

Para borrar las letras seleccionadas, pulse la tecla Retroceso (Ganar) / Eliminar (Mac) en tu teclado.

Y ahora sólo queda la primera letra de la palabra:

Sólo queda la primera letra de la palabra después de borrar las otras letras.

El resultado después de borrar todo excepto la primera letra de la capa.

Paso 10: Apagar la capa de forma original

Haz lo mismo con las otras capas de forma, seleccionando y borrando las letras que no necesitas.

Desactiva la capa de la forma original haciendo clic en su icono de visibilidad:

Desactivando la capa de forma original en el panel de capas de Photoshop

Desactivando la capa de forma original.

Paso 11: Seleccionar y encender la siguiente capa de forma

Luego haz clic en la capa de forma que está encima para seleccionarla:

Seleccionando la segunda capa de forma en el panel de capas de Photoshop

Seleccionando la segunda capa de forma.

Y haga clic en su icono de visibilidad para encender la capa:

Encendiendo la segunda capa de forma en el panel de capas de Photoshop

Encendiendo la segunda capa de forma.

Paso 12: Selecciona y borra las letras que no necesitas

Con el Herramienta de selección de ruta todavía activa en la barra de herramientas, mantenga pulsada la tecla Cambio en tu teclado y haz clic en cada letra excepto en la segunda.

En mi caso, haré clic en la primera letra («F») y la tercera letra («N»):

Seleccionando la primera y tercera letra de la palabra

Seleccionando la primera y tercera letra de la palabra, pero no la segunda.

Borre las letras pulsando la tecla Retroceso (Ganar) / Eliminar (Mac) en tu teclado. Y esta vez, sólo queda la segunda letra de la palabra:

Sólo queda la segunda letra de la palabra después de borrar las otras letras.

El resultado después de borrar todo excepto la segunda letra.

Paso 13: Apagar la capa de forma actual

Desactiva la segunda capa de forma haciendo clic en su icono de visibilidad:

Desactivando la segunda capa de forma en el panel de capas de Photoshop

Apagando la segunda capa de forma.

Paso 14: Seleccionar y encender la siguiente capa de forma

Luego selecciona la siguiente capa de forma que está encima de ella:

Seleccionando la tercera capa de forma en el panel de capas de Photoshop

Seleccionando la tercera capa de forma.

Y enciende la capa haciendo clic en su icono de visibilidad:

Al activar la tercera capa de forma en el panel de capas de Photoshop

Encendiendo la tercera capa de forma.

Paso 15: Selecciona y borra las letras que no necesitas

Mantenga pulsada la tecla Cambio en tu teclado y haz clic en cada letra excepto en la tercera.

Así que en mi caso, haré clic en la primera y segunda letra:

Seleccionando la primera y segunda letra de la palabra

Seleccionando la primera y segunda letra de la palabra, pero no la tercera.

Y luego borre las letras seleccionadas pulsando Retroceso (Ganar) / Eliminar (Mac).

Si tu palabra contiene más de tres letras, tendrás que repetir los mismos pasos para cada capa de forma adicional:

Sólo queda la tercera letra de la palabra después de borrar las otras letras.

El resultado después de borrar todo excepto la tercera letra.

Paso 16: Volver a poner en marcha todas las capas de forma

Para ver la palabra entera de nuevo, encienda las otras capas de forma haciendo clic en su iconos de visibilidad:

Activando las tres capas de forma que componen la palabra en el panel de capas de Photoshop

Volviendo a encender las tres capas de forma.

Y volvemos a la palabra entera, pero ahora con cada letra en su propia capa:

Cada letra de la palabra está ahora en una capa separada en el panel de capas de Photoshop

Cada letra está ahora en una capa separada.

Paso 17: Abrir las Preferencias de Photoshop

Antes de empezar a colocar las imágenes en las letras, echemos un vistazo rápido a algunas opciones en las Preferencias de Photoshop que facilitarán las cosas.

Para abrir el cuadro de diálogo de Preferencias en un PC con Windows, suba al Edita El menú. En un Mac, sube al Photoshop El menú. Desde allí, elija Preferencias y luego General:

LEER  Efecto de texto borroso fantasmagórico en Photoshop

Abriendo las preferencias generales de Photoshop

Abriendo las Preferencias Generales de Photoshop.

Saltar la transformación al colocar

Por defecto, Photoshop abre el comando Transformación Libre cada vez que colocamos una imagen en el documento. Normalmente esto es lo que quieres.

Pero en este caso, hay otro paso que debemos completar antes de redimensionar la imagen. Así que para evitar tener que seguir cerrando Free Transform, enciende Saltar la transformación al colocar. Lo seleccionaremos manualmente cuando lo necesitemos:

Activando la opción de Saltar Transformación al Colocar en las Preferencias de Photoshop

Activando «Saltar transformación al colocar».

Cambiar el tamaño de la imagen durante el lugar

A continuación, asegúrese Cambiar el tamaño de la imagen durante el lugar está encendido. De esta manera, si sus imágenes son más grandes que su documento, Photoshop las redimensionará automáticamente para que quepan:

Dejando la opción de redimensionar la imagen durante la colocación activada en las Preferencias de Photoshop

Dejando activada la opción «Redimensionar la imagen en el lugar».

Siempre crea un objeto inteligente al colocar

Además, asegúrate de que Siempre crea objetos inteligentes al colocar está encendido. Esto convertirá automáticamente cada imagen en un objeto inteligente para que puedas cambiar su tamaño sin perder calidad:

Dejando activada la opción de Crear siempre un objeto inteligente al colocar en las Preferencias de Photoshop

Dejando activado «Crear siempre objetos inteligentes al colocar».

Cuando termines, haz clic en Aceptar para cerrar el cuadro de diálogo de Preferencias.

Haciendo clic en OK para cerrar las Preferencias de Photoshop

Cerrando las preferencias.

Paso 18: Seleccione la primera letra

Empezaremos colocando una imagen en la primera letra de la palabra, y luego nos abriremos camino de izquierda a derecha.

Haga clic en la capa de forma de la primera letra en el panel de Capas para seleccionarla:

Seleccionando la capa de la primera letra en el panel de capas de Photoshop

Seleccionando la primera letra.

Y para facilitar las cosas, esconde las otras letras haciendo clic en su iconos de visibilidad:

Apagando las otras letras en el panel de capas de Photoshop

Apagando las otras cartas.

Paso 19: Colocar una imagen en el documento

Para añadir su primera imagen al documento, suba al Archivo menú y elegir Lugar Embebido:

Eligiendo el comando Place Embedded en Photoshop

Yendo a Filete; Lugar Embebido.

Luego navegue a la carpeta que contiene sus imágenes, haga clic en la imagen que desea colocar dentro de la carta, y haga clic en Lugar:

Seleccionando la imagen para colocarla dentro de la primera letra

Seleccionando la primera imagen.

Photoshop coloca la imagen en el documento, y la imagen bloquea temporalmente la letra de vista (foto de una mujer con tulipanes de Adobe Stock):

La primera imagen se añade al documento de Photoshop

Se añade la primera imagen.

Paso 20: Crear una máscara de recorte

En el panel de Capas, la imagen aparece en su propia capa directamente encima de la primera letra:

El panel de capas de Photoshop muestra la imagen añadida sobre la primera letra de la palabra

La imagen se añade sobre la capa de forma original.

Para colocar la imagen dentro de la carta, haga clic en el panel de Capas Icono del menú:

Abriendo el menú del panel de capas en Photoshop

Haciendo clic en el icono del menú.

Y elige… Crear la máscara de recorte:

Al elegir el comando Crear máscara de recorte en Photoshop

Seleccionando el comando Crear máscara de recorte.

Esto sujeta la imagen a la capa que está debajo de ella, creando la ilusión de que la imagen está dentro de la forma:

El resultado después de recortar la primera imagen a la primera letra en Photoshop

El resultado después de recortar la primera imagen a la capa de forma.

Paso 21: Redimensionar y reposicionar la imagen dentro de la carta

Para cambiar el tamaño de la imagen dentro de la carta y mover el sujeto a la vista, suba al Edita menú y elegir Transformación libre:

Seleccionando el comando Transformación Libre del menú Edición en Photoshop

Ir a Edición; Transformación libre.

Luego cambia el tamaño de la imagen arrastrando cualquiera de las manijas, o reposiciona la imagen arrastrándola dentro del cuadro de transformación:

Redimensionando y moviendo la imagen dentro de la carta con el comando Transformación Libre de Photoshop

Redimensionando y moviendo la imagen dentro de la carta.

Para aceptarlo y cerrar Free Transform, haga clic en el marca de verificación en la barra de opciones:

Al hacer clic en la marca de verificación para cerrar Transformación Libre

Haciendo clic en la marca de verificación.

Relacionado: Cómo abrir múltiples imágenes como capas en Photoshop

Paso 22: Seleccionar y encender la siguiente letra

Haremos lo mismo con las otras cartas. De nuevo en el panel de Capas, seleccione la capa de forma sobre la imagen que acabamos de añadir:

Seleccionando la segunda letra en el panel de Capas de Photoshop

Seleccionando la segunda letra.

Y enciende la capa haciendo clic en su icono de visibilidad:

Encendiendo la segunda letra en el panel de capas de Photoshop

Encendiendo la segunda carta.

La segunda carta reaparece:

La siguiente letra en la que se colocará una imagen en el Photoshop

La siguiente carta esperando una imagen.

Paso 23: Colocar una segunda imagen en el documento

Añade tu segunda imagen al documento subiendo al Archivo menú y eligiendo Lugar Embebido:

Eligiendo el comando Place Embedded en Photoshop

Yendo a Filete; Lugar Embebido.

Haga clic en su segunda imagen para seleccionarla, y luego haga clic en Lugar:

Seleccionando la imagen para colocarla dentro de la segunda letra

Seleccionando la segunda imagen.

La imagen se coloca en el documento y una vez más bloquea la letra de la vista (foto del hombre barbudo de Adobe Stock):

La segunda imagen se añade al documento de Photoshop

Se añade la segunda imagen.

Paso 24: Crear una máscara de recorte

En el panel de Capas, la segunda imagen aparece en su propia capa sobre la segunda letra:

El panel de capas de Photoshop muestra la segunda imagen añadida sobre la segunda letra de la palabra

La imagen se añade por encima de la segunda capa de forma.

Para colocar la imagen en la carta, haga clic en el panel de Capas Icono del menú:

Abriendo el menú del panel de capas en Photoshop

Haciendo clic en el icono del menú.

Y una vez más elige Crear la máscara de recorte:

Al elegir el comando Crear máscara de recorte en Photoshop

Seleccionando el comando Crear máscara de recorte.

Y ahora ambas letras son visibles y la segunda imagen está dentro de la segunda letra:

El resultado después de recortar la primera imagen a la primera letra en Photoshop

El resultado después de recortar la segunda imagen a su capa de forma.

Paso 25: Redimensionar y reposicionar la imagen dentro de la carta

Sube al Edita menú y elegir Transformación libre:

Seleccionando el comando Transformación Libre del menú Edición en Photoshop

Ir a Edición; Transformación libre.

Y luego arrastre las manijas para cambiar el tamaño de la imagen dentro de la letra, o arrastre dentro del cuadro de transformación para mover el sujeto a la vista:

Redimensionando y moviendo la segunda imagen dentro de la carta con el comando Transformación Libre de Photoshop

Redimensionando y moviendo la segunda imagen dentro de la carta.

Para aceptarlo, haga clic en el marca de verificación en la barra de opciones:

Al hacer clic en la marca de verificación para cerrar Transformación Libre

Haciendo clic en la marca de verificación.

Paso 26: Seleccionar y encender la siguiente letra

Repasemos los pasos una vez más con la tercera letra. Si tu palabra tiene más de tres letras, tendrás que repetir estos mismos pasos. Y cuando terminemos, te mostraré una forma rápida de añadir efectos de capa, como un trazo o una sombra, a cada letra a la vez.

En el panel de Capas, seleccione la siguiente capa de forma sobre la imagen que acabamos de añadir:

Seleccionando la tercera letra en el panel de Capas de Photoshop

Seleccionando la tercera letra.

Y haz clic en la capa… icono de visibilidad para encenderlo:

Encendiendo la tercera letra en el panel de capas de Photoshop

Encendiendo la tercera carta.

Aparece la tercera letra:

Encendiendo la tercera letra del documento de Photoshop

La siguiente carta esperando una imagen.

Paso 27: Colocar la siguiente imagen en el documento

Sube al Archivo menú y elegir Lugar Embebido:

Eligiendo el comando Place Embedded en Photoshop

Yendo a Filete; Lugar Embebido.

Haga clic en su siguiente imagen para seleccionarla, y luego haga clic en Lugar:

LEER  Usando el texto para sombrearse a sí mismo en el Photoshop

Seleccionando la imagen para colocarla dentro de la tercera letra

Seleccionando la tercera imagen.

Photoshop coloca la imagen en el documento (foto de una mujer sonriente de Adobe Stock):

La segunda imagen se añade al documento de Photoshop

Se añade la tercera imagen.

Paso 28: Crear una máscara de recorte

Haga clic en el panel de Capas Icono del menú:

Abriendo el menú del panel de capas en Photoshop

Haciendo clic en el icono del menú.

Y elige… Crear la máscara de recorte:

Al elegir el comando Crear máscara de recorte en Photoshop

Seleccionando el comando Crear máscara de recorte.

Y la imagen se coloca en la carta:

El resultado después de recortar la primera imagen a la primera letra en Photoshop

El resultado después de recortar la tercera imagen a su capa de forma.

Paso 29: Redimensionar y reposicionar la imagen dentro de la carta

Sube al Edita menú y elegir Transformación libre:

Seleccionando el comando Transformación Libre del menú Edición en Photoshop

Ir a Edición; Transformación libre.

Y luego arrastre las manijas para cambiar el tamaño de la imagen, o arrastre dentro del cuadro de transformación para mover el sujeto a la vista:

Redimensionando y moviendo la tercera imagen dentro de la carta con el comando Transformación Libre de Photoshop

Redimensionando y moviendo la tercera imagen dentro de la carta.

Para aceptarlo, haga clic en el marca de verificación en la barra de opciones:

Al hacer clic en la marca de verificación para cerrar Transformación Libre

Haciendo clic en la marca de verificación.

Y ahora las tres cartas tienen imágenes colocadas en su interior:

El resultado después de colocar una imagen en cada letra en Photoshop

El resultado después de colocar una imagen en cada letra.

Cómo añadir efectos de capa a las letras

En este punto, el efecto principal está hecho. Hemos colocado nuestras imágenes en las cartas. ¿Pero qué pasa si quieres añadir efectos de capas, como un trazo o una sombra? Usted podría añadir los efectos a cada letra de una en una, pero aquí está cómo añadirlos a cada letra a la vez!

Paso 1: Seleccionar la forma y las capas de la imagen

En el panel de Capas, haga clic en la capa de la imagen en la parte superior para seleccionarla. Luego mantenga presionado el botón Cambio en su teclado y haga clic en la capa de forma original (la que contiene la primera letra de la palabra) en la parte inferior.

Esto selecciona todas sus cartas y todas sus imágenes al mismo tiempo:

Seleccionando todas las capas de forma e imagen en el panel de capas de Photoshop

Haga clic en la imagen superior, luego Shift-clic en la forma inferior.

Paso 2: Colocar las capas en un grupo

Haga clic en el panel de Capas Icono del menú:

Abriendo el menú del panel de capas en Photoshop

Haciendo clic en el icono del menú.

Y elige… Nuevo grupo de capas:

Eligiendo el comando Nuevo Grupo de Capas en el menú del panel de Capas de Photoshop

Eligiendo el nuevo grupo del comando de las capas.

Dale un nombre al grupo o acepta el nombre predeterminado («Grupo 1») y haz clic en OK:

El cuadro de diálogo del nuevo grupo de capas en Photoshop

Haz clic en Aceptar para aceptar el nombre de grupo predeterminado.

En el panel de Capas, las letras y las imágenes están ahora dentro de un grupo. Puedes girar el grupo abierto o cerrado haciendo clic en el flecha a la izquierda del icono de la carpeta:

Las letras y formas están dentro del grupo en el panel de capas de Photoshop

Las letras y las imágenes están dentro del grupo.

Paso 3: Añade tus efectos de capa al grupo

Y como las letras están todas dentro del grupo, cualquier efecto de capa que agreguemos al grupo mismo se aplicará instantáneamente a cada letra a la vez.

Agregar un derrame cerebral

Por ejemplo, añadiré rápidamente un trazo al grupo haciendo clic en el Icono fx en la parte inferior del panel de Capas:

Haciendo clic en el icono de Añadir Estilo de Capa en el panel de Capas de Photoshop

Haciendo clic en el icono fx.

Y la elección Golpe de la lista:

Añadiendo un efecto de capa de trazo al grupo

Añadiendo un derrame cerebral.

En el cuadro de diálogo del Estilo de Capa, estableceré mi trazo Color a blancoel Tamaño a 14 píxeles y el Posición a Fuera de:

Configurar las opciones de trazo en el cuadro de diálogo de estilo de capas de Photoshop

Las opciones de la carrera.

Y el trazo aparece instantáneamente alrededor de las tres letras:

El resultado después de añadir un efecto de trazo al grupo de capas en Photoshop

El resultado después de añadir un efecto de trazo al grupo de capas.

Añadiendo una Sombra de la Gota

Aún en el cuadro de diálogo del estilo de capa, seleccionaré Drop Shadow en la columna de la izquierda:

Añadiendo una Sombra en el cuadro de diálogo de Estilo de Capa de Photoshop

Añadiendo una Sombra de la Gota.

Y en las opciones, dejaré la sombra Color se puso a negro y el Opacidad en 35 por ciento. Cambiaré el Ángulo a 135 gradosel Distancia a 30 píxeles y el Tamaño a 15 píxeles:

Los ajustes del efecto de capa de Sombra

Las opciones de Drop Shadow.

Luego haré clic en Aceptar para cerrar el cuadro de diálogo de Estilo de Capa:

Cerrando el cuadro de diálogo del Estilo de Capa

Haciendo clic en OK.

Y ahora tenemos una sombra detrás de cada letra:

Cómo colocar imágenes en cada letra de su texto con Photoshop

El resultado después de añadir un efecto de Sombra en el grupo de capas.

Relacionado: Añade una sombra larga a tu texto con Photoshop

Cómo cambiar el color de fondo

Finalmente, ¿qué pasa si quieres cambiar el color de fondo detrás de las letras? Al principio del tutorial, cambiamos el color de fondo a gris claro añadiendo una capa de relleno de color sólido sobre la capa de fondo. Para cambiar el color, haz doble clic en la capa de relleno miniatura en el panel de Capas:

Haciendo doble clic en la miniatura de la capa de relleno para cambiar el color de fondo

Haciendo doble clic en la miniatura de la capa de relleno.

Entonces elige un nuevo color del Selector de Colores. O bien, puedes probar un nuevo color de fondo directamente de una de las imágenes.

Probaré un ligero tono de piel de la frente del hombre:

Muestreando un nuevo color de fondo de una de las imágenes de las cartas.

Muestreando un nuevo color de fondo de una de las imágenes de las cartas.

Entonces haré clic en OK para cerrar el Selector de Colores.

Y ahora mi fondo está lleno de un nuevo color:

Las imágenes en efecto de letras en Photoshop con un nuevo color de fondo

El nuevo color de fondo.

¡Y ahí lo tenemos! ¡Así es como se colocan múltiples imágenes en el texto con Photoshop!

Para un efecto similar, aprenda a colocar una imagen en una forma con Photoshop, o cómo añadir texto transparente a una imagen. Y no olvides que todos nuestros tutoriales de Photoshop están disponibles para ser descargados en PDF!

¡Sea el primero en enterarse cuando se añadan nuevos tutoriales!

Otros tutoriales que podrían interesarte…

About Post Author

Tutoriales Photoshop

Originario de Italia y actualmente viajando. Me apasiona el mundo del diseño gráfico. Llevo más de 20 años en la industria trabajando para todo tipo de empresas. Si eres un "lover" de PhotoShop como yo, deseo que aprendas mucho de mi blog, siempre en constante crecimiento.
Happy
Happy
%
Sad
Sad
%
Excited
Excited
%
Sleepy
Sleepy
%
Angry
Angry
%
Surprise
Surprise
%

Average Rating

5 Star
100%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

One thought on “Cómo colocar múltiples imágenes en el texto con Photoshop

Comments are closed.

error: Content is protected !!