¡Ayuda al desarrollo del sitio, compartiendo el artículo con amigos!
En este tutorial de Photoshop, veremos cómo crear un efecto interesante agregando una textura al texto. Crear el efecto no requiere más que una foto para usar como textura, una máscara de capa, un simple ajuste de imagen y, por supuesto, ¡algo de texto! El efecto funciona mejor cuando usa una textura que tiene algo que ver con el tema de su texto, pero por supuesto, el resultado final depende de usted.
Este es un ejemplo del efecto en el que trabajaremos:
![](https://images.wiki-code.net/photoshop-text/5428991/textured_text_effect_in_photoshop.gif.webp)
¡Empecemos!
Paso 1: Crear un nuevo documento
Lo primero que necesitamos es un nuevo documento en el que trabajar. Vaya al menú Archivo en la parte superior de la pantalla y elija Nuevo , o presione el atajo de teclado Ctrl+N (Win) / Command+N (Mac). De cualquier manera, aparece el cuadro de diálogo Nuevo documento de Photoshop. Elija el tamaño que necesita para su documento. Para este tutorial, crearé un documento de 800 píxeles de ancho por 600 píxeles de alto y como no planeo imprimirlo, dejaré la resolución establecida en 72 píxeles por pulgada. Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo. El nuevo documento aparecerá en su pantalla:
![](https://images.wiki-code.net/photoshop-text/5428991/textured_text_effect_in_photoshop_2.gif.webp)
Paso 2: Rellene el nuevo documento con negro
Voy a usar negro como fondo para mi efecto de texto, lo que significa que tendré que rellenar el documento con negro. Para hacerlo, sube al menú Edit en la parte superior de la pantalla y elige FillEsto abre el cuadro de diálogo Relleno. Elija Black para la opción Contents en la parte superior del cuadro de diálogo. Además, asegúrese de que el Modo de fusión esté configurado en Normal y Opacidad esté configurado en 100% (estas son las configuraciones predeterminadas, por lo que probablemente no necesite cambiarlas):
![](https://images.wiki-code.net/photoshop-text/5428991/textured_text_effect_in_photoshop_3.gif.webp)
Haga clic en Aceptar para salir del cuadro de diálogo Rellenar. Photoshop llena el nuevo documento con negro sólido:
![](https://images.wiki-code.net/photoshop-text/5428991/textured_text_effect_in_photoshop_4.gif.webp)
Paso 3: Agrega tu texto
Seleccione la Type Tool de la paleta Herramientas, o presione la letra T en su teclado para seleccionarla rápidamente con el atajo:
![](https://images.wiki-code.net/photoshop-text/5428991/textured_text_effect_in_photoshop_5.gif.webp)
Una vez que haya seleccionado la herramienta Texto, la Barra de opciones en la parte superior de la pantalla mostrará opciones para trabajar con texto.Elija la fuente, el tamaño de fuente y el color del texto que desea usar, luego haga clic dentro del documento y agregue su texto. Si desea obtener un poco de fantasía con su texto, encontrará opciones adicionales para el tipo de formato, como interlineado, interletraje, seguimiento y cambio de línea de base, en la paleta Character de Photoshop, que puede acceda rápidamente haciendo clic en el icono de alternancia de la paleta de caracteres y párrafos en la barra de opciones:
![](https://images.wiki-code.net/photoshop-text/5428991/textured_text_effect_in_photoshop_6.gif.webp)
"Voy a usar una foto de algunas ondas de agua para mi textura, así que elegiré un color azul para mi texto y escribiré ondas en el agua en mi documento:"
![](https://images.wiki-code.net/photoshop-text/5428991/textured_text_effect_in_photoshop_7.gif.webp)
Cuando haya terminado, haga clic en la marca de verificación en la barra de opciones para aceptar el tipo y salir del modo de edición de texto:
![](https://images.wiki-code.net/photoshop-text/5428991/textured_text_effect_in_photoshop_8.gif.webp)
Todo su texto ahora debe estar en una capa directamente encima de la capa Fondo en la paleta Capas:
![](https://images.wiki-code.net/photoshop-text/5428991/textured_text_effect_in_photoshop_9.gif.webp)
Paso 4: Abra la foto de textura
Abra la foto que desea usar como textura en el efecto. Esta es la imagen que usaré:
![](https://images.wiki-code.net/photoshop-text/5428991/textured_text_effect_in_photoshop_2.jpg.webp)
Paso 5: Copie la foto al portapapeles
Necesitamos copiar la imagen temporalmente en el portapapeles de Photoshop, lo que simplemente significa que la estamos copiando en la memoria de la computadora. Vaya al menú Select en la parte superior de la pantalla y elija All, o presione Ctrl+A (Win) / Command+A (Mac) para un atajo de teclado más rápido.De cualquier manera, selecciona la imagen completa y verá que aparece un contorno de selección alrededor de los bordes de la foto. Luego suba al menú Edit y elija Copy, o presione Ctrl+C (Win) /Comando+C (Mac), para copiar la imagen al portapapeles.
Paso 6: agregue una máscara de capa a la capa de texto
Con la foto de textura ahora almacenada temporalmente en la memoria, vuelva a su documento original (el que contiene el texto). Asegúrese de que la capa de texto esté res altada en azul en la paleta Capas, lo que significa que es la capa actualmente seleccionada. Si no está seleccionado, haga clic en él para seleccionarlo. Luego haga clic en el ícono Máscara de capa en la parte inferior de la paleta Capas. No parecerá que haya ocurrido nada en el documento, pero si vuelve a mirar la capa de texto, verá que ahora aparece una miniatura de máscara de capa blanca:
![](https://images.wiki-code.net/photoshop-text/5428991/textured_text_effect_in_photoshop_10.gif.webp)
Paso 7: Pegue la foto en la máscara de capa
Vamos a pegar nuestra foto de textura directamente en la máscara de capa que acabamos de agregar. Normalmente, Photoshop no nos permite pegar una imagen en una máscara de capa, pero aquí está el truco. Mantenga presionada la tecla Alt (Win) / Option (Mac), luego haga clic en la miniatura de la máscara de capa en la paleta Capas:
![](https://images.wiki-code.net/photoshop-text/5428991/textured_text_effect_in_photoshop_11.gif.webp)
Verás que la ventana de tu documento se llena de blanco sólido. Lo que en realidad está viendo es la máscara de capa en sí, que es algo que normalmente no vemos cuando trabajamos en Photoshop. Con la máscara de capa ahora visible dentro de la ventana del documento, suba al menú Edit y elija Paste, o presione Ctrl+ V (Win) / Command+V (Mac) para pegar la foto de textura en la máscara de capa. Para borrar el contorno de selección alrededor de la foto, suba al menú Select y elija Deselect, o presione Ctrl+D (Windows) / Comando+D (Mac).Dado que las máscaras de capa solo se ocupan del negro, el blanco y los tonos de gris, la foto de la textura aparecerá en blanco y negro dentro de la máscara de capa:
![](https://images.wiki-code.net/photoshop-text/5428991/textured_text_effect_in_photoshop_3.jpg.webp)
Con la foto ahora pegada en la máscara de capa, mantenga presionada una vez más Alt (Ganar) / Opción (Mac) y haga clic en en la miniatura de la máscara de capa en la paleta de capas:
![](https://images.wiki-code.net/photoshop-text/5428991/textured_text_effect_in_photoshop_12.gif.webp)
Esto nos saca de la máscara de capa y nos devuelve al modo de vista de documento normal. Verás que la foto de la textura ahora aparece dentro del texto:
![](https://images.wiki-code.net/photoshop-text/5428991/textured_text_effect_in_photoshop_4.jpg.webp)
Paso 8: Aplicar el ajuste de umbral a la máscara de capa
Para hacer que la imagen dentro del texto se parezca menos a una foto y más a una textura interesante, usaremos el ajuste de imagen Threshold de Photoshop.Photoshop nos permite aplicar algunos (pero no todos) de sus ajustes de imagen directamente a las máscaras de capa, y el ajuste Umbral es uno de los que podemos usar. El ajuste Umbral toma todos los colores (o tonos de gris) en una imagen y los convierte a blanco o negro, lo que reduce en gran medida la cantidad de detalles en la imagen.
Debería ver un borde de res altado blanco que aparece alrededor de la miniatura de la máscara de capa en la paleta Capas. Esto nos dice que la máscara de capa está actualmente seleccionada. Si no ve el borde res altado alrededor de la miniatura, haga clic en él para seleccionarlo. Luego suba al menú Imagen en la parte superior de la pantalla, elija Ajustes, y luego elija Umbral :
![](https://images.wiki-code.net/photoshop-text/5428991/textured_text_effect_in_photoshop_13.gif.webp)
Esto abre el cuadro de diálogo Umbral e inmediatamente verá un cambio en la apariencia de su texto, con algunas áreas de color sólido que permanecen visibles y otras áreas ahora ocultas a la vista.Las áreas reales que están ocultas dependerán completamente de la foto que estés usando para tu textura:
![](https://images.wiki-code.net/photoshop-text/5428991/textured_text_effect_in_photoshop_14.gif.webp)
Puede controlar cuánto impacto tiene la foto de textura en el texto arrastrando el pequeño control deslizante en la parte inferior del cuadro de diálogo Umbral hacia la izquierda o hacia la derecha. Recuerde, el ajuste Umbral toma todo en la imagen y lo convierte en negro sólido o blanco sólido, y en una máscara de capa, que es donde se encuentra la foto de textura, las áreas de blanco revelan esas partes de la capa mientras que las áreas de negro se ocultan. esas partes de la capa. A medida que arrastra el control deslizante hacia la izquierda, el ajuste de Umbral forzará a que más y más textura de la foto se vuelva blanca, lo que significa que más y más texto se hará visible. Al arrastrar el control deslizante hacia la derecha, se forzará a que una mayor parte de la foto de textura se vuelva negra, lo que significa que se ocultará una mayor parte del texto.Exactamente hacia dónde arrastre el control deslizante dependerá completamente de la foto que esté usando para la textura y el efecto que esté buscando, por lo que definitivamente querrá vigilar su texto mientras arrastra el control deslizante hasta que Logré el resultado que desea. Dado que mi texto es casi ilegible en este momento, voy a arrastrar mi control deslizante bastante hacia la izquierda para reducir el impacto de la textura:
![](https://images.wiki-code.net/photoshop-text/5428991/textured_text_effect_in_photoshop_15.gif.webp)
Con más de mi foto de textura siendo forzada a blanco, ahora se ve más texto en el documento:
![](https://images.wiki-code.net/photoshop-text/5428991/textured_text_effect_in_photoshop_16.gif.webp)
Paso 9: Desvincular la máscara de capa de la capa de texto
Si está satisfecho con los resultados del efecto, puede detenerse aquí, pero si desea cambiar el tamaño de la foto o moverla dentro del texto, haga clic en el pequeño icono de enlaceentre la miniatura de la capa de texto y la miniatura de la máscara de capa.Esto desvinculará la máscara de capa del texto, permitiéndonos mover nuestra foto de textura en la máscara de capa sin mover el texto mismo:
![](https://images.wiki-code.net/photoshop-text/5428991/textured_text_effect_in_photoshop_17.gif.webp)
Paso 10: Cambiar el tamaño y/o mover la foto de textura con transformación libre
Con la foto de textura en la máscara de capa y el texto ya no está unido, presiona Ctrl+T (Ganar) / Comando+T(Mac) para que aparezca el cuadro Transformación libre de Photoshop y los controles alrededor de la foto de textura. Arrastra cualquiera de los tiradores de las esquinas para cambiar su tamaño. Mantenga presionada la tecla Shift mientras arrastra los controladores para restringir las proporciones de la foto si no desea distorsionar su forma. Agregue la tecla Alt (Win) / Option (Mac) mientras arrastra un controlador para cambiar el tamaño de la foto desde el centro en lugar de desde la esquina. Para mover la foto dentro del texto, simplemente haga clic en cualquier lugar dentro del cuadro Transformación libre y arrastre la imagen con el mouse:
![](https://images.wiki-code.net/photoshop-text/5428991/textured_text_effect_in_photoshop_18.gif.webp)
Presione Enter (Win) / Return (Mac) para salir del comando Transformación libre y listo. Aquí está el resultado final de mi foto texturizada:
![](https://images.wiki-code.net/photoshop-text/5428991/textured_text_effect_in_photoshop.gif.webp)
Adónde ir después…
¡Y ahí lo tenemos! ¡Consulte nuestras secciones Efectos de texto o Efectos fotográficos para obtener más tutoriales de efectos de Photoshop!