Cómo hacer texto transparente en Photoshop

Cómo hacer texto transparente en Photoshop

Este tutorial te muestra cómo crear texto transparente en Photoshop, lo que permite mostrar la imagen que hay detrás del texto a través de las letras. Un tutorial paso a paso para Photoshop CC, CS6 y versiones anteriores.

Necesita añadir texto a una imagen, pero no hay un buen lugar para ponerla? Intente añadirlo como texto transparente en Photoshop. En este tutorial, te mostraré cómo crear fácilmente un área de texto transparente, es decir, que el tipo en sí mismo sea totalmente transparente, lo que permitirá que se muestre la imagen que hay debajo. Rodeamos el texto con un bloque de color sólido, generalmente blanco, para revelar las formas de las letras. El texto transparente se convierte en un marco para nuestro tema. Este es un truco de diseño fantástico para imágenes demasiado ocupadas para que el texto sea fácil de leer.

Crear texto transparente en Photoshop es fácil. Empezamos añadiendo una nueva capa sobre la imagen y llenándola de blanco. A continuación, añadimos nuestro texto. Para hacer que el texto sea transparente, usamos las opciones de fusión avanzada de Photoshop (no se preocupe, son opciones «avanzadas» muy sencillas) para convertir nuestra capa de tipo en una capa «Knockout» que perfore hasta la imagen de las formas de nuestras cartas!

A continuación, se mostrará el área de texto transparente cuando hayamos terminado:

Se ha añadido texto transparente a una imagen de Photoshop

El efecto de texto transparente.

Empezamos!

Descargue este tutorial como PDF para imprimir.

Index
  1. Cómo añadir texto transparente
    1. Paso 1: abra su imagen
    2. Paso 2: añada una capa nueva
    3. Paso 3: rellene la capa nueva de blanco
    4. Paso 4: reducir la opacidad de la capa
    5. Paso 5: seleccione la herramienta de tipo
    6. Paso 6: elija su tipo de letra
    7. Paso 7: defina el color del tipo en negro
    8. Paso 8: añada su texto
    9. Paso 9: cambia el tamaño del texto
    10. Paso 10: abra las opciones de fusión
    11. Paso 11: seleccione «Capa 1»
    12. Paso 12: cambia el tamaño de la capa con transformación libre
    13. Paso 13: ajuste la opacidad de la capa
    14. Se revela una capa diferente de la capa de fondo

Cómo añadir texto transparente

Estoy utilizando Photoshop CC pero cada paso es compatible con Photoshop CS6 y versiones anteriores. Para obtener otra manera de crear texto transparente, consulte mi nuevo tutorial sobre Agregar texto transparente con efectos de capa.

Paso 1: abra su imagen

Comience abriendo la imagen donde desea añadir un tipo transparente. he descargado esta imagen del horizonte de Nueva York de Adobe Stock:

Imagen original de Adobe Stock

La imagen original. Crédito fotográfico: Adobe Stock.

Paso 2: añada una capa nueva

En el panel Capas, vemos la imagen en la capa de fondo. Añada una capa en blanco nueva sobre la imagen haciendo clic en nueva capa icono en la parte inferior del panel de capas:

Icono de Photoshop New Layer en el panel Capas

Haga clic en el icono «Capa nueva».

En la capa de fondo aparece una capa nueva llamada «Capa 1»:

Se ha añadido una nueva capa en blanco de Photoshop en el panel Capas

Se añade la nueva capa.

Paso 3: rellene la capa nueva de blanco

Utilizaremos esta capa para crear el área de blanco que rodeará el texto. Llene la capa de blanco subiendo a la editar menú en la barra de menú y elegir rellenar:

FILE Convierte una nueva foto en una vieja foto con Photoshop

Orden de relleno de Photoshop en el menú Edición

Vaya a Editar> Rellena.

En el cuadro de diálogo Rellenar, configure el archivo contenidos opción en la parte superior de blancoy, a continuación, haga clic en Aceptar:

