1. Design & Illustration
  2. Adobe Photoshop

Cómo aplicar textura a un texto en Photoshop

by
Read Time:9 minsLanguages:

Spanish (Español) translation by Ana Paulina Figueroa Vazquez (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

¿Quieres aprender cómo aplicar textura a un texto en Photoshop? En este tutorial veremos los pasos para rellenar un texto con una textura al estilo de Photoshop. Estas técnicas aplicarían para casi cualquier fuente, además de formas. Así que toma tu texto favorito y comencemos a diseñar.

¿Te encantan los efectos de texto? Echa un vistazo a Envato Elements

Envato Elements Text TexturesEnvato Elements Text TexturesEnvato Elements Text Textures

Si te encantan los efectos de texto, asegúrate de echar un vistazo a Envato Elements. Hay muchas plantillas de efectos de texto que puedes descargar y probar ahora mismo. La mejor parte es que puedes descargarlas todas por un precio bajo. Todas están incluidas.

Pero esto también incluye una cantidad ilimitada de texturas, fotografías, fuentes y más. Es una excelente opción si quieres tener una biblioteca de recursos profesionales a un precio muy bajo.

Lo que necesitarás

Este tutorial usa los siguientes recursos:

Puedes usar estos archivos para trabajar con nosotros mientras exploramos diferentes enfoques para aplicar texturas en Photoshop. Sin embargo, también puedes usar estas técnicas y plantillas de texturas de texto con otras fuentes y otras texturas. No dudes en trabajar con tus propios recursos, si así lo prefieres.

Sigue los pasos con nosotros en Envato Tuts+, nuestro canal de YouTube:

1. Cómo ponerle una textura a un texto en Photoshop

Paso 1

Comienza por crear un Documento nuevo. Este puede ser del tamaño que prefieras para tu proyecto. En este tutorial vamos a trabajar con 9 pulgadas de ancho por 6 pulgadas de alto, y con 300 píxeles por pulgada. Esto podría funcionar bien para la impresión de un póster miniatura.

Put Texture On Text Start New DocumentPut Texture On Text Start New DocumentPut Texture On Text Start New Document

Paso 2

Selecciona la Herramienta Texto y luego haz clic una vez en tu lienzo para comenzar a escribir. En este ejemplo vamos a usar la fuente Somalia de Envato Elements. El texto puede decir lo que tú prefieras, pero el nuestro dirá "Welcome" ("Bienvenido").

Put Texture On Text TypePut Texture On Text TypePut Texture On Text Type

Paso 3

Echa un vistazo a tu panel Capas. Si no ves este panel, ve a Ventana > Capas para abrirlo. Así es como se ve en este punto del tutorial.

Observa cómo tenemos nuestra capa de fondo y nuestra capa de texto. Photoshop creó automáticamente nuestra capa de texto para nosotros.

Put Texture On Text Layers PanelPut Texture On Text Layers PanelPut Texture On Text Layers Panel

Paso 4

A continuación, asignemos una textura a esta fuente.

Abre la imagen de la textura que te gustaría aplicar a tu texto yendo a Archivo > Abrir. En esta demostración, vamos a usar un conjunto de texturas vibrantes de acuarela de Envato Elements. Este conjunto viene con una colección de texturas de entre las que puedes elegir.

Put Texture On Text Open TexturePut Texture On Text Open TexturePut Texture On Text Open Texture

Paso 5

Con tu imagen de textura abierta, selecciónala toda yendo a Seleccionar > Todo.

Put Texture On Text Select AllPut Texture On Text Select AllPut Texture On Text Select All

Paso 6

Después ve a Edición > Copiar para copiar la imagen completa.

Ahora regresa a nuestro documento original, en donde escribimos nuestro texto. Ve a Edición > Pegar para pegar nuestra imagen de textura en este documento. Notarás que Photoshop la pega automáticamente en una capa nueva, encima de nuestro texto.

De lo contrario, si notas que esta nueva capa se encuentra debajo del texto, asegúrate de hacer clic y arrastrar para reposicionar esta capa. Queremos que la textura esté encima de nuestro texto.

Put Texture On Text Copy Paste TexturePut Texture On Text Copy Paste TexturePut Texture On Text Copy Paste Texture

Paso 7

Viendo tu panel Capas, selecciona la capa que contiene tu textura. Haz clic con el botón derecho en una PC, o Control-clic en una Mac. En el menú que aparece, selecciona Crear máscara de recorte.

La imagen resultante se ve así. Solo vemos la textura en el espacio ocupado por nuestro texto.

Put Texture On Text Clipping MaskPut Texture On Text Clipping MaskPut Texture On Text Clipping Mask

Paso 8

Lo bueno de esto es que todavía podemos mover y editar la textura. Demostremos esto seleccionando la Herramienta Mover. Luego selecciona la capa que contiene tu imagen de textura. Todavía debería ser una máscara de recorte.

Haz clic y arrastra con la Herramienta Mover seleccionada para mover y ajustar fácilmente la forma en la que se aplica la textura a tu texto.

Put Texture On Text Move Clipping MaskPut Texture On Text Move Clipping MaskPut Texture On Text Move Clipping Mask

Paso 9

Ten en cuenta que también puedes ajustar esta textura de otras maneras. Por ejemplo, puedes aplicar diferentes modos de fusión a tu capa de textura.

Probemos esto copiando nuestra capa de textura. Puedes lograrlo haciendo clic con el botón derecho en una PC, o Control-clic en una Mac, y luego seleccionando Duplicar capa.

Put Texture On Text Duplicate LayerPut Texture On Text Duplicate LayerPut Texture On Text Duplicate Layer

Paso 10

A continuación, cambia el Modo de fusión de esta capa duplicada a Luz intensa en la parte superior del panel Capas. Observa cómo es que esto cambia la forma en la que las capas se fusionan y la manera en la que se ven juntas.

Usa la Herramienta Mover para reposicionar esta capa hasta que la textura tenga una apariencia y alineación que se ajuste a lo que tú quieres.

Put Texture On Text RepositionPut Texture On Text RepositionPut Texture On Text Reposition

Paso 11

A continuación, agreguemos algunos Estilos de capa a nuestra capa de texto. Puedes encontrar esta opción en la parte inferior de tu panel Capas.

Existen muchas opciones y posibilidades cuando se trata de estilos de capa. Puedes añadir diferentes tipos de sombras, superposiciones y más, para crear todo tipo de efectos. Mantengámoslo simple con una Superposición de colores básica.

Put Texture On Text Layer StylesPut Texture On Text Layer StylesPut Texture On Text Layer Styles

Paso 12

Con el panel Estilos de capa abierto, elige un color púrpura como el del código hexadecimal #9019c8 y establece la Opacidad en 28%. Una vez que tengas los valores que prefieras, haz clic en OK para aplicarlos.

Put Texture On Text Color OverlayPut Texture On Text Color OverlayPut Texture On Text Color Overlay

Paso 13

Para terminar, vamos a añadir un poco de textura al fondo. Agreguemos una de estas texturas de papel antiguo de Envato Elements al fondo.

Como lo hicimos antes, abre la imagen, cópiala y pégala en tu documento. Después prueba reduciendo la Opacidad en el panel Capas a 38%. Esto hará que se vea más suave y más brillante en comparación con el fondo blanco existente.

Put Texture On Text Paper TexturePut Texture On Text Paper TexturePut Texture On Text Paper Texture

Paso 14

Repitamos este proceso, pero con las mismas texturas vibrantes de acuarela que aplicamos al texto. Abre, copia y pega esta textura en tu fondo.

Esta vez apliquemos Luz suave como Modo de fusión en nuestro panel Capas. Observa cómo agrega algunos elementos suaves con estilo acuarela a nuestra textura de papel.

Put Texture On Text Soft LightPut Texture On Text Soft LightPut Texture On Text Soft Light

Paso 15

Finalmente, solo para añadir un poco de contraste, agreguemos un trazo de pincel con apariencia de acuarela detrás de nuestro texto. Nuevamente, estamos repitiendo el mismo proceso. Abre la imagen, cópiala y luego pégala en tu documento.

Usa la Herramienta Mover para colocar el trazo de pincel detrás del texto. Cambia el Modo de fusión de esta capa a Superposición, para que verdaderamente resalte en comparación con nuestro fondo.

Como puedes ver, existen muchas posibilidades que puedes crear utilizando modos de fusión y estilos de capa. Esta es solamente una muestra de esas posibilidades.

Put Texture On Text OverlayPut Texture On Text OverlayPut Texture On Text Overlay

2. Cómo agregar textura en Photoshop con una plantilla

Paso 1

¿Buscas ahorrar algo de tiempo? ¿Qué tal si experimentas con algunas combinaciones complejas de estilos de capa y modos de fusión? Veamos también cómo agregar textura en Photoshop con un archivo de plantilla.

Es muy divertido crear este aspecto desde cero, pero las plantillas pueden ser una forma divertida de probar estilos diferentes de manera rápida y sencilla. Probemos esto con esta plantilla de efecto de acuarela de Envato Elements. Tiene una textura realmente hermosa para el texto que podemos probar.

Put Texture On Text EffectPut Texture On Text EffectPut Texture On Text Effect

Paso 2

Una plantilla como esta ya tiene configuradas nuestras capas para nosotros, está lista para ser usada, con efectos, texturas y modos de fusión ya configurados.

Aquí puedes ver el panel Capas. Observa que aquí algunas capas son objetos inteligentes. Hagamos doble clic en la miniatura de la capa para entrar a este objeto inteligente y editar su contenido.

Put Texture On Text Water ColorPut Texture On Text Water ColorPut Texture On Text Water Color

Paso 3

Aquí estamos dentro del objeto inteligente. Usa la Herramienta Texto para escribir el texto que prefieras. Nuevamente, en esta demostración usaremos la fuente Somalia y haremos que diga "Welcome" ("Bienvenido").

Una vez que estés satisfecho con tu texto, asegúrate de guardar este documento. Guardarlo actualizará el texto en el archivo de la plantilla.

Put Texture On Text Smart ObjectPut Texture On Text Smart ObjectPut Texture On Text Smart Object

Paso 4

Observando de nuevo nuestra plantilla, la fuente y el texto se han actualizado. Podemos ocultar cualquier capa adicional que no queramos ver en el panel Capas. Para activar y desactivar la visibilidad, haz clic en el icono en forma de ojo a la izquierda de cada capa.

Usa la Herramienta Mover para reposicionar el contenido, y ahí lo tienes. Puedes rellenar texto con texturas fácilmente en plantillas de Photoshop como esta.

Put Texture On Text Fill TexturePut Texture On Text Fill TexturePut Texture On Text Fill Texture

¿Qué textura de fuente usarías?

Existen muchas posibilidades al considerar de qué manera poner una textura en un texto en Photoshop. Puedes optar por un estilo de acuarela, o puedes probar con otros tipos de texturas de papel. Puedes probar con texturas metálicas, césped, follaje, texturas abstractas y más.

Prueba todo tipo de texturas diferentes. Ahora que ya sabes cómo aplicar texturas en Photoshop, ¿qué probarías?

Final Texture On TextFinal Texture On TextFinal Texture On Text

¿Quieres probar algunos estilos de texto con textura ahora mismo? Echa un vistazo a estos efectos de texto de Envato Elements. Estos dependen en gran medida de estilos de capa que ya han sido creados para ti. Es tan simple como abrir el archivo, agregar tu texto y disfrutar de tu efecto de texto renderizado.

1. Efectos de texto holocromáticos (PSD)

Envato Elements Text Effect HoloEnvato Elements Text Effect HoloEnvato Elements Text Effect Holo

¡Echa un vistazo a estos elegantes y brillantes efectos holográficos de texto! Con estos geniales efectos de textura de fuente, puedes convertir cualquier cosa que quieras para que tenga un ambiente retro inspirado en el espacio. Este conjunto viene con diez archivos PSD diferentes, ¡cada uno con su propia versión única del concepto! Simplemente descarga y edita los objetos inteligentes para comenzar.

2. Efecto de texto de logotipo de humo (PSD)

Envato Elements Text Effect SmokeyEnvato Elements Text Effect SmokeyEnvato Elements Text Effect Smokey

¿Estás buscando un efecto de fuego y humo para las texturas de tu texto? ¡Este efecto automático puede aplicarse a cualquier texto que coloques! Simplemente abre el objeto inteligente y edita tu texto para obtener un efecto de humo personalizado. Este viene con una variedad de efectos diferentes ¡y realmente llamará la atención!

3. Efecto de texto de dibujo a lápiz (PSD)

Envato Elements Text Effect SketchEnvato Elements Text Effect SketchEnvato Elements Text Effect Sketch

¿Buscas algo un poco más personal? Entonces echa un vistazo a este efecto de Photoshop de dibujo a lápiz que es verdaderamente divertido. ¡Agrega un estilo de bosquejo a las texturas de tu fuente! También es muy fácil de usar y te permite comenzar a crear texto personalizado de inmediato. ¡Simplemente abre el objeto inteligente y edita el texto!

4. Elegante efecto de texto de brillantina (PSD)

Envato Elements Text Effect GlitterEnvato Elements Text Effect GlitterEnvato Elements Text Effect Glitter

¡Echa un vistazo a esta genial textura de texto de brillantina! Es ideal para proyectos artísticos o para cuando necesitas un efecto realista pero brillante. Viene con un PSD en el que simplemente puedes editar el objeto inteligente para personalizar tu texto. Este efecto viene con tres variaciones de color diferentes.

5. Efecto de texto de falla por ácido (PSD)

Envato Elements Text Effect Acid GlitchEnvato Elements Text Effect Acid GlitchEnvato Elements Text Effect Acid Glitch

¡Echa un vistazo a este efecto de texto colorido y con apariencia de falla! Simplemente edita el objeto inteligente dentro del PSD ¡para obtener tu textura de texto de falla personalizada! Es perfecto para cualquier proyecto con apariencia retro tecnológica, o tal vez incluso para un ambiente cyberpunk, ¡y viene con cuatro soluciones de color diferentes para probar!

¿Quieres obtener más información sobre efectos de texto en Photoshop?

Ahora que has explorado cómo aplicar textura a un texto, Photoshop tiene muchas más opciones que puedes investigar. Agregar estilo y elegancia al texto puede ser muy divertido. Consulta estos tutoriales gratuitos sobre efectos de texto en Envato Tuts+, y crea efectos de texto impresionantes para tu  próximo proyecto hoy mismo.

One subscription.
Unlimited Downloads.
Get unlimited downloads