Cómo hacer que el texto sea transparente en Photoshop

¿Necesitas agregar texto a una imagen pero no tienes un lugar adecuado para insertarlo? ¡Pruebe agregarlo como texto transparente en Photoshop!

Este tutorial le mostrará cómo crear un área de texto transparente, lo que significa que el texto en sí será completamente transparente, permitiendo que la imagen debajo se vea. Rodeamos el texto con un bloque sólido de color, generalmente blanco, revelando la forma de las letras y luego el texto se convierte en el marco del tema. Este es un gran consejo de diseño para imágenes que están tan cargadas que el texto no es fácil de leer.

Crear texto transparente en Photoshop es fácil. Comience agregando una nueva capa encima de la imagen y rellenándola de blanco. Luego añade tu texto. Para hacer que el texto sea transparente, usaremos las opciones de fusión avanzada de Photoshop para convertir la capa de tipografía en una capa resaltada. Esto perforará agujeros con la forma de las letras, que conducirán directamente a la imagen de abajo.

Paso 1: Abra la imagen

Comience abriendo la imagen a la que desea agregar un efecto de transparencia. Por ejemplo, descargué esta imagen del horizonte de Nueva York de Adobe Stock :

Cómo hacer que el texto sea transparente en Photoshop
Imagen original.

Paso 2: Agregar una nueva capa

En el panel Capas, la imagen está en la capa Fondo. Haga clic en el icono Agregar nueva capa en la parte inferior del panel Capas.

Cómo hacer que el texto sea transparente en Photoshop
Haga clic en el icono Agregar nueva capa.

Aparece una nueva capa en blanco llamada Capa 1 encima de la imagen.

Usaremos esta capa para crear el área blanca alrededor del texto.

Cómo hacer que el texto sea transparente en Photoshop
Nueva capa en blanco.

Paso 3: Rellena la nueva capa con blanco.

Rellene la capa con blanco yendo al menú Editar en la barra de menú y seleccionando Rellenar .

Cómo hacer que el texto sea transparente en Photoshop
Seleccione el comando Rellenar del menú Editar.

En el cuadro de diálogo Rellenar , establezca Contenido en Blanco. Luego haga clic en Aceptar.

Cómo hacer que el texto sea transparente en Photoshop
Establecer contenido en blanco

Photoshop rellenará la capa con blanco, bloqueando temporalmente la imagen de la vista.

Cómo hacer que el texto sea transparente en Photoshop
El resultado después de colorear la capa de blanco.

Paso 4: Reducir la opacidad de la capa

En el panel Capas, reduzca la opacidad de la Capa 1 al 75%.

Cómo hacer que el texto sea transparente en Photoshop
Disminuir la opacidad de la capa.

Cuando se reduce la opacidad, la imagen ahora es parcialmente visible para que podamos verla al agregar texto.

Cómo hacer que el texto sea transparente en Photoshop
Resultado después de reducir la opacidad de la capa.

Paso 5: Seleccionar la herramienta Tipo

En la barra de herramientas, seleccione la herramienta Tipo .

Cómo hacer que el texto sea transparente en Photoshop
Seleccione la herramienta Texto de Photoshop.

Paso 6: Elige la fuente

En la barra de opciones, seleccione su fuente. El ejemplo utilizará Futura PT Heavy pero cualquier fuente con texto grueso funcionará.

Cómo hacer que el texto sea transparente en Photoshop
Seleccione la fuente en la barra de opciones.

Aún en la barra de opciones, configure el tamaño de fuente a 150 pt. Necesitaremos cambiar el tamaño del texto una vez que lo hayamos agregado, pero esto debería darnos un punto de partida lo suficientemente grande.

Cómo hacer que el texto sea transparente en Photoshop
Seleccione el tamaño de fuente inicial.

Paso 7: Establezca el color del texto en negro

Antes de salir de la barra de opciones, asegúrese de que el color del texto esté configurado en negro. De lo contrario, presione D en su teclado para restablecer los valores predeterminados.

El negro nos permitirá ver el texto delante de un fondo blanco, pero desaparecerá cuando hagamos el texto transparente.

