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

Crea un efecto de texto grunge inspirado en "The Walking Dead" con Adobe Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

Las texturas en capas y los pinceles pueden dar detalle y profundidad a diseños simples, haciéndolos más interesantes. Este tutorial te mostrará cómo hacerlo, con la ayuda de algunos filtros de desenfoque y estilos de capa simples, para crear un bonito efecto de texto grunge en Adobe Photoshop.

Recursos del tutorial

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

1. Crea el fondo y estilízalo

Paso 1

Crea un nuevo documento de 1920 x 1080 px, establece el color de Primer plano en #2a1e20 y el color de Fondo en #1a0f13, luego ve a Filtro > Interpretar > Nubes, y duplica la capa de Fondo.

Clouds Filter

Paso 2

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

  • Opacidad: 50%
  • Color: #d0fbc1
  • Tamaño: 15
Inner Glow

Paso 3

En la sección Superposición de degradado, selecciona los siguientes ajustes:

  • Modo de fusión: Tono
  • Opacidad: 70%
  • Ángulo: 107
  • Escala: 138%
  • Haz clic en el cuadro Degradado para crear el degradado

Puedes hacer clic en las Detenciones de opacidad en la parte superior de la barra de degradado o en las Detenciones de color debajo de ella para modificar sus valores. El degradado se crea usando los colores #016f6e a la izquierda y #fee847 a la derecha, y el valor de la Detención de opacidad de la derecha se establece en 0.

Gradient Overlay

Paso 4

Después de aplicar el estilo de capa, haz clic en el icono Crear nueva capa de relleno o de ajuste en el panel Capas y elige Niveles.

Levels

Paso 5

Establece el valor de las Sombras en 8 y el valor de Gama en 1.21. Esto iluminará las esquinas y los bordes un poco.

Levels Values

2. Añade los pinceles grunge al fondo

Paso 1

Pon el color de Primer plano en #2b1c1f, escoge la herramienta Pincel (B), y escoge una de las puntas de pincel del paquete de Dirty Grunge. Luego crea una nueva capa encima de todas las capas y cambia su Modo de fusión a Trama.

Añade el pincel al fondo, pero asegúrate de no sobrecargarlo. Puedes añadir el pincel a las esquinas y bordes en lugar de llenar el centro. También puedes usar diferentes puntas del paquete si quieres.

Grunge Brush Layer 1

Paso 2

Ve a Filtro > Desenfocar > Desenfoque gaussiano, y cambia el Radio a 2 para suavizar el resultado.

Grunge Brush Gaussian Blur

Paso 3

Pon el color de Primer plano en #857276, crea una nueva capa en la parte superior de todas las capas, elige la herramienta Pincel y elige la punta que se muestra a continuación, del paquete de Pinceles grunge rústicos.

Ese pincel se usará para añadir un poco más de grunge en las esquinas y en el fondo del documento. Para hacerlo, tendrás que girar el cepillo y luego voltearlo. Abre el panel Pincel (Ventana > Pincel) para modificar esos ajustes.

Grunge Brush Layer 2

Paso 4

El pincel se puede girar cambiando el valor del Ángulo bajo la pestaña de la Forma de la punta del pincel a 90.

Rotate Brush

Paso 5

Para voltear el pincel, marca la casilla "Voltear Y". Usa las siguientes opciones para añadir el pincel al fondo.

Flip Y

Paso 6

Pon el color de Primer plano en #121212, escoge una punta grande, circular difusa, crea una nueva capa encima de todas las capas, llámala Centro, y cambia su Opacidad al 55%. Luego agrega el pincel grande en el centro del documento para oscurecer el área detrás del texto que vamos a crear más tarde.

Center Brush

3. Añade la textura y termina el fondo

Paso 1

Coloca la imagen de la textura 7 encima de todas las capas, cambia su tamaño según sea necesario, luego renombra su capa Textura BG, y cambia su Modo de fusión a Multiplicar.

