Cómo hacer un efecto de texto de graffiti con estilos de capa en Photoshop

En este tutorial, te mostraré cómo crear un efecto de texto de graffiti en Photoshop. Usaremos estilos de capa y la función "Fusionar si es" de las opciones de fusión.

El efecto de texto que crearemos se inspira en los estilos de graffiti de Envato Market.

Recursos para el tutorial

Durante este tutorial de efectos de texto se utilizaron los siguientes recursos:

• Muro de ladrillo original - imagen sin editar
  
• Muro de ladrillo (editado) - imagen para el fondo
• Graffogie - fuente
  

1. Cómo establecer el fondo y texto

Paso 1

Usaremos un fondo de pared de ladrillo para este efecto de texto de graffiti. Abre Photoshop y en lugar de crear un nuevo documento, ve a Archivo > Abrir... y selecciona Brick-wall.jpg en los recursos del tutorial. Si quieres probar un fondo diferente, puedes probar uno de los muchos fondos de pared en Envato Elements.

Paso 2

Usa la herramienta Texto (T), selecciona la fuente Graffogie con un Tamaño de 285 pt y escribe la palabra "Vote" (Vota) en tu mesa de trabajo. Luego ve a Texto > Deformar texto y selecciona la Caparazón hacia arriba con Curvar: 21%, Distorsión horizontal: -29%, Distorsión vertical: 22% y presiona OK. Finalmente, selecciona solo la letra "V" en tu mesa de trabajo y luego ve a tu panel Carácter y establece el Tracking en -75.

Paso 3

Usa nuevamente la herramienta Texto (T) para escribir dos palabras más: "for" (por) y "Pedro". Asegúrate de que cada palabra esté en su propia capa. Escribe "for" (por) con el tamaño de fuente de 116 pt y el tracking en 75. Luego, escribe "Pedro" en una nueva capa con el tamaño de fuente en 255 pt y el tracking en 75.

Paso 4

Usa tu Herramienta mover (V) y mueve toda la composición. Luego, selecciona las tres capas de texto en el panel Capas y presiona Control + T. Ahora establece Rotar en -8°. Finalmente, estamos listos para empezar a crear efectos de texto en Photoshop.

2. Cómo crear el primer efecto de texto de graffiti

Paso 1

Empecemos seleccionando la capa "Vote" (Vota). Ahora ve a Capa > Estilo de Capa > Opciones de fusión... y aplica el siguiente estilo de capa.

En Opciones de fusión, usa estos ajustes:

• Fusión avanzada: 0%
• Fusionar si es: Gris
• Capa subyacente: presiona Alt y haz clic (usuarios de Mac Opción + clic) en el indicador blanco para dividirlo y luego, establece la parte izquierda en 161 y la parte derecha en 236.

Paso 2

Añade un bisel y relieve con estos ajustes:

• Estilo: Bisel interior
• Técnica: Cincel duro
  
• Profundidad: 144%
• Dirección: Arriba
• Tamaño: 8 px
• Suavizar: 0 px
• Desactiva la casilla Usar luz global
• Ángulo: 98°
• Altitud: 30°
• Activa la casilla Suavizado
• Modo resaltado: Superponer color #035b7c y Opacidad: 100%
• Modo sombra: Superponer color #ff3000 y Opacidad: 88%

Paso 3

Añade una Sombra interior al efecto de texto con estos ajustes:

• Modo de fusión: Normal
  
• Color: #000000
  
• Opacidad: 100%
  
• Desactiva la casilla Usar luz global
  
• Ángulo: -94°
• Distancia: 0 px
• Retraer: 0%
• Tamaño: 10 px
• Contorno: Cono
  
• Activa la casilla Suavizado
• Ruido: 11%
  

Paso 4

Añade un Resplandor interior con estos ajustes:

• Modo de fusión: Normal
  
• Color: #000000
  
• Opacidad: 19%
• Ruido: 61%
• Técnica: Preciso
• Origen: Centro
  
• Retraer: 1%
• Tamaño: 10 px
• Contorno: Cono - Invertido
  
• Activa la casilla Suavizado
• Rango: 50%
  

Paso 5

Añade un estilo Satinado con estos ajustes:

• Modo de fusión: Superponer
• Color: #64ec87
  
• Ángulo: 90°
• Distancia: 19 px
• Tamaño: 24 px
• Contorno: Semiredondo
  
