Cómo Crear un Efecto de Texto Retro Estilo Grunge en Adobe Photoshop

Éste tutorial te mostrará cómo usar estilos de capa, ruido y texturas grunge, y capas de ajuste para crear un efecto de texto retro estilo grungy en medios tonos. ¡Comencemos!

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

Recursos del Tutorial

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

• Fuente Burford Base
• 30 Motivos Sencillos por mslooten
• UNRESTRICTED - Digital Grunge Texture 11 por frozenstocks
• Film Grain por Californianinja
• UNRESTRICTED - Digital Grunge Texture 16 por frozenstocks
• Light Grunge Seamless Patterns Vol. 3 (Motivos) por webdesignerlab

1. Cómo Crear una Capa de Motivo

Paso 1

Crea un nuevo documento de 512 x 512 px con un Fondo Blanco. Duplica la capa Fondo, click-derecho en la copia, y elige Convertir en Objeto Inteligente.

Paso 2

Establece los Colores de Frente y de Fondo en Negro y Blanco, y ve a Filtro > Interpretar > Nubes.

2. Cómo Crear un Motivo Grungy en Medios Tonos

Paso 1

Ve a Filtro > Galería de Filtros > Textura > Granulado, y usa éstos parámetros:

• Intensidad: 60
• Contraste: 0
• Tipo de Granulado: Rociado

Paso 2

Haz click en el ícono Nueva capa de efecto en la parte inferior de la ventana Galería de Filtros para agregar otro filtro.

Ve a Bosquejar > Modelo de Semitono, y usa éstos parámetros:

• Tamaño: 2
• Contraste: 6
• Tipo de Motivo: Punto

Paso 3

Agrega otra nueva capa de efecto, ve a Bosquejar > Estilográfica, y usa éstos parámetros:

• Longitud de Trazo: 15
• Equilibrio de Luz y Sombra: 50
• Dirección de Trazo: Diagonal Derecha

Haz click en OK cuando termines.

Paso 4

Ve a Edición > Definir Motivo, y escribe Front Pattern para el Nombre.

3. Cómo Crear un  Fondo Simple de Motivo

Paso 1

Crea un nuevo documento de 950 x 750 px, haz click en el ícono Crear nueva capa de relleno o ajuste en la parte inferior del panel Capas, y elige Color Uniforme.

Paso 2

Establece el Color de relleno en #a2563b.

Paso 3

Haz doble-click en la capa Color Uniforme para aplicar una Superposición de Motivo con éstos ajustes:

• Modo de Fusión: Luz Suave
• Motivo: Puntos

Ésto creará el fondo base.

4. Cómo Crear Objetos Inteligentes de la Capa de Texto

Paso 1

Crea el texto usando la fuente Burford. Establece el Color en Blanco, el Tamaño en 350 pt, y el Tracking en -75.

Paso 2

Renombra la capa de texto a Text, haz click derecho en su capa, y elige Convertir en Objeto Inteligente.

Paso 3

Duplica la capa Text.

5. Cómo Crear Capas de Extrusión

Paso 1

Duplica de nuevo la capa Text, renombra la nueva copia a Extrusion, y luego ponla en un grupo y nómbralo Extrusion también.

Paso 2

Con la capa Extrusion seleccionada, presiona Comando-T para ingresar al Modo de Transformación Libre. Presiona cada una de las teclas Tecla Izquierda y Tecla Abajo una vez para empujar la capa Extrusion 1 px en cada una de esas direcciones.

Pulsa la tecla Return para aceptar los cambios.

Paso 3

Presiona Mayúsculas-Comando-Opción-T unas 21 veces para crear 21 copias con la misma transformación.

Puedes decidir cuantas copias quieres crear basándote en el tamaño de extrusión que quieres, así que con toda libertad decide cualquier número de copias que gustes.

Paso 4

Selecciona todas las capa Extrusion, y ve a Capa > Organizar > Invertir para obtener el orden correcto de capas.

Paso 5

Coloca las tres capas superiores Extrusion en un grupo Front, la tres inferiores en un grupo Back, y el resto en un grupo Middle.

6. Cómo Crear Capas de Sombra

Paso 1

Duplica la última capa Extrusion (la capa inferior en el grupo Back), y renombra la copia Shadow.

Arrastra la capa Shadow fuera del grupo Extrusion, y colócala en un nuevo grupo con el nombre Shadow también.

Paso 2

Usa la misma transformación y duplica pasos para crear un par de capas de copias para Shadow, solo que esta vez, necesitarás empujar la capa Shadow 1 px hacia la derecha y 1 px hacia abajo.

Paso 3

Asegúrate de invertir el orden de las capas Shadow cuando termines de crear las copias.

Paso 4

Coloca las capas Text y Text copia en un grupo Text.

7. Cómo Aplicar Estilo a las Capas Frontales de Texto 

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

Paso 1

Agrega un Trazo con éstos parámetros:

• Tamaño: 3
• Posición: Interior
• Color: #fbe8d2

Paso 2

Agrega una Sombra Interior con éstos ajustes:

• Modo de Fusión: Subexposición Lineal
• Color: #515151
• Opacidad: 50%
• Distancia: 6
• Retraer: 50
• Tamaño: 5

Paso 3

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

• Color: #f5edea
• Modo de Fusión: Color Más Oscuro
• Opacidad: 50%

Paso 4

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

• Modo de Fusión: Subexponer Color
• Motivo: Dientes de sierra
• Escala: 50%

Paso 5

