Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Cómo Crear un Fangoso Efecto de Texto de Huella de Bota en Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

Éste tutorial te mostrará cómo usar los modos de transformación, herramientas de formas, pinceles, estilos de capa y filtros junto con algunas texturas para crear un fangoso efecto de texto de huella de bota. ¡Comencemos!

Éste efecto de texto fue inspirado por los muchos Estilos de Capa disponibles en GraphicRiver.

Recursos del Tutorial

Los siguientes recursos fueron utilizados durante la producción de éste tutorial:

1. Cómo Definir un Motivo

Paso 1

Abre la imagen SoilSand0058 - Imagen 1, y ve a Imagen > Rotación de Imagen > 90° ACD.

Rotate the Image

Paso 2

Ve a Edición > Definir Motivo, y luego haz click en OK y cierra el archivo.

Define a Pattern

2. Cómo Crear Objetos Inteligentes de Fondo y de Texto

Paso 1

Abre la imagen SoilMud0109, y luego haz click-derecho en la capa Background (fondo), y elige Convertir en Objeto Inteligente.

Convert to Smart Object

Paso 2

Crea el texto usando la fuente Rockin Record__G, y luego establece el Tamaño en 100 pt y el Kerning en Óptica.

Create the Text

Paso 3

Haz click-derecho en la capa del texto y elige Convertir en Objeto Inteligente.

Convert to Smart Object

3. Cómo Deformar Texto

Paso 1

Con la capa del texto seleccionada, presiona Comando-T para ingresar en Modo Transformación Libre.

Free Transform Mode

Paso 2

Haz click en el ícono Deformar en la barra de Opciones, y luego elige la variante prestablecida Pez del menú dsplegable Deformar.

Puedes luego hacer click-arrastrar el punto de control para ajustar la forma del texto, para obener una forma básica de huella de bota.

Warp the Text

Paso 3

Pulsa la tecla Return una vez para salir del Modo Deformar y regresar al Modo Transformación Libre, y luego escala el texto como se necesite.

Puedes mantener cambiando entre ambos Modos de Transformación hasta que tengas el resultado que quieres.

Una vez que termines, pulsa la tecla Return hasta que salgas de todos los Modos de Transformación y acepta los cambios.

Transform and Scale

4. Cómo Dibujar Formas Usando la Herramienta Pluma

Paso 1

Selecciona la Herramienta Pluma y elige la opción Forma en la barra Opciones.

Posteriormente, estarás agregando algunas formas para llenar las áreas vacías entre las letras que tienes.

Pick the Pen Tool

Paso 2

Puedes hacer click para agregar puntos, y click-arrastrar para crear curvas.

Add Points and Create Curves

Paso 3

También puedes usar la Herramienta Selección Directa (A) para modificar los puntos ancla, y/o sus manejadores, para que tengas una forma que encaje perfectamente.

Modify the Anchor Points

Paso 4

Crea formas dónde pienses que debería haber, y no olvides el inicio y el fin del texto.

Ésto ayudará a crear la parte interna de la huella que estás creando.

Create the Shapes

5. Cómo Agregar un Trazo Interno

Paso 1

Haz doble-click en la capa del texto para aplicar un efecto Trazo con éstos parámetros:

  • Tamaño: 12
  • Posición: Interior
  • Color: Negro

Podrías necesitar usar un diferente valor de Tamaño basado en el texto que tienes. Sólo asegúrate de que no se superponga o rellene el texto.

Stroke

Paso 2

Haz click-derecho en la capa estilizada, y elige Copiar Estilo de Capa.

Copy Layer Style

Paso 3

Selecciona cualquier de las capas de formas grandes que tienes, haz click-derecho en cualquiera de ellas, y elige Pegar Estilo de Capa.

Paste Layer Style

6. Cómo Agregar un Trazo Interior Con Diferentes Valores de Achura

Paso 1