Background Texture

Paso 2

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

Background Texture Saturation

Paso 3

Establece el color de Primer plano en #6e5f40, crea una nueva capa encima de todas las capas, cambia su Modo de fusión a Trama y su Opacidad a 35%, luego usa algunas puntas de pincel más grandes, circulares y redondas, para añadir un poco de color brillante a las esquinas inferiores.

Corners Color Brush

Paso 4

Crea otra nueva capa encima de todas las capas, cambia su Modo de fusión a Trama y su Opacidad al 65%. Utiliza las puntas de los pinceles de abajo del Conjunto de pinceles de salpicaduras monstruosas para añadir algunas salpicaduras a los lados del documento.

Puedes dar la vuelta al segundo pincel marcando la casilla Voltear X en el panel Pincel para aplicarlo al lado derecho. También puedes mover estos pinceles hacia arriba y hacia abajo más tarde después de añadir el texto si es necesario.

Sides Splatter Brushes

Paso 5

Haz doble clic en la capa para aplicar un efecto simple de Resplandor interior.

  • Modo de fusión: Luz intensa
  • Opacidad: 50%
  • Fuente: Centro
  • Tamaño: 7
Inner Glow

Paso 6

Ve a Filtro > Desenfocar > Desenfoque gaussiano, y cambia el Radio a 1.5.

Paso 7

Selecciona todas las capas que tengas excepto la capa de Fondo original, luego agrúpalas y nombra el grupo BG para mantener las cosas organizadas.

Group Background Layers

4. Crea el texto, estilízalo y añade la textura

Paso 1

Crea el texto en Mayúsculas usando la fuente SI Font (o puedes usar Impact en su lugar). El color de la fuente es #e6d5b5, el Tamaño es 225 pt, y el valor de Tracking se establece en -10.

El texto de la parte superior es opcional, pero se crea con la fuente Gill Sans MT Condensed, y la fuente Tamaño 85 pt. Puedes usar cualquier otra fuente condensada similar para esa parte también.

Creating the Text

Paso 2

Haz doble clic en cada capa de texto para aplicar un efecto simple de Resplandor interior.

  • Opacidad: 30%
  • Color: #d5c09f
Inner Glow

Paso 3

Selecciona la(s) capa(s) de texto que has creado, luego ve a Filtro > Convertir para filtros inteligentes, y renombra la capa del objeto inteligente a Texto, luego duplícala y arrastra la copia debajo de ella.

Esto ayudará a aplicar filtros no destructivos al texto, así como a mantener el texto editable para cualquier otro cambio.

Convert Text to Smart Object

Paso 4

Coloca la imagen grunge-background3.jpg del paquete Fondos grunge encima de la capa de texto original, luego haz clic con el botón derecho del ratón y elige Crear máscara de recorte.

Text Grunge Texture

Paso 5

Ve a Imagen > Ajustes > Tono/Saturación, cambia el Tono a 4 y la Saturación a -30.

Text Grunge Textures HueSaturation

5. Oscurece el texto

Paso 1

Toma la herramienta Pincel, abre el panel Pincel (Ventana > Pincel), escoge una punta de pincel circular y redonda, y luego modifica sus ajustes como se muestra a continuación:

Forma de la punta del pincel

Brush Tip Shape

Dinámica de forma

Shape Dynamics

Dinámica de color

Color Dynamics

Transferencia

Transfer

Paso 2

Crear una nueva capa encima de la capa de textura grunge, llámala Pincel, cambia su Modo de fusión a Multiplicar, haz clic con el botón derecho del ratón y elige Crear máscara de recorte, luego establece el color de Primer plano en #a5a196 y el color de Fondo en #b8976c.

Ahora empieza a pintar la parte superior del texto, y de manera aleatoria dentro de él para crear algunos puntos más oscuros a lo largo de los bordes superiores y dentro de las letras.

Darkening the Text

