1. Design & Illustration
  2. Add-Ons
  3. Layer Styles

Crea un efecto de texto harinoso detallado en Adobe Photoshop

Scroll to top

Spanish (Español) translation by Rosario (you can also view the original English article)

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

La modificación de los distintos ajustes de los pinceles en Photoshop nos puede ayudar a conseguir diversos efectos y texturas. Este tutorial te mostrará cómo jugar con ellos, así como con los estilos de capas, para crear un efecto de texto polvoriento, inspirado en la harina. ¡Empecemos!

Recursos del tutorial

Durante la producción de este tutorial se utilizaron los siguientes recursos.

1. Crea el fondo

Paso 1

Crea un nuevo documento de 1250 x 800px, y establece la Resolución en 200.

Coloca la imagen wood texture3177 encima de la capa de Fondo, y redimensiona su tamaño según sea necesario. Luego ve a Filtro > Ruido > Añadir Ruido, y usa los valores que se muestran a continuación.

Wood Texture NoiseWood Texture NoiseWood Texture Noise

Paso 2

Añade una capa de ajuste de Niveles y cambia el valor de Gama a 0.83.

Levels Adjustment LayerLevels Adjustment LayerLevels Adjustment Layer

Paso 3

Añade una capa de ajuste de Tono/Saturación y cambia la Saturación a -24 y la Luminosidad a -3.

Hue Saturation Adjustment LayerHue Saturation Adjustment LayerHue Saturation Adjustment Layer

2. Crea las capas de texto principales

Paso 1

Crea el texto usando la fuente Patrick Hand. El Tamaño es de 135 pt y el valor de Tracking está fijado en 75.

Create the TextCreate the TextCreate the Text

Paso 2

Presiona Comando y haz clic y en la miniatura de la capa de texto para crear una selección. Luego selecciona Expandir la selección por 5 px y Desvanecer por 4 px.

Expand and Feather SelectionExpand and Feather SelectionExpand and Feather Selection

Paso 3

Pon el color de Primer plano en #f2ece6 y el color de Fondo en #e4dfdf. Asegúrate de mantener esos colores igual, ya que se usarán durante todo el tutorial.

Las capas serán nombradas según su orden de arriba a abajo. Así que asegúrate de seguir también el nombre de las capas como se menciona en el tutorial.

Crea una nueva capa, nómbrala 4, y rellena la selección con el color del Primer plano.

Fill SelectionFill SelectionFill Selection

3. Contornea el trazado de selección

Paso 1

Convierte la selección que tienes en un trazado de trabajo haciendo clic en el icono Crear un trazo de trabajo desde selección en la parte inferior del panel Trazados.

Convert Selection to Work PathConvert Selection to Work PathConvert Selection to Work Path

Paso 2

Crea una nueva capa y asígnale el nombre 6. Elige la herramienta Pincel, selecciona la punta del pincel 1 del conjunto de pinceles Flour Text Effect y contornea el trazado con esa punta de pincel. Luego elige la herramienta Borrador, escoge la punta del pincel 2, y vuelve a contornear el trazado para borrar algunas partes.

Stroke Selection Work PathStroke Selection Work PathStroke Selection Work Path

4. Contornea el trazado de trabajo del texto

Paso 1

Haz clic con el botón derecho en la capa de texto y elige Crear trazado de trabajo. Crea una nueva capa, llámala 7, escoge la herramienta Pincel, y luego contonea el trazado con la punta del pincel 3.

Stroke Text Path 1Stroke Text Path 1Stroke Text Path 1

Paso 2

Crea una nueva capa, nómbrala 5, contornea el trazado tres veces con la punta 4 del pincel, y luego elige la herramienta Borrador y contornea el trazado una vez con la punta del pincel 5.

Stroke Text Path 2Stroke Text Path 2Stroke Text Path 2

Paso 3

Crea una nueva capa, asígnale el nombre 3, y usa la herramienta Pincel para contornear el trazado con la punta del pincel 6. Luego usa la herramienta Borrador para contonear el trazado con la misma punta de pincel.

Stroke Text Path 3Stroke Text Path 3Stroke Text Path 3

5. Contornea el trazado de trabajo central

Paso 1

Pulsa Comando y haz clic en la capa de texto original para crear una selección, y luego Contráela por 10 px.

Contract Text SelectionContract Text SelectionContract Text Selection

Paso 2

Convierte la selección en un trazado de trabajo, crea una nueva capa y asígnale el nombre 1. Luego elige la herramienta Pincel, selecciona la punta del pincel 2, cambia su Tamaño a 10 px, y contornea el trazado con ella. Esto parece no hacer ninguna diferencia, pero la hará una vez que se estilice más adelante.