Opción de contenido en el cuadro de diálogo Rellenar de Photoshop

Elegir el blanco como color de relleno.

Photoshop llena la capa de blanco y bloquea temporalmente la imagen:

Photoshop Efecto de texto transparente después de llenar la capa de blanco

La nueva capa ahora se llena de blanco.

Paso 4: reducir la opacidad de la capa

Descargar la opacidad de «Capa 1» a 75%. La opción Opacidad se encuentra en la parte superior derecha del panel Capas:

Opción de opacidad de capa de Photoshop en el panel Capas

Reducción de la opacidad de la «capa 1» al 75%.

Con la opacidad reducida, la imagen ahora se muestra parcialmente para poder ver mientras vamos añadiendo el texto:

Efecto de texto transparente de Photoshop después de reducir la opacidad de la capa

La imagen se muestra ahora a través de «Capa 1».

Paso 5: seleccione la herramienta de tipo

Seleccione la herramienta de tipo en la barra de herramientas:

Selección de la herramienta de tipo en Photoshop

Selección de la herramienta Tipo.

Paso 6: elija su tipo de letra

Elija su tipo de letra en el archivo Barra de opciones. Voy a utilizar Futura PT Heavy que he descargado de Adobe Typekit, Pero cualquier tipo de letra funcionará:

Opciones de fuente de Photoshop en la barra de opciones

Elegir el tipo de letra en la barra de opciones.

Aunque en la barra de opciones, configure el archivo tamaño de la fuente to 72 pt. Tendremos que cambiar el tamaño del texto una vez la hayamos añadido, pero por ahora nos proporcionará el tamaño predeterminado mayor:

Opción de tamaño de letra de Photoshop en la barra de opciones

Configuración del tamaño de la letra a 72 pt.

Paso 7: defina el color del tipo en negro

Asegúrese de que el color del tipo esté configurado a negro pulsando la letra D al teclado, que restablece el color al valor predeterminado. Esto es sólo para que podamos ver el tipo ante el fondo blanco. El color de la fuente actual se encuentra en muestra de color In the options bar:

Muestra de color de fuente de Photoshop en la barra de opciones

El tipo de muestra de color en la barra de opciones.

Paso 8: añada su texto

Haga clic dentro del documento y añada el texto. Escribiré las palabras «CIUDAD DE NUEVA YORK»:

Añadir tipo a una imagen en Photoshop

Añadir texto a la imagen.

Haga clic en check mark en la barra de opciones para aceptarlo:

Marca de verificación de la herramienta de tipo Photoshop

Haga clic en la marca de selección para aceptar el texto.

En el panel Capas, el nuevo Tipo de capa aparece sobre «Capa 1»:

Capa de tipo Photoshop

El tablero Capas que muestra la nueva capa de tipo.

Paso 9: cambia el tamaño del texto

sube al editar en la barra de menú y seleccione Transformación gratuita:

FILE Mezclar fotos para crear un póster de película en Photoshop

Orden Transform libre en el menú Edición de Photoshop

Vaya a Editar> Transformación gratuita.

Photoshop rodea el texto con el cuadro y las asas de transformación gratuita. Haga clic y arrastre cualquiera de los archivos asas de esquina para cambiar el tamaño del texto según sea necesario. Mantenga oprimida Maj mientras arrastra para evitar distorsionar las formas de las letras mientras las cambie de tamaño:

Cambiar el tamaño del texto con Free Transform a Photoshop

Mantenga pulsada la tecla Mayús y arrastre las asas de las esquinas para cambiar el tamaño del texto.

Para mover el texto, haga clic en el cuadro Transformación libre y arrastre a su posición. Moveré mi texto delante de la línea de flotación. Cuando haya terminado, pulse entra (Win) / vuelve (Mac) en el teclado:

Mover texto con Free Transform a Photoshop

Haga clic y arrastre dentro del cuadro Transformación libre para cambiar la posición del texto.

Paso 10: abra las opciones de fusión