6. Añade el grunge dentro y alrededor del texto

Paso 1

Pon el color de Primer plano en #fffada, crea una Nueva capa y llámala Salpicadura, crea una Máscara de recorte para ella, cambia su Modo de fusión a Trama y su Opacidad al 70%, luego elige la punta del pincel que se muestra a continuación del paquete de Pinceles grunge rústicos.

Haz clic tantas veces como sea necesario para rellenar el texto con la punta del pincel seleccionado, pero asegúrate de no hacer clic y arrastrar.

Text Grunge Brush

Paso 2

Pulsa Comando y haz clic en la miniatura de la capa de Texto para crear una selección.

Create a Text Selection

Paso 3

Asegúrate de que la capa Salpicadura esté seleccionada, luego presiona Comando-J para duplicar la selección en una nueva capa.

Renombra la capa duplicada a Horizontal y cambia su Modo de fusión a Trama, luego duplícala y cambia el nombre de la copia a Vertical.

Selecciona la capa Horizontal, haz un poco de zoom y luego presiona la Tecla de la flecha izquierda seis veces para mover el pincel 6 px a la izquierda.

Move the Grunge Brush to the Edges

Paso 4

Vuelve a crear una selección basada en el texto, luego presiona el botón Borrar para deshacerte de la parte dentro del texto y mantener los bordes, y ve a Selección > Deseleccionar.

Repite los mismos pasos para mover la parte Vertical 4 px hacia arriba.

Refining the Grunge Edges

Paso 5

Elige la herramienta Borrador, selecciona una punta difusa y circular, y borra algunas partes de los bordes horizontales y verticales que acabas de crear.

Erase some Parts of the Grungy Edges

Paso 6

Convierte cada una de las capas Horizontal y Vertical en Objetos inteligentes, y cambia los Modos de fusión de sus capas a Trama.

A continuación, selecciona la capa de cada objeto inteligente, y ve a Filtro > Desenfocar > Desenfoque gaussiano, y cambia el Radio a 0,7.

Gaussian Blur the Grungy Edges

Paso 7

Si es necesario, también puedes cambiar los valores de Opacidad para crear un efecto más sutil.

Adjusting the Grungy Edges Opacity Values

7. Toques finales

Paso 1

Selecciona la copia de la capa de Texto, luego ve a Filtro > Desenfocar > Desenfoque de movimiento, cambia el Ángulo a 90 y la Distancia a 10.

Motion Blurring the Copy Text Layer

Paso 2

Escoge un pincel circular definido de 1 px, y asegúrate de que su valor de Espaciado en el panel Pincel esté ajustado a 1.

Spacing Value

Paso 3

Crea una nueva capa encima de todas las capas, llámala Línea, y establece el color de Primer plano en #f26d7e.

Haz clic una vez en la parte superior del borde izquierdo de la letra en el medio del texto, mantén pulsada la tecla Shift y vuelve a hacer clic en la parte inferior.

Red Line

Paso 4

Ve a Filtro > Desenfocar > Desenfoque gaussiano, y cambia el Radio a 0.7.

Gaussian Blurring the Red Line

¡Felicitaciones! Ya terminaste.

En este tutorial, usamos un par de pinceles grunge, junto con una textura, y varias capas para crear un fondo grunge simple, y luego agregamos algo de color.

Luego creamos un texto y lo convertimos en un Objeto inteligente, añadimos otra textura grunge y un pincel, y usamos el pincel para crear algunos bordes exteriores grunge alrededor del texto.

Un par de Filtros gaussianos y de Desenfoque de movimiento ayudaron a suavizar el efecto, y finalmente añadimos una línea roja brillante a una de las letras para completar el efecto.

Se trata de construir el efecto grunge usando diferentes texturas y pinceles, junto con algunos ajustes de color y diferentes modos de fusión de capas, así como filtros de desenfoque para evitar cualquier línea fuerte.

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

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.