Haz doble-click en la capa de la forma más pequeña que tengas para aplicar un efecto Trazo con éstos parámetros:

  • Tamaño: 10
  • Posición: Interior
  • Color: Negro
Stroke

Paso 2

Asegúrate de que el trazo se vea bien, y luego copia el estilo de capa.

Copy Layer Style

Paso 3

Pega el estilo de capa a las capas de formas restantes que tienes.

Puedes hacer doble-click a cualquier capa de formas para ajustar su valor de Tamaño de Trazo por separado si es necesario.

Paste Layer Style

7. Cómo Combinar Capas en un Objeto Inteligente

Paso 1

Selecciona el texto y las capas de formas que tienes, y luego haz click-derecho en cualquiera de ellas y elige Convertir en Objeto Inteligente.

Renombra la capa objeto inteligente a Inner Shapes.

Convert to Smart Object

Paso 2

Cambia el valor de Relleno de la capa Inner Shapes a 0, y luego duplícala.

Duplicate the Layer

8. Cómo Aplicar Estilo a la Capa Inner Shapes

Haz doble-click en la capa Inner Shapes para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos parámetros:

  • Estilo: Inglete Interior
  • Técnica: Cincel Duro
  • Tamaño: 5
  • Modo Resaltado: Luz Suave
    • Color: #b5b4b3
    • Opacidad: 35%
  • Modo de Sombra: Subexponer Color
    • Color: #8e877f
    • Opacidad: 50%
Bevel and Emboss

Paso 2

Agrega un Contorno con éstos parámetros:

  • Marca la casilla Suavizado.
Contour

Paso 3

Agrega una Textura con éstos parámetros:

  • Motivo: SoilSand0058
  • Escala: 25%
  • Profundidad: 200%
Texture

Paso 4

Agrega una Superposición de Motivo con éstos parámetros:

  • Modo de Fusión: Multiplicar
  • Opacidad: 15%
  • Motivo: SoilSand0058
  • Escala: 25%
Pattern Overlay

Paso 5

Agrega una Sombra Paralela con éstos parámetros:

  • Opacidad: 35%
  • Distancia: 8
  • Extensión: 50
  • Tamaño: 10
Drop Shadow

Ésto agregará profundidad a la primera capa de la parte interna.

Styled Layer 01

9. Cómo Aplicar Estilo a la Copia de la Capa Inner Shapes

Haz doble-click en la capa de la Inner Shapes copia para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos parámetros:

  • Modo de Resaltado: Luz Suave
    • Color: #b5b4b3
    • Opacidad: 35%
  • Modo de Sombra: Subexponer Color
    • Color: #8e877f
    • Opacidad: 50%
Bevel and Emboss

Paso 2

Agrega una Textura con éstos parámetros:

  • Motivo: SoilSand0058
  • Escala: 15%
  • Profundidad: 200%
Texture

Ésto agregará textura a las partes internas.

Styled Layer 02

10. Cómo Crear una Forma para Contorno

Paso 1

Usa la Herramienta Pluma para crear la forma para el contorno de la  huella de la bota manteniendo un poco de distancia entre las partes internas y externas.

Renombra la capa de la forma a Outer Shape.

Create an Outline

Paso 2

Cambia el valor de Relleno de la capa Outer Shape a 0, colócala arriba de todas las capas y duplícala dos veces.

Duplicate the Layer

11. Cómo Aplicar Estilo a la Capa Outer Shape

Haz doble-click en la capa Outer Shape para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Superposición de Colores con éstos parámetros

  • Color: #dfdbd5
  • Modo de Fusión: Multiplicar
Color Overlay

Paso 2

Agrega un Superposición de Motivo con éstos parámetros:

  • Modo de Fusión: Luz Dura
  • Opacidad: 25%
  • Motivo: SoilSand0058
  • Escala: 25%
Pattern Overlay

Ésto creará la parte texturizada oscura.

Styled Outer Part

12. Cómo Crear un Efecto Bajorrelieve