Cómo hacer que el texto sea transparente en Photoshop
El texto ahora será negro.

Paso 8: Agregar texto

Haga clic dentro del documento y agregue su texto. El ejemplo sería introducir las palabras CIUDAD DE NUEVA YORK.

Cómo hacer que el texto sea transparente en Photoshop
Añadir texto.

Haga clic en la marca de verificación en la barra de opciones para aceptar.

Cómo hacer que el texto sea transparente en Photoshop
Haga clic en la marca de verificación.

En el panel Capas, la nueva capa de texto aparece encima de la Capa 1.

Cómo hacer que el texto sea transparente en Photoshop
Nueva capa de texto.

Paso 9: Cambiar el tamaño del texto

Vaya al menú Editar en el menú y seleccione Transformación libre .

Cómo hacer que el texto sea transparente en Photoshop
Seleccione el comando Transformación libre.

Photoshop rodea el texto con un cuadro de transformación y controladores.

Pero antes de arrastrar los controladores, vaya a la barra de opciones y asegúrese de que el ícono de enlace entre los campos Ancho y Alto esté seleccionado. Esto bloqueará la relación de aspecto del texto al cambiar su tamaño para que las letras no se distorsionen.

Cómo hacer que el texto sea transparente en Photoshop
El ancho y la altura deben estar vinculados entre sí.

Luego arrastre cualquier controlador para cambiar el tamaño del texto.

Aquí, el ejemplo hará que el texto sea más grande para cubrir la mayor parte posible de la imagen.

Cómo hacer que el texto sea transparente en Photoshop
Arrastre los controladores de las esquinas para cambiar el tamaño del texto.

Luego haga clic y arrastre dentro del cuadro de transformación para reposicionar el texto. El ejemplo moverá el texto delante del borde del agua.

Cuando termine, presione Enter (Win) / Return (Mac) en su teclado para aceptar y cerrar Free Transform.

Cómo hacer que el texto sea transparente en Photoshop
Arrastre el texto a su posición.

Paso 10: Cambiar las opciones de fusión

En el panel Capas, asegúrese de que la capa de texto esté seleccionada y haga clic en el ícono Efectos de capa (fx) en la parte inferior.

Cómo hacer que el texto sea transparente en Photoshop
Haga clic en el icono fx.

Luego, seleccione Opciones de fusión en el menú superior.

Cómo hacer que el texto sea transparente en Photoshop
Seleccionar opciones de fusión.

Esto abrirá el cuadro de diálogo Estilo de capa de Photoshop establecido en las Opciones de fusión principales.

En la sección Fusión avanzada , cambie Knockout de Ninguno a Superficial. Esto convertirá la capa de texto en una capa eliminatoria, lo que significa que Photoshop utilizará la forma de las letras para atravesar la capa 1 y mostrar la imagen en la capa de Fondo.

Cómo hacer que el texto sea transparente en Photoshop
Cambie Knockout a Superficial.

No verás el efecto hasta que arrastres la Opacidad de relleno hasta 0%.

Cómo hacer que el texto sea transparente en Photoshop
Arrastre la opacidad de relleno hasta el 0 %

Haga clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa .

No solo el texto en sí se vuelve transparente, sino también el área de la capa 1 directamente debajo del texto, como si el texto hubiera sido perforado.

La imagen de la capa de fondo ahora es visible a través de las letras.

Cómo hacer que el texto sea transparente en Photoshop
Resultados con imágenes mostradas actualmente sobre texto.

Paso 11: Seleccionar la capa 1

Cambie el tamaño del área blanca alrededor del texto para que no cubra toda la imagen.

Haga clic en la Capa 1 en el panel Capas para seleccionar la Capa 1.

Cómo hacer que el texto sea transparente en Photoshop
Seleccione la capa de relleno blanca.

Paso 12: Cambia el tamaño de la capa usando Transformación libre

Regrese al menú Editar y seleccione Transformación libre.

Cómo hacer que el texto sea transparente en Photoshop
Seleccione el comando Transformación libre.