Stroke Center Path 1Stroke Center Path 1Stroke Center Path 1

Paso 3

Crea otra capa nueva, asígnale el nombre 2 y luego usa la herramienta Pincel para hacer el contorno con la punta del pincel 7.

Stroke Center Path 2Stroke Center Path 2Stroke Center Path 2

Paso 4

Crea una capa más, y llámala 8. Pulsa Comando y haz clic en la miniatura de la capa 4 para crear una selección y convertirla en un trazado de trabajo.

Usa la herramienta Pincel para contornear el trazado con la punta del pincel 8. Luego, elige la herramienta Borrador, reduce su valor de Opacidad al 65%, y contornea el trazado con la misma punta del pincel (8).

Aumenta el valor de Opacidad hasta el 100%, y contornea el trazado dos o tres veces más con la punta del pincel 5, y una vez con la punta del pincel 9.

Una vez que hayas terminado, retira el trazado de trabajo, y asegúrate de que las capas están en el orden correcto según su número.

Stroke Outer PathStroke Outer PathStroke Outer Path

6. Estiliza la capa 1 y la capa 2

Paso 1

Haz doble clic en la capa 1 para aplicar un efecto de Bisel y relieve con los siguientes ajustes:

  • Desmarca la casilla Usar luz global
  • Ángulo: 73
  • Altitud: 37
  • Desmarca la casilla Suavizado
  • Modo de sombra - Color: #786c58
Bevel and EmbossBevel and EmbossBevel and Emboss

Esto estilizará la primera capa.

Styled Layer 1Styled Layer 1Styled Layer 1

Paso 2

Cambia el Modo de fusión de la capa 1 a Subexponer color y su Opacidad a 60%. Copia y pega este estilo de capa en la capa 2.

Modifying Layer Style SettingsModifying Layer Style SettingsModifying Layer Style Settings

7. Estiliza la capa 3

Copia y pega el estilo de la capa 1 en la capa 3, y luego haz doble clic en la capa 3 para cambiar el Ángulo de Bisel y Relieve a 49 y la Altitud a 42.

Bevel and EmbossBevel and EmbossBevel and Emboss

Esto estilizará la capa 3.

Styled Layer 3Styled Layer 3Styled Layer 3

8. Estiliza la capa 4

Haz doble clic en la capa 4 para aplicar el siguiente estilo de capa:

Paso 1

Añade un Bisel y relieve con estos ajustes:

  • Tamaño: 25
  • Desmarca la casilla Usar luz global
  • Ángulo: 49
  • Altitud: 42
  • Marca la casilla Suavizado
  • Modo de sombra - Color: #9a8f7c
Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Añade una Textura con estos ajustes:

  • Patrón: Nubes
  • Profundidad: 25%
TextureTextureTexture

Paso 3

Añade una Sombra paralela con estos ajustes:

  • Color: #544e4c
  • Opacidad: 15%
  • Distancia: 10
  • Tamaño: 15
Drop ShadowDrop ShadowDrop Shadow

Esto estilizará la capa 4.

Styled Layer 4Styled Layer 4Styled Layer 4

9. Estiliza las capas 5 y 7, y aplica filtros a la capa 6

Paso 1

Copia y pega el estilo de la capa 3 en la capa 5, y luego haz doble clic en la capa 5 para ajustar algunos valores y añadir más efectos.

Para Bisel y relieve, cambia el Tamaño a 20.

Bevel and EmbossBevel and EmbossBevel and Emboss

Paso 2

Añade una Textura con estos ajustes:

  • Patrón: Nubes
  • Profundidad: 10%
TextureTextureTexture

Paso 3

Esto estilizará la capa 5. Convierte la capa 6 en un Objeto inteligente y cambia su Opacidad al 80%.

Modifying Layer 6Modifying Layer 6Modifying Layer 6

Paso 4

Ve a Filtro > Desenfocar > Desenfoque de superficie, y cambia el Radio a 3 y el Umbral a 50.

Surface BlurSurface BlurSurface Blur

Paso 5

Copia y pega el estilo de la capa 5 en la capa 7.

Styled Layer 7Styled Layer 7Styled Layer 7

10. Trabaja con la capa 8

Paso 1

Convierte la capa 8 en un Objeto inteligente, y luego cambia su Opacidad a 50%.