Cambia el valor de Relleno de la capa Text copia a 0.

Paso 6

Haz doble-click en la capa Text original para aplicar un efecto de Superposición de Motivo con éstos parámetros:

• Opacidad: 95%
• Motivo: Front Pattern
• Escala: 50%

Ésto aplicará estilo a la parte frontal del texto.

8. Cómo Aplicar Estilo a la Extrusión

Paso 1

Haz doble-click en el grupo Front para aplicar un efecto de Superposición de Colores usando el Color #3c3b3b.

Paso 2

Haz click-derecho en la capa Front, elige Copiar Estilo de Capa, click derecho en la capa Back, y elige Pegar Estilo de Capa.

Expande el grupo Middle, selecciona todas las capas dentro de él, haz click-derecho en cualquiera de ellas, y elige de nuevo Pegar Estilo de Capa.

Paso 3

Haz doble-click en el grupo Middle para aplicar una Superposición de Motivo con éstos parámetros:

• Modo de Fusión: Dividir
• Opacidad: 35%
• Motivo: Línea diagonal en medio

Ésto aplicará estilo a la extrusión.

9. Cómo Aplicar Estilo a la Sombra

Paso 1

Haz doble-click en el grupo Shadow para aplicar un efecto de Superposición de Colores con éstos ajustes:

• Color: #a89a96
• Modo de Fusión: Multiplicar
• Opacidad: 75%

Paso 2

Cambia el valor de Relleno del grupo Shadow a 0%.

10. Cómo Agregar Superposiciones de Textura

Anges de agregar las texturas, pon los grupos Text, Extrusión y Shadow en un grupo y llámalo Text Effect, para mantener las cosas organizadas.

Paso 1

Es mejor agregar las texturas como objetos inteligentes al ir a Archivo > Colocar Elementos Enlazados.

Comienza agregando la imagen UNRETRICTRED - Digital Grunge Texture 11 arriba de la capa Color Uniforme y redimensiónala como sea necesario.

Renombra la capa a BG Texture, y cambia su Modo de Fusión a Sobreexponer Color y su Opacidad a 30%.

Paso 2

Ve a Imagen > Ajustes > Tono/Saturación, y cambia el valor de Saturación a -100.

Si estás usando versiones anteriores de Photoshop o no puedes aplicar los ajustes directamente a la capa del objeto inteligente por alguna razón, puedes rasterizar la capa de la textura o también usar capas de ajuste.

Paso 3

Ve a Imagen > Ajustes > Brillo/Contraste.

Marca la casilla Usar Heredado, y cambia el Contraste a -50.

La opción heredado ayuda a ajustar el contraste de blanco y negro, que crea mucho menos contraste.

Paso 4

Coloca la imagen Film Grain arriba de todas las capas y redimensiónala como sea necesario.

Renombra la capa de la textura a Texture Overlay 1, y cambia su Modo de Fusión a Superponer.

Paso 5

Ve a Imagen > Ajustes > Niveles, y cambia el valor de Medios Tonos a 0.70.

Paso 6

Coloca la imagen UNRESTRICTED - Digital Grunge Texture 16 arriba de todas las capas y redimensiónala como sea necesario.

Renombra la capa de la textura a Texture Overlay 2, y cambia su Modo de Fusión a Luz Suave y su Opacidad a 20%.

Paso 7

Ve a Imagen > Ajustes > Tono/Saturación, y cambia el valor de Saturación a -100.

11. Cómo Agregar Capas de Ajuste Globales

Paso 1

Agrega una capa Degradado arriba de todas las capas.

Crea un relleno de degradado de Transparente a Color de Relleno usando los colores #6f6f6f a la izquierda y #000000 a la derecha.

Cambia el Estilo a Radial y la Escala a 200, y luego cambia el Modo de Fusión de la capa a Superponer.

Paso 2

Agrega una capa de Brillo/Contraste, y cambia el Contraste a 25.

Paso 3

Agrga una capa de Filtro de Fotografía, y usa el Color #ec9600.

Paso 4

Agrega una capa de Equilibrio de Color, y usa éstos parámetros:

Medios Tonos

• Cian/Red: 20
• Magenta/Verde: 12
• Amarillo/Azul: 12

12. Cómo Crear un Efecto Grungy

Paso 1

Selecciona el grupo Text Effect, y haz click en el ícono Añadir máscara de capa en el parte inferior del panel Capas para agregar una máscara a ella.

Paso 2

Toma la Herramienta Bote de Pintura, elige Motivo en la barra de Opciones, y selecciona el relleno de motivo 15 del paquete Light Grunge Seamless Patterns Vol. 3.

Asegúrate de que la máscara Text Effect esté seleccionada, y haz click para rellenarla con el motivo.

Paso 3

Para intensificar el efecto grungy, puedes presionar Comando-L para obtener la casilla Niveles, e incrementa el valor de Sombras para oscurecer el relleno de motivo dentro de la máscara, que intensificará las áreas borradas por él, resultando en un efecto más grungy.

¡Felicidades! Terminaste

En éste tutorial, creamos un simple motivo en medios tonos usando un par de filtros.

Luego, creamos el texto, lo convertimos en un objeto inteligente, y lo duplicamos para crear la extrusión y las capas de sombra. Después de eso, aplicamos estilo a cada una de las capas y grupos de texto, extrusión y sombra para lograr el efecto retro en medios tonos.

Finalmente, usamos superposiciones de textura, capas de ajuste y rellenos de motivo para finalizar el efecto.

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