Antes de arrastrar los controladores de transformación, regrese a la barra de opciones y esta vez desvincule los campos Ancho y Alto. Esto nos permitirá arrastrar los controladores libremente sin preocuparnos por la relación de aspecto.

Cómo hacer que el texto sea transparente en Photoshop
Desvincular ancho y alto.

A continuación, arrastre los controladores superior e inferior hacia el texto. Presione Enter (Win) / Return (Mac) en su teclado cuando haya terminado.

Cómo hacer que el texto sea transparente en Photoshop
Cambiar el tamaño del borde blanco.

Paso 13: Ajustar la opacidad de la capa

Por último, ajuste la opacidad de la capa 1 para afinar la visibilidad del texto.

Aumentar la opacidad hará que el área blanca alrededor del texto sea más legible. Reducir la opacidad desenfocará el área de texto en la imagen.

El ejemplo establecerá la opacidad al 85%.

Cómo hacer que el texto sea transparente en Photoshop
Aumentar la opacidad de la capa.

Después de aumentar la opacidad, el resultado final del área de texto transparente debería verse así.

Cómo hacer que el texto sea transparente en Photoshop
Resultado final.

Leave a Comment

¿Cuál es el mejor eliminador de fondo de fotos con IA?

¿Cuál es el mejor eliminador de fondo de fotos con IA?

La gente pasa demasiado tiempo eliminando fondos manualmente y la IA no siempre es la magia que dice ser.

Cómo convertir una foto en un boceto a lápiz en Photoshop

Cómo convertir una foto en un boceto a lápiz en Photoshop

Este tutorial le mostrará cómo convertir fácilmente una fotografía en un boceto a lápiz usando Adobe Photoshop.

Cómo cambiar el tamaño de las imágenes correctamente en Photoshop

Cómo cambiar el tamaño de las imágenes correctamente en Photoshop

Para muchas personas cambiar el tamaño de las imágenes era muy molesto hasta que conocieron el sencillo método de protección basado en canales de Photoshop.

Cómo crear un efecto póster para fotos en Photoshop

Cómo crear un efecto póster para fotos en Photoshop

Agregue un efecto de póster rápido y fácil a sus imágenes usando Photoshop para recrear el aspecto clásico de los carteles impresos con colores de tinta limitados.

6 herramientas de edición de fotos con IA mejores que Photoshop

6 herramientas de edición de fotos con IA mejores que Photoshop

Hay muchos editores de fotografías con IA que hacen de Photoshop una segunda opción, y las funciones de IA son herramientas útiles para editar fotografías sin tener que aprender el complejo Photoshop.

Las 3 funciones más populares de Photoshop 2025

Las 3 funciones más populares de Photoshop 2025

Photoshop 2025 incluye nuevas herramientas de IA, selecciones más inteligentes y funciones que no sabías que necesitabas hasta ahora.

Cómo crear un efecto de color monocromático en Photoshop

Cómo crear un efecto de color monocromático en Photoshop

Este tutorial le mostrará una forma rápida y sencilla de agregar un efecto de color monocromático a una imagen usando Adobe Photoshop.

Cómo crear un borde de sombra en Photoshop

Cómo crear un borde de sombra en Photoshop

Este tutorial le mostrará cómo agregar espacio de lienzo y sombra paralela a su foto en Photoshop para crear un borde de foto simple pero elegante.

¿Por qué Lens Blur es una herramienta de Photoshop utilizada para la edición artística de fotografías?

¿Por qué Lens Blur es una herramienta de Photoshop utilizada para la edición artística de fotografías?

La herramienta Desenfoque de lente de Adobe facilita la revisión de sus fotografías, añadiéndoles profundidad y enfoque.

No es IA, Acciones es la función de Photoshop que los usuarios adoran

No es IA, Acciones es la función de Photoshop que los usuarios adoran

Oculta en la aplicación, Acciones de Photoshop es una característica muy apreciada de la popular herramienta de edición de fotografías, diseñada para acelerar los flujos de trabajo sin necesidad de IA.

¿Por qué utilizar Lightroom y Photoshop resulta excesivo para la mayoría de los fotógrafos?

