Skip to main content

Coloque una imagen dentro del texto usando Photoshop

Cómo Colocar una Imagen Dentro de un Texto en Photoshop (Abril 2025)

Cómo Colocar una Imagen Dentro de un Texto en Photoshop (Abril 2025)
Anonim

Para este tutorial, usaremos Photoshop para poner una imagen dentro del texto. Requiere una máscara de recorte, que es fácil de hacer una vez que sabes cómo. Photoshop CS4 se utilizó para estas capturas de pantalla, pero debería poder seguir junto con otras versiones.

01 de 17

Usando Photoshop para poner una imagen dentro del texto

Para comenzar, haga clic con el botón derecho en el enlace a continuación para guardar un archivo de práctica en su computadora, luego abra la imagen en Photoshop.

Archivo de práctica: STgolf-practicefile.png

02 de 17

Nombra la capa

En el panel Capas, haremos doble clic en el nombre de la capa para resaltarla y luego escribiremos el nombre "imagen".

03 de 17

Añadir texto

En el Panel de capas, haremos clic en el icono del ojo para hacer que la imagen sea invisible. Luego, seleccionaremos la herramienta Texto en el panel Herramientas, hacer clic una vez en el fondo transparente y escribiremos la palabra "GOLF" en letras mayúsculas.

Por ahora, no importa qué fuente usamos o su tamaño, ya que cambiaremos estas cosas en los próximos pasos. Y, no importa de qué color sea la fuente al crear una máscara de recorte.

04 de 17

Cambiar la fuente

La fuente debe estar en negrita, así que elegiremos Ventana> Carácter, y con la herramienta Texto seleccionada y el texto resaltado cambiaré la fuente en el panel Carácter a Arial Black. Puedes elegir esta fuente o una que sea similar.

Escribiré "100 pt" en el campo de texto de tamaño de fuente. No se preocupe si su texto se sale de los lados del fondo, ya que el siguiente paso lo solucionará.

05 de 17

Establecer el seguimiento

El seguimiento ajusta el espacio entre las letras en el texto seleccionado o un bloque de texto. En el panel Carácter, escribiremos -150 en el campo de texto de seguimiento establecido. Sin embargo, puede escribir diferentes números, hasta que el espacio entre las letras sea de su agrado.

Si desea ajustar el espacio solo entre dos letras, puede usar el kerning. Para ajustar el kerning, coloque un punto de inserción entre las dos letras y establezca un valor en el campo de texto del kerning establecido, que se encuentra a la izquierda del campo de texto de seguimiento del conjunto.

06 de 17

Transformación libre

Con la capa de texto seleccionada en el panel de capas, elegiremos Edición> Transformación libre. El método abreviado de teclado para esto es Ctrl + T en una PC y Command + T en una Mac. Un cuadro delimitador rodeará el texto.

07 de 17

Escalar el texto

Cuando colocamos la herramienta Puntero en un control de cuadro delimitador, cambia a una flecha de doble cara que podemos arrastrar para escalar el texto. Arrastraremos el tirador de la esquina inferior derecha hacia abajo y hacia afuera hasta que el texto casi llene el fondo transparente.

Si lo desea, puede restringir la escala manteniendo presionada la tecla Mayús mientras arrastra. Y, puede hacer clic y arrastrar dentro del cuadro delimitador para moverlo donde desee. Moveremos el cuadro delimitador para centrar el texto en el fondo.

08 de 17

Mover capa de imagen

Las capas deben estar en el orden correcto antes de que podamos crear una máscara de recorte. En el panel Capas, haremos clic en el cuadrado junto a la capa de imagen para revelar el icono del ojo, luego arrastraremos la capa de imagen para colocarla directamente sobre la capa de texto. El texto desaparecerá detrás de la imagen.

09 de 17

Máscara de recorte

Con la capa de imagen seleccionada, elegiremos Capa> Crear máscara de recorte. Esto pondrá la imagen dentro del texto.

10 de 17

Mover imagen

Con la capa de imagen seleccionada en el panel Capas, seleccionaremos la herramienta Mover del panel Herramientas. Haremos clic en la imagen y la moveremos hasta que nos guste cómo está posicionada dentro del texto.

Ahora puede elegir Archivo> Guardar y terminarlo, o continuar para agregar algunos toques finales.

11 de 17

Perfilar el texto

Queremos esbozar el texto. abriremos la ventana Estilo de capa seleccionando Capa> Estilo de capa> Trazo.

Sepa que hay otras formas de abrir la ventana Estilo de capa. Puede hacer doble clic en la capa de texto, o con la capa de texto seleccionada, haga clic en el icono de estilo de capa en la parte inferior del Panel de capas y seleccione Trazo.

12 de 17

Ajustar la configuración

En la ventana Estilo de capa, marcaremos "Trazo" y haremos el tamaño 3, elegiremos "Fuera" para la posición y "Normal" para el Modo de fusión, luego moveremos el control deslizante Opacidad al extremo derecho para que sea 100%. A continuación, haré clic en el cuadro de color. Aparecerá una ventana que me permite seleccionar un color de trazo.

13 de 17

Seleccione un color de trazo

Haremos clic en el control deslizante de color o moveremos el triángulo del control deslizante de color hacia arriba o hacia abajo hasta que nos guste lo que vemos en el campo Color. Moveremos el marcador circular dentro del campo Color y haremos clic para seleccionar un color de trazo. Vamos a hacer clic en Aceptar, y haga clic en Aceptar de nuevo.

14 de 17

Crear una nueva capa

Dejaríamos el fondo transparente si el texto fuera necesario para varias aplicaciones, como folletos, anuncios de revistas y páginas web, ya que cada una podría tener fondos diferentes que podrían no coincidir con el color de fondo. Para este tutorial, sin embargo, rellenaremos el fondo con un color para que pueda ver mejor el texto delimitado.

En el panel Capas, haremos clic en el icono Crear nueva capa. Haremos clic y arrastraremos la nueva capa hacia abajo debajo de las otras capas, haremos doble clic en el nombre de la capa para resaltarla y luego escribiremos el nombre "fondo".

15 de 17

Seleccione un color de fondo

Con la capa de fondo seleccionada, haremos clic en el cuadro de selección de color de primer plano dentro del panel Herramientas, ya que Photoshop usa el color de primer plano para pintar, rellenar y sellar selecciones.

Desde el Selector de color, haremos clic en el control deslizante de color o moveremos el triángulo del control deslizante de color hacia arriba o hacia abajo hasta que nos guste lo que vemos en el campo Color. Moveremos el marcador circular dentro del campo Color y haremos clic para seleccionar un color, luego hacer clic en Aceptar.

Otra forma de indicar un color con el Selector de color es escribir un número HSB, RGB, Lab o CMYK, o especificando un valor hexadecimal.

16 de 17

Colorea el fondo

Con la capa de fondo aún seleccionada y la herramienta Cubo de pintura seleccionada desde el panel Herramientas, haremos clic en el fondo transparente para rellenar con color.

17 de 17

Guardar la imagen terminada

Aquí está el resultado final; Una imagen dentro del texto delineado en un color de fondo. Elija Archivo> Guardar, y listo!