Inicio
» Wiki
»
Cómo hacer que el texto sea transparente en Photoshop
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.
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.
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.
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 .
Seleccione el comando Rellenar del menú Editar.
En el cuadro de diálogo Rellenar , establezca Contenido en Blanco. Luego haga clic en Aceptar.
Establecer contenido en blanco
Photoshop rellenará la capa con blanco, bloqueando temporalmente la imagen de la vista.
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%.
Disminuir la opacidad de la capa.
Cuando se reduce la opacidad, la imagen ahora es parcialmente visible para que podamos verla al agregar texto.
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 .
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á.
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.
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.
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.
Añadir texto.
Haga clic en la marca de verificación en la barra de opciones para aceptar.
Haga clic en la marca de verificación.
En el panel Capas, la nueva capa de texto aparece encima de la Capa 1.
Nueva capa de texto.
Paso 9: Cambiar el tamaño del texto
Vaya al menú Editar en el menú y seleccione Transformación libre .
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.
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.
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.
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.
Haga clic en el icono fx.
Luego, seleccione Opciones de fusión en el menú superior.
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.
Cambie Knockout a Superficial.
No verás el efecto hasta que arrastres la Opacidad de relleno hasta 0%.
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.
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.
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.
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.
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.
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%.
Aumentar la opacidad de la capa.
Después de aumentar la opacidad, el resultado final del área de texto transparente debería verse así.