¿Por qué utilizar Lightroom y Photoshop resulta excesivo para la mayoría de los fotógrafos?

Lightroom y Adobe Photoshop son dos de las mejores herramientas de edición de fotografías, pero aunque muchos profesionales las utilizan ambas juntas, solo necesitas Lightroom si eres un fotógrafo aficionado.

Cómo crear el efecto de imagen en imagen en Photoshop

Cómo crear el efecto de imagen en imagen en Photoshop

Este tutorial le mostrará cómo crear un atractivo efecto de imagen en imagen con Adobe Photoshop tomando una sola foto y creando la ilusión de que dentro de ella hay una versión más pequeña y recortada de la misma foto.

5 razones por las que el espacio de trabajo generativo de Photoshop es la mejor función de Adobe

5 razones por las que el espacio de trabajo generativo de Photoshop es la mejor función de Adobe

Generative Workspace es una de las principales funciones de IA anunciadas en Adobe Max 2024. Será el nuevo hogar para sus imágenes y archivos de IA generativa.

Cómo crear un efecto de reflejo de agua usando relleno generativo en Photoshop

Cómo crear un efecto de reflejo de agua usando relleno generativo en Photoshop

Con Generative Fill, impulsado por la inteligencia artificial generativa de Adobe llamada Firefly, cualquiera puede agregar efectos realistas de reflejo de agua a sus fotos simplemente dibujando una selección, escribiendo algunas palabras y haciendo clic en un botón.

Cómo pegar una imagen en una selección en Photoshop

Cómo pegar una imagen en una selección en Photoshop

Este tutorial le mostrará cómo copiar una imagen y pegarla en una selección en otra imagen usando el comando Pegar en en Adobe Photoshop.

Solución de problemas de actualizaciones de error H en Microsoft Teams

Solución de problemas de actualizaciones de error H en Microsoft Teams

¿Tiene problemas con el Error H de Microsoft Teams durante las actualizaciones? Descubra cómo solucionar el Error H de Microsoft Teams, sus causas comunes y soluciones rápidas para restablecer una colaboración fluida. Actualizado con las últimas soluciones.

Solución de problemas de errores de llavero en Microsoft Teams para Mac

Solución de problemas de errores de llavero en Microsoft Teams para Mac

¿Tienes problemas con el llavero de errores de Microsoft Teams para Mac? Descubre soluciones paso a paso y probadas para macOS y recupera una colaboración fluida. ¡Soluciones rápidas en el interior!

Cómo solucionar el error 1200 de Microsoft Teams en tu teléfono (iOS/Android)

Cómo solucionar el error 1200 de Microsoft Teams en tu teléfono (iOS/Android)

¿Cansado de que el error 1200 de Microsoft Teams bloquee tus llamadas? Descubre soluciones rápidas y paso a paso para iOS y Android y vuelve a trabajar en equipo sin problemas rápidamente, ¡sin necesidad de conocimientos técnicos!

¿Por qué falló mi grabación en Microsoft Teams? Razones comunes

¿Por qué falló mi grabación en Microsoft Teams? Razones comunes

¿Frustrado porque tu grabación de Microsoft Teams falló? Descubre las razones más comunes, como problemas de permisos, límites de almacenamiento y fallos de red, además de soluciones paso a paso para evitar futuros fallos y grabar siempre de forma impecable.

¿Por qué no puedo ver las salas de grupos pequeños en mi reunión de Teams?

¿Por qué no puedo ver las salas de grupos pequeños en mi reunión de Teams?

¿Frustrado porque las salas de reuniones no aparecen en tu reunión de Teams? Descubre las principales razones por las que no puedes verlas en Teams y sigue nuestras soluciones paso a paso para que funcionen correctamente en minutos. ¡Ideal tanto para organizadores como para participantes!

Solución de errores de red de Microsoft Teams en redes Wi-Fi públicas

Solución de errores de red de Microsoft Teams en redes Wi-Fi públicas