• Activa la casilla Suavizado
• Activa la casilla Invertir
  

Paso 6

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

• Modo de fusión: Subexposición lineal
  
• Activa la casilla Tramado
  
• Opacidad: 6%
• Estilo: Lineal
• Ángulo: 90°
• Escala: 60%
  
• Haz clic en el Degradado y establece estas paradas:
• Paradas de color con Color #000000 en Ubicación: 0% y 100%
  
• Parada de opacidad con Opacidad: 0% en Ubicación: 0%
• Parada de opacidad con Opacidad: 100% en Ubicación: 100%

Paso 7

Añade un Resplandor exterior con estos ajustes:

• Modo de fusión: Subexposición lineal
  
• Opacidad: 29%
• Color: #000000
• Técnica: Preciso
• Extensión: 50%
• Tamaño: 3 px
• Activa la casilla Suavizado

Paso 8

Como último paso para este efecto de texto, añade una Sombra paralela con estos ajustes:

• Modo de fusión: Normal
• Elige el color #000000
• Opacidad: 95%
• Desactiva la casilla Usar luz global
• Ángulo: 90°
• Distancia: 5 px
• Extensión: 39%
• Tamaño: 24 px
• Marca la casilla Suavizado
• Ruido: 10%
  

Presiona OK para aplicar todos los cambios.

Este es el resultado aplicado del primer efecto de texto de graffiti.

3. Cómo crear el segundo efecto de texto de graffiti

Paso 1

Selecciona la capa "for" (por) y ve a Capa > Estilo de capa > Opciones de fusión... para aplicar el siguiente estilo de capa.

En Opciones de fusión, usa estos ajustes:

• Fusión avanzada: 0%
• Fusionar si es: Gris
• Capa subyacente: presiona Alt y haz clic en (usuarios de Mac Opción + clic) en el indicador blanco para dividirlo y luego, establece la parte izquierda en 158 y la parte derecha en 217.

Paso 2

Añade un bisel y relieve al efecto de texto con estos ajustes:

• Estilo: Bisel interior
• Técnica: Suavizar
  
• Profundidad: 100%
• Dirección: Arriba
• Tamaño: 8 px
• Suavizar: 0 px
• Desactiva la casilla Usar luz global
• Ángulo: 90o
• Altitud: 30°
• Activa la casilla Suavizado
• Modo resaltado - Opacidad: 0%
• Modo de sombra: Multiplicar con color #000000 y Opacidad: 50%

Paso 3

Añade un Trazo con estos ajustes:

• Tamaño: 1 px
• Posición: Exterior
• Tipo de relleno: Color
• Color: #000000
  

Paso 4

Añade una Sombra interior con estos ajustes:

• Modo de fusión: Normal
  
• Color: #000000
  
• Opacidad: 100%
  
• Activa la casilla Usar luz global
  
• Ángulo: -94°
• Distancia: 0 px
• Retraer: 18%
• Tamaño: 5 px
• Activa la casilla Suavizado
• Ruido: 11%
  

Paso 5

Añade un Resplandor interior con estos ajustes:

• Modo de fusión: Normal
  
• Color: #000000
  
• Opacidad: 30%
• Ruido: 61%
• Técnica: Preciso
• Origen: Borde
  
• Retraer: 1%
• Tamaño: 4 px
• Activa la casilla Suavizado
• Rango: 50%

Paso 6

Añade una Sombra paralela con estos ajustes para finalizar este efecto de texto:

• Modo de fusión: Normal
• Elige el color #000000
• Opacidad: 956%
• Desactiva la casilla Usar luz global
• Ángulo: 90°
• Distancia: 5 px
• Extensión: 27%
• Tamaño: 18 px
• Activa la casilla Suavizado
• Ruido: 17%
  

Presiona OK para aplicar el estilo de capa.

Este es el resultado aplicado del segundo efecto de texto de graffiti.

4. Cómo crear el tercer efecto de texto de graffiti

Paso 1

Selecciona la capa "pedro" y ve a Capa > Estilo de capa > Opciones de fusión... para aplicar el siguiente estilo de capa.

En Opciones de fusión, usa estos ajustes:

