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

É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:

• Fuente Rockin Record__G
• SoilSand0058 - Imagen 1 Pequeña (1024 x 1024)
• SoilMud0109  Mediana (1600 x 1066)
• water texture 02 (textura de agua 02) por Pagan-Stock

1. Cómo Definir un Motivo

Paso 1

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

Paso 2

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

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.

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.

Paso 3

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

3. Cómo Deformar Texto

Paso 1

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

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.

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.

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.

Paso 2

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

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.

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.

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.

Paso 2

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

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.

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

Paso 2

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

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.

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.

Paso 2

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

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%

Paso 2

Agrega un Contorno con éstos parámetros:

• Marca la casilla Suavizado.

Paso 3

Agrega una Textura con éstos parámetros:

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

Paso 4

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

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

Paso 5

Agrega una Sombra Paralela con éstos parámetros:

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

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

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%

Paso 2

Agrega una Textura con éstos parámetros:

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

Ésto agregará textura a las partes internas.

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.

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.

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

Paso 2

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

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

Ésto creará la parte texturizada oscura.

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

Paso 2

Agrega un Contorno con éstos parámetros:

• Contorno: Cono
• Marca la casilla Suavizado.

Ésto creará el principal efecto de bajorrelieve.

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

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.

Paso 2

Agrega un Contorno con éstos parámetros:

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

Ésto intensificará el efecto bajorrelieve.

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.

Paso 2

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

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.

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.

Paso 3

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

Paso 4

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

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.

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.

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.

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.

Paso 5

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

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:

Dínamica de Forma

Dispersión

Pincel Doble:

Usa la punta Tiza 23 pixeles.

Transferencia

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.

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

Dinámica de Forma

Dispersión

Paso 2

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

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

Dinámica de Forma

Dispersión

Paso 2

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

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

Paso 2

Agrega una Textura con éstos parámetros:

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

Paso 3

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

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%

Paso 2

Agrega un Contorno con éstos parámetros:

• Contorno: Cono
• Marca la casilla Suavizado. 

Paso 3

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

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.

Paso 5

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

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%

Paso 2

Agrega un Contorno con éstos parámetros:

• Marca la casilla Suavizado.

Paso 3

Agrega una Textura con éstos parámetros:

• Motivo: SoilSand0058
• Escala: 25%

Paso 4

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

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

Ésto aplicará estilo a la última capa de las 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.

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%

Paso 3

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

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

Paso 2

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

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.

Paso 4

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

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.

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 ).

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%.

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.

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.

¡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.