Haz doble-click en la capa Outer Shape copia para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos parámetros:

  • Tamaño: 36
  • Suavizar: 12
  • Contorno de Resplandor: Gaussiano
  • Marca la casilla Suavizado
  • Modo de Resaltado: Luz Suave
    • Color: #adacac
    • Opacidad: 70%
  • Modo de Sombra:
    • Color: #2b2926
Bevel and Emboss

Paso 2

Agrega un Contorno con éstos parámetros:

  • Contorno: Cono
  • Marca la casilla Suavizado.
Contour

Ésto creará el principal efecto de bajorrelieve.

El texto podría necesitar ser reposicionado, pero arreglaremos eso más tarde.

Debossed Effect 01

13. Cómo Intensificar un Efecto Bajorrelieve

Haz doble-click en la capa Outer Shape copia 2 para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos parámetros:

  • Tamaño: 50
  • Suavizar: 2
  • Desmarca la casilla Usar Luz Global
  • Ángulo: 111
  • Altitud: 42
  • Marca la casilla Suavizado
  • Modo de Resaltado: Luz Suave
    • Opacidad: 0%
  • Modo de Sombra:
    • Opacidad: 35%

Si es necesario, puedes elegir otro valor Modo de Resaltado Opacidad.

Bevel and Emboss

Paso 2

Agrega un Contorno con éstos parámetros:

  • Contorno: Cono - Invertido
  • Marca la casilla Suavizado.
Contour

Ésto intensificará el efecto bajorrelieve.

Debossed Effect 02

14. Cómo Agrupar Capas

Paso 1

Selecciona todas las capas Inner Shape, y luego presiona Control-G para agruparlas, y renombra el grupo Inner Shapes.

Repita eso para colocar las capas Outer Shape en un grupo Outer Shapes.

Group the Layers

Paso 2

Selecciona el grupo Inner Shapes, y usa la Herramienta Mover para reposicionarlo dentro de la estilizada outer shape.

Reposition the Inner Part

15. Cómo Retocar una Textura

Paso 1

Lo que haremos a continuación es librarnos de cualquier pequeña área no deseada en la textura del lodo, incluyendo las piedras pequeñas y piedras que pueden verse a través de las partes biseladas.

Así que crearemos una nueva capa arriba de la capa Background (Fondo) y la llamamos Texture SH.

Create a New Layer

Paso 2

Selecciona la Herramienta Pincel Corrector, y establece la Muestra en la barra de Opciones a Actual & inferiores. Manten presionada la tecla Opción y haz click en una área vacía en la textura para tomarla de muestra.

Sample and Area

Paso 3

Ahora libera la tecla Opción, y pinta sobre el área que quieres ocultar.

Paint Unwanted Areas

Paso 4

Manten tomando como muestra diferentes puntos y pinta sobre las áreas no deseadas.

More Texture Healing

16. Cómo Usar una Trazado de Trabajo

Paso 1

Selecciona una de las capas Outer Shape, y luego selecciona la Herramienta Selección Directa y click-arrastra para seleccionar los puntos anclas del trazado.

Presiona Comando-C para copiar el trazado de trabajo.

Copy a Work Path

Paso 2

Haz click en el ícono Crear nuevo trazado en la parte inferior del panel Trazados, y luego presiona Comando-V para pegar el trazado de trabajo.

Paste the Work Path

Paso 3

Duplica la capa Background, arrastra la copia arriba de todas las capas, y renómbrala Edges.

Haz click-derecho en la capa Edges y elige Rasterizar Capa.

Rasterize Layer

Paso 4

Manten presionada la tecla Opción, y haz click en el ícono Añadir máscara de capa en la parte inferior del panel Capas.

Add Layer Mask

Paso 5

Duplica la capa Edges dos veces, y cambia el valor de Relleno de la segunda copia a 0.

Duplicate the Layer

17. Cómo Modificar una Punta de Pincel: Pincel 1

Paso 1

