Cómo Hacer un Efecto de Texto de Graffiti Con Estilos de capa de Photoshop
En este tutorial, le mostraré cómo crear un efecto de texto de graffiti en Photoshop. Usaremos estilos de capa y la función» Blend If » de las opciones de fusión.
El efecto de texto que crearemos está inspirado en los estilos de graffiti de Envato Elements, donde encontrarás algunas de las mejores letras de graffiti del mundo. Como este Efecto de texto de Photoshop de Graffiti con 10 estilos diferentes.
Puedes descargar una de estas fuentes de texto de graffiti para ayudarte a crear texto de graffiti de forma rápida y sencilla:
-
FuentesMás de 30 Mejores Fuentes de GraffitiMelody Nieves
Síguenos en nuestro canal de YouTube Envato Tuts + :
Recursos de tutorial
Los siguientes recursos se utilizaron durante este tutorial de Photoshop con efectos de texto de graffiti:
- Pared de ladrillo original: imagen sin editar
- Pared de ladrillo (editada): imagen para el fondo
- Graffogie: fuente
1. Cómo configurar el Fondo y el Texto
Paso 1
Usaremos un fondo de pared de ladrillo para este texto de graffiti tutorial de Photoshop. Abra Photoshop y, en lugar de crear un documento nuevo, vaya a Archivo > Abrir… y seleccione la pared de ladrillo.jpg de los recursos del tutorial. Si desea probar un fondo diferente, puede probar uno de los muchos fondos de pared en Envato Elements.
Paso 2
Use su Herramienta de tipografía (T), seleccione la fuente de texto Graffogie graffiti con un tamaño de 285 pt y escriba la palabra «Votar» en su mesa de trabajo. A continuación, vaya a Escribir > Deformar texto y seleccione Superior de shell con Curva: 21%, Distorsión Horizontal: -29% y Distorsión Vertical: 22%, y presione Aceptar. Finalmente, seleccione solo la letra » V » en su mesa de trabajo y, a continuación, vaya al panel de personajes y establezca el seguimiento en -75.
Paso 3
Utilice su Herramienta de tipo (T) de nuevo para escribir dos palabras más,»para» y «Pedro», con la misma fuente de texto de graffiti. Asegúrate de que cada palabra esté en su propia capa. Escriba «para» con el tamaño de fuente 116 pt y seguimiento 75. A continuación, escriba «Pedro»en una nueva capa con el tamaño de fuente 255 pt y seguimiento 75.
Paso 4
Use su herramienta Mover (V) y mueva las letras de estilo de graffiti juntas. A continuación, seleccione las tres capas de texto en el panel Capas y pulse Control-T. Ahora establezca la rotación en -8°. Finalmente, estamos listos para comenzar a crear efectos de texto de Photoshop.
2. Cómo Crear el Primer Efecto de Texto de Graffiti
Paso 1
Comencemos seleccionando la capa de texto de graffiti «Votar». Ahora vaya a Capa > Estilo de capa > Opciones de fusión… y aplique el siguiente estilo de capa.
En Opciones de fusión, utilice estos ajustes:
- Mezcla avanzada: 0%
- Mezclar si: Gris
- Capa subyacente: Haga clic en Alt (Opción de usuarios de Mac) en el marcador blanco para dividirlo y, a continuación, establezca la parte izquierda en 161 y la parte derecha en 236.
Paso 2
Añadir 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
- Desmarque la casilla Usar Caja de luz global
- Ángulo: 98º
- Altitud: 30º
- Marque la casilla suavizado
- Modo de resaltado: Superposición con color
#035b7cy Opacidad: 100% - Modo de sombra: Superposición con color
#ff3000y opacidad: 88%
Paso 3
Añadir una Sombra Interna al efecto de texto de graffiti con estos ajustes:
- Modo de mezcla: Color normal
- :
#000000 - Opacidad: 100%
- Desmarque la casilla Usar caja de luz global
- Ángulo: -94º
- Distancia: 0 px
- Estrangulación: 0%
- Tamaño: 10 px
- Contorno: Cono
- Marque la casilla suavizado
- Ruido: 11%
Paso 4
Añadir un Resplandor interior con estos ajustes:
- Modo de mezcla: Color normal
- :
#000000 - Opacidad: 19%
- Ruido: 61%
- Técnica: Precisa
- Fuente: Centro
- Estrangulación: 1%
- Tamaño: 10 px
- Contorno: Invertido en cono
- Marque la casilla Rango 9048>
- : 50%
Paso 5
Añadir un estilo satinado con estos ajustes:
- Modo de fusión: Superposición de color
- :
#64ec87 - Ángulo: 90 °
- Distancia: 19 px
- Tamaño: 24 px
- Contorno: Media vuelta
- Marque la casilla Anti-aliased
- Marque la casilla Invertir
Paso 6
Añadir una superposición de degradado con estos ajustes:
- Modo de fusión: Grabación lineal
- Marque la casilla de tramado
- Opacidad: 6%
- Estilo: Lineal
- Ángulo: 90º
- Escala: 60%
- Haga clic en el Degradado y establezca estas paradas:
- Paradas de color con Color
#000000en 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ñadir un brillo exterior con estos ajustes:
- Modo de fusión: Grabación lineal
- Opacidad: 29%
- Color:
#000000 - Técnica: Precisa
- Extensión: 50%
- Tamaño: 3 px
- Marque la casilla Anti-aliased
Paso 8
Casi hemos terminado con este tutorial de Photoshop con efectos de texto de graffiti. Como paso final para este efecto de texto, agregue una Sombra paralela con estos ajustes:
- Modo de Fusión: Normal
- Elija el color
#000000 - Opacidad: 95%
- Desmarque Usar caja de luz global
- Ángulo: 90°
- Distancia: 5 px
- Extensión: 39%
- Tamaño: 24 px
- Marque la casilla suavizado
- Ruido: 10%
Pulsa Aceptar para aplicar todos los cambios.
Este es el resultado del primer efecto de texto de graffiti aplicado a la fuente de texto de graffiti.
3. Cómo Crear el Segundo Efecto de Texto de graffiti
Paso 1
Seleccione la capa de texto de graffiti «para» y vaya a Capa > Estilo de capa > Opciones de fusión… para aplicar el siguiente estilo de capa a la fuente de letra de graffiti.
En Opciones de fusión, utilice estos ajustes:
- Mezcla avanzada: 0%
- Mezcla si: Gris
- Capa subyacente: Haga clic en Alt (Opción usuarios de Mac) en el marcador blanco para dividirlo y, a continuación, establezca la parte izquierda en 158 y la parte derecha en 217.
Paso 2
Añadir un bisel y relieve al efecto de texto 3D de letras de graffiti con estos ajustes:
- Estilo: Bisel interno
- Técnica: Liso
- Profundidad: 100%
- Dirección: Arriba
- Tamaño: 8 px
- Suavizar: 0 px
- Desmarque la casilla Usar caja de luz global
- Ángulo: 90º
- Altitud: 30º
- Marque la casilla Anti-aliased
- Modo de resaltado-Opacidad: 0%
- Modo de sombra: Multiplique con color
#000000y Opacidad: 50%
Paso 3
Añadir un trazo con estos ajustes:
- Tamaño: 1 px
- Posición: Exterior
- Tipo de relleno: Color
- Color:
#000000
Paso 4
Añadir una Sombra Interna con estos ajustes:
- Modo de mezcla: Color normal
- :
#000000 - Opacidad: 100%
- Desmarque la casilla Usar caja de luz global
- Ángulo: -94º
- Distancia: 0 px
- Estrangulación: 18%
- Tamaño: 5 px
- Marque la casilla Anti-aliased
- Ruido: 11%
Paso 5
Añadir un Resplandor Interior con estos ajustes:
- Modo de fusión: Normal
- Color:
#000000 - Opacidad: 30%
- Ruido: 61%
- Técnica: Precisa
- Origen: Borde
- Cierre: 1%
- Tamaño: 4 px
- Compruebe el Anti-alias cuadro
- Gama: 50%
Paso 6
Añadir una Sombra paralela con estos ajustes para terminar este efecto de texto 3D de letras de graffiti:
- Modo de mezcla: Normal
- Elegir el color
#000000 - Opacidad: 956%
- Desmarque la casilla Usar caja de luz global
- Ángulo: 90°
- Distancia: 5 px
- Extensión: 27%
- Tamaño: 18 px
- Marque la casilla Anti-aliased
- Ruido: 17%
Pulsa Aceptar para aplicar el estilo de capa.
Aquí está el resultado del segundo efecto de texto de graffiti aplicado a las letras de graffiti geniales. Lo estás haciendo genial, casi hemos terminado este tutorial de Photoshop sobre texto de graffiti.
4. Cómo Crear el Tercer Efecto de Texto de Graffiti
Paso 1
Seleccione la capa de fuente de letra de graffiti «pedro» y vaya a Capa > Estilo de capa > Opciones de fusión… para aplicar el siguiente estilo de capa.
En Opciones de fusión, utilice estos ajustes:
- Mezcla avanzada: 0%
- Mezclar si: Gris
- Capa subyacente: Haga clic en Alt (Opción de usuarios de Mac) en el marcador blanco para dividirlo y, a continuación, establezca la parte izquierda en 139 y la parte derecha en 201. Luego, divida el marcador negro y establezca su parte derecha en 80.
Paso 2
Añadir 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
- Desmarque la casilla Usar Caja de luz global
- Ángulo: 98º
- Altitud: 30º
- Marque la casilla antialeado
- Modo de resaltado: Superposición con color
#1faee3y Opacidad: 100% - Modo de sombra: Superposición con color
#ce43dby Opacidad: 88%
Paso 3
Añadir una Sombra Interna al efecto de texto de fuente de letra de graffiti con estos ajustes:
- Modo de mezcla: Color normal
- :
#000000 - Opacidad: 100%
- Desmarque la Caja de luz Global de uso
- Ángulo: -94º
- Distancia: 0 px
- Estrangulación: 0%
- Tamaño: 10 px
- Contorno: Cono
- Compruebe el Anti-caja con alias
- Ruido: 11%
Paso 4
Añadir un Resplandor Interior con estos ajustes:
- Modo de Mezcla: sobreexposición Lineal (Añadir)
- Color:
#dd8925 - Opacidad: 33%
- Ruido: 47%
- Técnica: Precisa
- Fuente: Centro
- Cierre: 58%
- Tamaño: 16 px
- Compruebe el Anti-alias cuadro
- Gama: 50%
Paso 5
Añadir un efecto satinado con estos ajustes:
- Modo de fusión: Superposición de color
- :
#f08d18 - Ángulo: 90 °
- Distancia: 19 px
- Tamaño: 24 px
- Contorno: Media vuelta
- Marque la casilla Anti-aliased
- Marque la casilla Invertir
Paso 6
Añadir una superposición de degradado con estos ajustes:
- Modo de fusión: Grabación lineal
- Marque la casilla de tramado
- Opacidad: 6%
- Estilo: Lineal
- Ángulo: 90º
- Escala: 60%
- Haga clic en el Degradado y establezca estas paradas:
- Paradas de color con Color
#000000en 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ñadir un brillo exterior con estos ajustes:
- Modo de fusión: Grabación lineal
- Opacidad: 29%
- Color:
#000000 - Técnica: Precisa
- Extensión: 40%
- Tamaño: 2 px
- Marque la casilla Anti-aliased
Paso 8
Como paso final para este efecto de texto de letras de estilo graffiti, agregue una Sombra paralela con estos ajustes:
- Modo de fusión: Normal
- Elija el color
#000000 - Opacidad: 96%
- Desmarque la casilla Usar caja de luz global
- Ángulo: 90°
- Distancia: 5 px
- Extensión: 39%
- Tamaño: 24 px
- Marque la casilla Anti-aliased
- Ruido: 10%
Pulsa Aceptar para aplicar los efectos de texto.
¡Felicitaciones! Estás Hecho!
En este tutorial de Photoshop de efectos de texto de graffiti, aprendió a usar estilos de capa y opciones de fusión para crear algunos efectos de texto de graffiti geniales en Adobe Photoshop.
Comenzamos creando nuestro graffiti de texto en Photoshop, y luego lo cambiamos con opciones de fusión y estilos de capa a tres efectos de graffiti diferentes en la pared.
Explore más Tutoriales de Efectos de texto de Photoshop geniales
El texto de graffiti del tutorial de Photoshop que acaba de comprobar no es el único que tenemos. Puedes aprender muchos efectos de texto, ¡y no solo letras de graffiti geniales! Aquí hay algunos otros tutoriales que puede disfrutar:
-
Efectos de textoCómo Crear un Efecto de Texto de dibujos Animados en Adobe PhotoshopJan Stverak -
Estilos de capaCómo crear una Maqueta de Texto y Logotipo en Negro y Dorado en 3DJan Stverak -
Efectos de textoConsejo rápido: Cree un Efecto de Texto Dorado Real en Photoshop Utilizando Estilos de capaJan Stverak -
Efectos de textoSugerencia rápida: Crea un Efecto de Texto Dorado Brillante del Viejo Mundo en PhotoshopJan Stverak
Los 5 mejores Complementos de Photoshop con Logotipos de Graffiti De Envato Elements
Espero que hayas disfrutado de mi tutorial de Photoshop con efectos de texto de graffiti. Ahora, te mostraré una selección de los complementos de Photoshop de graffiti de texto más importantes de Envato Elements.
Este es nuestro mercado basado en suscripciones, donde puede obtener tantas acciones de Photoshop con logotipos de graffiti como necesite, junto con miles de activos gráficos creativos, por una tarifa mensual baja.
Con la ayuda de Envato Elements, crearás las mejores letras de graffiti del mundo. Tenemos todo tipo de estilos de graffiti y acciones. Echa un vistazo aquí:
Efectos de texto de graffiti PSD (ASL, PSD)
Estas letras de estilo de graffiti son realmente fáciles de usar en Photoshop. Solo necesita colocar su texto o diseño en el objeto inteligente, ¡y tendrá letras de graffiti geniales en poco tiempo! Este paquete de Photoshop de graffiti de texto incluye diez estilos diferentes, diez archivos PSD y objetos inteligentes bien organizados en capas.
Efectos de texto de graffiti PSD vol.1 (ASL, PSD)
Otro conjunto de letras de graffiti geniales del mismo artista talentoso. Este paquete PSD de efectos de texto de graffiti también incluye diez maquetas únicas, además de diez archivos ASL: diez conjuntos de estilos para Photoshop. ¡No dudes en probar estos efectos 3D de letras de graffiti!
Logotipo de Graffiti de Arte callejero Photoshop (ABR, ATN, PAT)
¿Quién dijo que el graffiti es solo sobre texto? Tenemos todo tipo de complementos de estilo de graffiti, y esta es una acción de Photoshop con logotipo de graffiti de arte callejero muy genial. Esto funciona mejor con retratos, figuras, modelos y objetos inanimados. El resultado final es una composición en capas con muchos efectos y personalización.
Estilos de capa PSD de Efectos de texto de Graffiti (ASL, PSD)
Pero si eres fan de las fuentes de letras de graffiti y los efectos 3D de letras de graffiti, esto es para ti. Disfruta de este conjunto de 15 letras de estilo graffiti para Photoshop y crea composiciones de texto de graffiti geniales.
Logotipo de graffiti en aerosol (ABR, ATN, PAT)
Para cerrar nuestra selección de todo tipo de estilos de graffiti, este arte en aerosol es una acción genial de Photoshop con logotipo de graffiti. Esto le permite crear obras de arte digitales rápidas en unos pocos clics. La composición es muy fácil de editar gracias a sus capas, lo que te da un control creativo total.