A continuación, vamos a desvanecer los bordes de la harina que rodean el texto. Así que crea una selección elíptica alrededor del texto, excluyendo los bordes que quieras desvanecer, y aplica la cantidad de Desvanecimiento que quieras a la selección. Luego crea una máscara de capa para hacer que los bordes se atenúen.

Feather Flour EdgesFeather Flour EdgesFeather Flour Edges

Paso 2

Ve a Filtro > Desenfocar > Desenfoque de superficie, y cambia el Radio a 3 y el Umbral a 15.

Surface BlurSurface BlurSurface Blur

Paso 3

Ve a Filtro > Enfocar > Enfocar suavizado, y usa los valores que quieras para que los detalles de esta capa sean más nítidos y claros.

Smart SharpenSmart SharpenSmart Sharpen

Como la capa es un objeto inteligente, puedes cambiar los valores cuando quieras.

Layer 8Layer 8Layer 8

11. Agrega la sombra

Paso 1

Crea una nueva capa debajo de la capa 8, llámala Sombra y cambia su valor de Relleno a 0.

Shadow LayerShadow LayerShadow Layer

Paso 2

Haz doble clic en la capa Sombra para aplicar una Superposición de colores utilizando los siguientes valores:

Añade una Superposición de colores con estos ajustes:

  • Color: #a6a497
  • Modo de fusión: Subexposición lineal
  • Opacidad: 30%
Color OverlayColor OverlayColor Overlay

Paso 3

Coge la herramienta Pincel y usa un pincel circular difuso para oscurecer el área detrás del texto.

Add ShaodwAdd ShaodwAdd Shaodw

12. Añade los residuos

Paso 1

Crea una nueva capa encima de la capa de Sombra y llámala Residuo. Toma la herramienta Pincel, y elige cualquiera de las puntas de pincel del conjunto Treinta pinceles Grunge. Haz clic, sin arrastrar, para añadir un poco de residuos alrededor del texto.

Add Residue BrushAdd Residue BrushAdd Residue Brush

Paso 2

Lo que tendrás que hacer a continuación es seguir los mismos pasos para crear el resto de las capas y estilizarlas, tal y como hiciste con el texto. Puedes omitir la parte de Contraer selección si quieres.

Agrupa todas las capas de residuos en un grupo y asígnale el nombre Residuo.

Styled Residue LayersStyled Residue LayersStyled Residue Layers

Paso 3

Agrega una máscara de capa al grupo Residuos. Luego coge cualquiera de las puntas de los pinceles en Saint Grunge Paquete 1, y haz clic sin arrastrar para borrar algunas partes del centro y/o los bordes del residuo.

Puedes usar diferentes puntas de pincel, diferentes tamaños y diferentes valores de Opacidad para obtener el resultado que te guste.

Erase ResidueErase ResidueErase Residue

13. Ajusta el resultado final

Paso 1

Añade una capa de ajuste de Degradado, y usa los colores #f2ece6 a la izquierda y #8e857d a la derecha para crear un degradado de color transparente para rellenar. Cambia el Estilo a Radial, y la Escala a 450%.

Gradient Adjustment LayerGradient Adjustment LayerGradient Adjustment Layer

Paso 2

Coloca la capa de ajuste encima de todas las capas y cambia su Modo de fusión a Subexposición lineal.

Adjustment Layer Blend ModeAdjustment Layer Blend ModeAdjustment Layer Blend Mode

Paso 3

Selecciona todas las capas que tengas excepto la capa de ajuste de Degradado. Duplícalas y combínalas, renombra la capa combinada Paso alto, y conviértela en un Objeto inteligente.

Ve a Filtro > Otro > Paso alto, y cambia el Radio a 10.

High PassHigh PassHigh Pass

Paso 4

Cambia el Modo de fusión de la capa Paso alto a Luz suave y su Opacidad al 35%.

High Pass Layer SettingsHigh Pass Layer SettingsHigh Pass Layer Settings

Paso 5

Finalmente, cambia el valor de la Opacidad de la capa 4 del Residuo a 80%.

Layer OpacityLayer OpacityLayer Opacity

¡Felicitaciones! Lo lograste

En este tutorial, modificamos un fondo de textura de madera, y creamos un texto simple.

Luego, empezamos a trabajar con selecciones, trazados de trabajo, pinceles y filtros para crear las diferentes capas de harina.

Después de eso, estilizamos esas capas, creamos las capas de residuos y usamos desvanecimientos y máscaras para fusionar mejor los diferentes elementos.

Finalmente, usamos una capa de ajuste y un filtro simple para mejorar el resultado final.

Por favor, no dudes en dejar tus comentarios, sugerencias y resultados en la sección a continuación.