Abre el panel Pincel y luego elige la punta Tiza 23 pixeles debajo de la pestaña Forma de la Punta del Pincel, y cambia el resto de los parámetros como los de abajo:

Brush Tip Shape

Dínamica de Forma

Shape Dynamics

Dispersión

Scattering

Pincel Doble:

Usa la punta Tiza 23 pixeles.

Dual Brush

Transferencia

Transfer

Paso 2

Asegúrate de que el Color de Frente esté establecido en Blanco, y que la miniatura de la máscara de capa Edges esté activa, y luego pulsa la tecla Return una vez para trazar el trazado con el pincel modificado.

Stroke the Work Path

18. Cómo Modificar la Punta de un Pincel: Pincel 2

Paso 1

Selecciona de nuevo la punta Tiza 23 pixeles, y cambia el resto de los parámetros como se muestra abajo:

Forma de la Punta del Pincel

Brush Tip Shape

Dinámica de Forma

Shape Dynamics

Dispersión

Scattering

Paso 2

Selecciona la miniatura de la máscara de capa Edges copia, y traza el trazado.

Stroke the Work Path

19. Cómo Modificar la Punta de un Pincel: Pincel 3

Paso 1

Selecciona una punta de pincel dura redondeada y modifica sus parámetros como los de abajo:

Forma de la Punta del Pincel

Brush Tip Shape

Dinámica de Forma

Shape Dynamics

Dispersión

Scattering

Paso 2

Selecciona la miniatura de la máscara de capa Edges copia 2 y traza el trazado.

Stroke the Work Path

20. Cómo Aplicar Estilo a los Bordes

Haz doble-click en la capa Edges copia 2 para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos parámetros:

  • Tamaño: 7
  • Marca la casilla Suavizado
  • Modo de Resaltado: Luz Suave
    • Color: #a5a09e
    • Opacidad: 70%
  • Modo de Sombra:
    • Color: #2b2926
Bevel and Emboss

Paso 2

Agrega una Textura con éstos parámetros:

  • Motivo: SoilSand0058
  • Escala: 25%
  • Profundidad: 50%
Texture

Paso 3

Cambia el Modo de Fusión de la capa Edges copia 2 a Aclarar

Change the Blend Mode

21. Cómo Aplicar Más Estilo a los Bordes

Haz doble-click en la capa Edges copia para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos parámetros:

  • Tamaño: 3
  • Contorno de Resplandor: Aro - Doble
  • Marca la casilla Suavizado
  • Modo de Resaltado: Luz Suave
    • Color: #c5c5c
    • Opacidad: 35%
  • Modo de Sombra:
    • Opacidad: 20%
Bevel and Emboss

Paso 2

Agrega un Contorno con éstos parámetros:

  • Contorno: Cono
  • Marca la casilla Suavizado
Contour

Paso 3

Cambia el Modo de Fusión de la capa Edges copy a Luz Suave.

Change the Blend Mode

Paso 4

Haz click en el ícono Crear nueva capa de relleno o ajuste en la parte inferior del panel Capas y elige Tono/Saturación.

HueSaturation

Paso 5

Corta la capa Tono/Saturación a la capa Edges copy, y luego cambia el valor de Saturación a -60.

Saturation Value

22. Cómo Aplicar Más Estilo a los Bordes

Haz doble-click en la capa Edges para aplicar el siguiente estilo de capa:

Paso 1

Agrega un Bisel y Relieve con éstos parámetros:

  • Tamaño: 5
  • Contorno de Resplandor: Dientes de sierra 1
  • Marca la casilla Suavizado
  • Modo de Resaltado: Luz Suave
    • Opacidad: 35%
  • Modo de Sombra:
    • Opacidad: 20%
Bevel and Emboss

Paso 2

Agrega un Contorno con éstos parámetros:

  • Marca la casilla Suavizado.
Contour

Paso 3

Agrega una Textura con éstos parámetros:

  • Motivo: SoilSand0058
  • Escala: 25%
Texture

Paso 4