• Fusión avanzada: 0%
• Fusionar si es: Gris
• Capa subyacente: presiona Alt y haz clic (usuarios de Mac Opción + clic) en el indicador blanco para dividirlo y luego, establece la parte izquierda en 139 y la parte derecha en 201. Después, divide el indicador negro y establece su parte derecha en 80.
  

Paso 2

Añade un bisel y relieve con estos ajustes:

• Estilo: Bisel interior
• Técnica: Cincel duro
  
• Profundidad: 144%
• Dirección: Arriba
• Tamaño: 8 px
• Suavizar: 0 px
• Desactiva la casilla Usar luz global
• Ángulo: 98°
• Altitud: 30°
• Activa la casilla Suavizado
• Modo resaltado: Superponer color #1faee3 y Opacidad: 100%
• Modo de sombra: Superponer color #ce43db y Opacidad: 88%

Paso 3

Añade una Sombra interior al efecto de texto con estos ajustes:

• Modo de fusión: Normal
  
• Color: #000000
  
• Opacidad: 100%
  
• Desactiva la casilla Usar luz global
  
• Ángulo: -94°
• Distancia: 0 px
• Retraer: 0%
• Tamaño: 10 px
• Contorno: Cono
  
• Activa la casilla Suavizado
• Ruido: 11%

Paso 4

Añade un Resplandor interior con estos ajustes:

• Modo de fusión: Sobreexposición lineal (Añadir)
  
• Color: #dd8925
  
• Opacidad: 33%
• Ruido: 47%
• Técnica: Preciso
• Origen: Centro
  
• Retraer: 58%
• Tamaño: 16 px
• Activa la casilla Suavizado
• Rango: 50%

Paso 5

Añade un Satinado con estos ajustes:

• Modo de fusión: Superponer
• Color: #f08d18
  
• Ángulo: 90°
• Distancia: 19 px
• Tamaño: 24 px
• Contorno: Semiredondo
  
• Activa la casilla Suavizado
• Activa la casilla Invertir
  

Paso 6

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

• Modo de fusión: Subexposición lineal
  
• Activa la casilla Tramado
  
• Opacidad: 6%
• Estilo: Lineal
• Ángulo: 90°
• Escala: 60%
  
• Haz clic en el Degradado y establece estas paradas:
• Paradas de color con Color #000000 en ubicación: 0% y 100%
  
• Parada de opacidad con Opacidad: 0% en Ubicación: 0%
• Parada de opacidad con Opacidad: 100% en Ubicación: 100%

Paso 7

Añade un Resplandor exterior con estos ajustes:

• Modo de fusión: Subexposición lineal
  
• Opacidad: 29%
• Color: #000000
• Técnica: Preciso
• Extensión: 40%
• Tamaño: 2 px
• Activa la casilla Suavizado

Paso 8

Como último paso para lograr este efecto de texto, añade una Sombra paralela con estos ajustes:

• Modo de fusión: Normal
• Elige el color #000000
• Opacidad: 96%
• Desactiva la casilla Usar luz global
• Ángulo: 90°
• Distancia: 5 px
• Extensión: 39%
• Tamaño: 24 px
• Activa la casilla Suavizado
• Ruido: 10%
  

Presiona OK para aplicar los efectos de texto.

¡Felicitaciones! ¡Terminaste!

En este tutorial, aprendiste a utilizar estilos de capa y opciones de fusión para crear algunos efectos geniales de texto de graffiti en Adobe Photoshop.

Comenzamos creando nuestro texto y luego lo cambiamos con opciones de fusión y estilos de capa a tres efectos de graffiti diferentes en la pared.

El efecto de texto que creamos se inspiró en los estilos de graffiti de Envato Market.

Espero que hayas disfrutado de este tutorial. No dudes en dejar tus comentarios, sugerencias y resultados. Aquí hay algunos otros tutoriales que te pueden gustar:

• 
  Efectos de texto
  Cómo crear un efecto de texto de dibujos animados en Adobe Photoshop
  Jan Stverak
• 
  Estilos de capa
  Cómo crear un texto 3D en negro y dorado y una maqueta de logotipo
  Jan Stverak
• 
  Efectos de texto
  Consejo rápido: Cómo crear un efecto de texto con tipografía Royal Gold en Photoshop usando estilos de capa
  Jan Stverak
• 
  Efectos de texto
  Consejo rápido: Cómo crear un efecto de texto brillante, dorado y antiguo en Photoshop
  Jan Stverak