Con la capa Tipo seleccionada, haga clic en Estilos de capa icono (el archivo fx icono) en la parte inferior del panel Capas:

Icono de Photoshop Añadir estilos de capa en el panel Capas

Haga clic en el icono Estilos de capa.

Choose Opciones de fusión desde la parte superior de la lista:

Opciones de mezcla en el menú del panel Capas del Photoshop

Elija «Opciones de fusión».

Se abrirá el cuadro de diálogo Estilo de capa de Photoshop a las opciones de fusión principales. En la sección Advanced Blending, cambie eliminatoria de Hacia poca profundidad. Esto convierte la capa Tipo en una capa «knockout», lo que significa que Photoshop utilizará las formas de las letras a hacer un puñetazo «Capa 1» y revela la imagen en la capa de fondo:

Opción de knockout a las opciones de fusión avanzada de Photoshop

Configurando la opción Knockout «poco profunda».

Para ver el efecto, arrastre el botón rellenar Opacidad control deslizante hasta 0%:

Rellene Opacity a las opciones de fusión de Photoshop

Reducción de la opacidad de llenado al 0%.

Haga clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa. No sólo el texto se ha convertido en transparente, sino que también lo ha sido la zona de «Capa 1» directamente debajo del texto, como si el texto Forés un agujero. Ahora podemos ver la imagen en la capa de fondo a través de las letras:

Escribir la capa como capa Knockout a Photoshop

El efecto después de convertir la capa Tipo en una capa eliminatoria.

Paso 11: seleccione «Capa 1»

Cambie el tamaño de la zona blanca que rodea el texto para que no cubra toda la foto. Hacer clic en capa 1 el panel Capas para seleccionarlo:

Selección de la capa 1 en el panel de capas de Photoshop

Seleccionando «Capa 1».

Paso 12: cambia el tamaño de la capa con transformación libre

sube al editar menú y vuelva a elegir transformación libre:

Opción de transformación gratuita en el menú Edición de Photoshop

Vaya a Editar> Transformación gratuita.

Arrastre el archivo asas superior e inferior hacia el texto. pulse entra (Win) / vuelve (Mac) en el teclado cuando haya terminado:

FILE Fotos en blanco y negro de tonificación dividida con Photoshop

Redimensionamiento de la capa con Free Transform a Photoshop

Cambiar el tamaño de la zona blanca que rodea el texto con Transformación libre.

Paso 13: ajuste la opacidad de la capa

Finalmente, ajuste la opacidad de «Capa 1» para afinar la visibilidad del texto. Aumentar la opacidad hará que la zona blanca que rodea el texto sea más sólida y que el tipo sea más fácil de leer. Si reduzca la opacidad, el área de texto se suavizará en la imagen. Estableceré la opacidad al 85%:

Opción de opacidad de capa en el panel de capas de Photoshop

Incremento del valor de opacidad al 85%.

Y aquí, después de aumentar la opacidad, está el resultado final de mi «área de texto transparente»:

Cómo añadir texto transparente al tutorial de Photoshop

El efecto final de tipo transparente.

Se revela una capa diferente de la capa de fondo

Los pasos que hemos recorrido en este tutorial son todo lo que necesita hacer cuando la imagen que desea revelar a través de su texto se encuentra en Capa de fondo. Si tienes una imagen encima la capa de fondo que desea mostrar a través del texto, simplemente coloque la capa Tipo y la capa blanca sólida debajo de ella en un grupo de capas seleccionando las dos capas y, a continuación, capa menu and choose Capas de grupo.

Y aquí lo tenemos! Así es como añadir fácilmente texto transparente a una imagen con Photoshop. Además de añadir texto transparente, otro efecto clásico de Photoshop es colocar su imagen directamente dentro del texto. O bien, aprended a combinar el texto con la imagen eligiendo colores tipo directamente desde la misma imagen. Visita nuestra sección Efectos fotográficos para obtener más tutoriales de Photoshop.

Go up

We use our own and third party cookies to improve the user experience. More Informaticon