Agrega un Superposición de Colores con éstos parámetros:

  • Color: #cfc6c1
  • Modo de Fusión: Multiplicar
  • Opacidad: 50%
Color Overlay

Ésto aplicará estilo a la última capa de las outer edges.

Styled Outer Edges

23. Cómo Ajustr el Color de una Textura

Paso 1

Selecciona las capas Background y Texture SH en un grupo y llámalo Background.

Group the Background Layers

Paso 2

Haz doble-click en el grupo Background para apicar un efecto de Superposición de Colores con éstos parámetros:

  • Color: #eadfd9
  • Modo de Fusión: Subexposición de color
  • Opacidad: 50%
Color Overlay

Paso 3

Puedes probar diferentes colores y Modos de Fusión hasta que obtengas el resultado que quieres.

Try Different Values

24. Cómo Ajustar el Color y Agregar un Efecto de Viñeta

Paso 1

Agrega una capa de ajuste Corrección Seleciva arriba de todas las capas y usa éstos parámetros Neutros y Negros:

Neutros

  • Cian: -5
  • Magenta: -1
  • Amarillo: 0
  • Negro: -1

Negros

  • Cian: -3
  • Magenta: 0
  • Amarillo: 5
  • Negro: 0
Selective Color Settings

Paso 2

Cambia el Modo de Fusión de la capa Corrección Selectiva a Color y su Opacidad a 50%.

Selective Color Layer Settings

Paso 3

Agrega una capa relleno de Degradado, y crea un relleno de degradado Transparente a Color usando el color #24242a a la izquierda y derecha.

Cambia el Estilo a Radial y la Escala a 250.

Gradient Fill Settings

Paso 4

Cambia el Modo de Fusión de la capa Degradado a Luz Dura y su Opacidad a 60%.

Gradient Layer Settings

25. Cómo Aplicar Efectos de Iluminación

Paso 1

Crea una nueva capa arriba de todas las capas, llámala Lighting, y presiona las teclas Opción-Comando-Mayúsculas-E para crear una copia visible de todas las capas que tienes.

Convierte la capa Lighting a un Objeto Inteligente.

Create a Lighting Layers

Paso 2

Ve a Filtro > Interpretar > Efectos de Iluminación, y usa los parámetros de abajo, u otros para crear un efecto que te guste.

El Color es establecido en ( 250, 250, 248 ), y Colorear es establecido en ( 245, 248, 248 ).

Lighting Effects

26. Cómo Agregar una Superposición de Textura

Paso 1

Coloca la imagen water texture 02 arriba de todas las capas, renombra su capa a Texture Overlay, y redmensiónala como sea necesario.

Cambia el Modo de Fusión de la capa Texture Overlay a Luminosidad y su Opacidad a 7%.

Texture Overlay

Paso 2

Haz doble-click en la capa Texture Overlay para cambiar las Opciones de Fusión.

En Fusionar si es, manten presionada la tecla Opción, y luego click-arrastra el regulador negro de la Capa Subyacente para dividirla.

Luego, arrastra cada extremo del regulador para tener el resultado que quieres. Lo que hace ésto es proteger las sombras de ser afectadas por la superposición de textura.

Blend If

Paso 3

Finalmente, guarda una imagen JPG del resultado final, y luego abre la imagen ve a Imagen > Tamaño de Imagen, e ingresa 1200 para el valor de Anchura.

Puedes usar cualquier otra dimensión que te guste también.

Resize the Image

¡Felicidades! Terminaste

En éste tutorial creamos algo de texto, lo deformamos, y transformamos para obtener una forma básica de huella de bota.

Luego, usamos la Herramienta Pluma para agregar algunas formas más, así como creamos el contorno principal. También usamos un par de pinceles, estilos de capa, y texturas para construir el efecto fangoso.

Finalmente, usamos un filtro de iluminación y una superposición de textura para finalizar todo.

Por favor con toda confianza deja tus comentarios, sugerencias y resultados abajo.

Final Result
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.