Cómo hacer texto transparente en Photoshop

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:

El efecto de texto transparente.

Empezamos!

Descargue este tutorial como PDF para imprimir.

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:

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:

Haga clic en el icono «Capa nueva».

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

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:

Vaya a Editar> Rellena.

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

Elegir el blanco como color de relleno.

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

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:

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:

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 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á:

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:

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 color sample In the options bar:

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 texto a la imagen.

Click check mark en la barra de opciones para aceptarlo:

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»:

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:

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:

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:

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:

Haga clic en el icono Estilos de capa.

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

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:

Configurando la opción Knockout «poco profunda».

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

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:

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:

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:

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:

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%:

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»:

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.