¿Tienes problemas con un error de red de Microsoft Teams en una red Wi-Fi pública? Obtén soluciones instantáneas como ajustes de VPN, comprobaciones de puertos y borrado de caché para restaurar llamadas y reuniones sin problemas. Guía paso a paso para una solución rápida.

¿Dónde está la papelera de reciclaje de Microsoft Teams? Cómo recuperar archivos borrados

¿Dónde está la papelera de reciclaje de Microsoft Teams? Cómo recuperar archivos borrados

¿Perdiste archivos importantes en Microsoft Teams? Descubre la ubicación exacta de la Papelera de reciclaje de Microsoft Teams y sigue nuestros pasos comprobados para recuperar archivos eliminados de forma rápida y sencilla, ¡sin necesidad de conocimientos técnicos!

Cómo configurar el estado Fuera de oficina en Microsoft Teams

Cómo configurar el estado Fuera de oficina en Microsoft Teams

Descubre cómo configurar el estado "Fuera de oficina" en Microsoft Teams con sencillos pasos para escritorio, móvil y sincronización con Outlook. Mantén la profesionalidad mientras estás fuera: ¡configuración rápida en minutos!

Dónde encontrar el código QR de Microsoft Teams para iniciar sesión rápidamente en dispositivos móviles

Dónde encontrar el código QR de Microsoft Teams para iniciar sesión rápidamente en dispositivos móviles

Descubre exactamente dónde encontrar el código QR de Microsoft Teams para iniciar sesión móvil ultrarrápido. Guía paso a paso con imágenes para conectarte en segundos, ¡sin necesidad de contraseñas!

Solución del error al unirse a una reunión en Microsoft Teams mediante un enlace directo

Solución del error al unirse a una reunión en Microsoft Teams mediante un enlace directo

¿Tienes problemas con el error al unirte a una reunión de Microsoft Teams? Descubre pasos comprobados para solucionarlo mediante enlaces directos. Soluciones rápidas para unirte sin problemas, ¡sin necesidad de conocimientos técnicos!

Cómo instalar el complemento de Microsoft Teams para Outlook 2026

Cómo instalar el complemento de Microsoft Teams para Outlook 2026

Domine la instalación del complemento de Microsoft Teams para Outlook 2026 sin esfuerzo. Aumente su productividad con una programación y reuniones fluidas. ¡Siga nuestros pasos probados y actualizados para un éxito inmediato!

¿Dónde está mi calendario de Teams? Solución de problemas de sincronización

¿Dónde está mi calendario de Teams? Solución de problemas de sincronización

¿Frustrado por "¿Dónde está mi calendario de Teams?"? Soluciona los problemas de sincronización en Microsoft Teams paso a paso. Restaura la vista de tu calendario y sincroniza sin esfuerzo: ¡consejos de expertos incluidos!

Cómo solucionar el error de inicio de sesión de Microsoft Teams en Chromebooks

Cómo solucionar el error de inicio de sesión de Microsoft Teams en Chromebooks

¿Tienes problemas con el inicio de sesión de Microsoft Teams en Chromebooks? Descubre soluciones paso a paso para resolver problemas de inicio de sesión rápidamente. Borra la caché, actualiza apps y mucho más para trabajar en equipo sin problemas. ¡Funciona con la última versión de Chrome OS!

Cómo cambiar tu foto de perfil de Microsoft Teams en iPhone y Android

Cómo cambiar tu foto de perfil de Microsoft Teams en iPhone y Android

Descubre la forma más sencilla de cambiar tu foto de perfil de Microsoft Teams en iPhone y Android. Guía paso a paso con capturas de pantalla para actualizaciones fluidas en la última versión de la app. ¡Mejora tu imagen profesional hoy mismo!

Solución de problemas de Microsoft Teams hoy: Qué comprobar primero

Solución de problemas de Microsoft Teams hoy: Qué comprobar primero

¿Te encuentras con un error en Microsoft Teams hoy? Esta guía paso a paso para la solución de problemas de Microsoft Teams te muestra las primeras comprobaciones para resolverlo rápidamente. Soluciones rápidas para la conectividad, la caché y las actualizaciones para que puedas volver a chatear sin problemas.