1. Design & Illustration
  2. Photo Effects

Cómo Crear un Efecto de Graffiti en Adobe Photoshop

by
Read Time:7 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Aprende cómo crear ilustración de graffiti de tus fotos en Adobe Photoshop, usando filtros y ajustes.

El efecto de graffiti es parte de Acción de Photoshop con efecto de Graffiti  de mi portafolio en Envato Market.

Graffiti Effect with Pop Up Photoshop ActionGraffiti Effect with Pop Up Photoshop ActionGraffiti Effect with Pop Up Photoshop Action
Acción de Photoshop con Efecto de Graffiti

Recursos del Tutorial

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

1. Cómo Crear el Fondo de Muro de Ladrillo

Crea un Nuevo Documento de 850 x 630 px. Claro, puedes usar otro tamaño para tu archivo PSD, pero tienes que ajustar proporcionalmente todos los tamaños utilizados en éste tutorial.

Agrega el Muro de Ladrillo en una Nueva Capa. Redimensiona la imagen si es necesario de acuerdo al tamaño de tu lienzo.

Brick Wall TextureBrick Wall TextureBrick Wall Texture

2. Cómo Añadir el Arte de Graffiti

Paso 1

En una Nueva Capa, agrega la textura Muro de Graffiti. Redimensiona la imagen si es necesario de acuerdo al tamaño de tu lienzo.

Graffiti Wall TextureGraffiti Wall TextureGraffiti Wall Texture

Paso 2

Haz click en el segundo ícono en la parte inferior del panel Capas para agregar una Máscara de Capa a la capa Muro de Graffiti.

Add Layer Mask in PhotoshopAdd Layer Mask in PhotoshopAdd Layer Mask in Photoshop

Establece el Color de Frente en #000000 y toma la Herramienta Pincel. Usa el Pincel Grunge para pintar dentro de la máscara para ocultar algo del efecto de graffiti y revelar el muro de ladrillo.

Paint Inside the Layer Mask in PhotoshopPaint Inside the Layer Mask in PhotoshopPaint Inside the Layer Mask in Photoshop

3. Cómo Crear el Efecto de Retrato de Graffiti

Paso 1

Agrega el Retrato del Hombre en una Nueva Capa. Usa la Herramienta Varita Mágica para seleccionar el fondo de ésta imagen. Establece la Tolerancia en 10 y marca Contiguo. Manten presionada la tecla Mayúsculas para realizar múltiples selecciones. Presiona Suprimir para eliminar el fondo seleccionado.

Remove Background in PhotoshopRemove Background in PhotoshopRemove Background in Photoshop

Presiona Control-D para deseleccionar.

Paso 2

Presiona Control-J para Duplicar dos veces la capa Retrato de Hombre, y llama a las nuevas capas Retrato de Hombre 1 y Retrato de Hombre 2. Oculta las dos capas recientemente creadas. Haciendo click en el ícono del ojo junto a cualquier capa en el panel Capas ocultará/revelará la capa.

Duplicate Layers in PhotoshopDuplicate Layers in PhotoshopDuplicate Layers in Photoshop

Paso 3

Regresa a la capa de Retrato de Hombre y agrega una estilo de capa Trazo de 4 px, Posición centro, Color #000000.

Add Stroke Layer StyleAdd Stroke Layer StyleAdd Stroke Layer Style

Paso 4

Ve a Filtro > Artístico > Cuarteado y elige el Número de Niveles 8, Simplicidad de Borde 0 y Fidelidad de Borde 3.

Filter Artistic Cutout Photoshop FilterFilter Artistic Cutout Photoshop FilterFilter Artistic Cutout Photoshop Filter

Cutout Filter in PhotoshopCutout Filter in PhotoshopCutout Filter in Photoshop

Paso 5

Ve a Capa > Nueva Capa de Ajuste > Posterizar y establece los Niveles en 5. Haz click en el tercer botón desde la izquierda para añadir éste ajuste como una Máscara de Recorte para la capa de abajo.

Posterize Adjustment in PhotoshopPosterize Adjustment in PhotoshopPosterize Adjustment in Photoshop

Paso 6

Ve a Capa > Nueva Capa de Ajuste > Brillo/Contraste y establece el Brillo en 117 y el Contraste en -50. Haz click en el tercer botón desde la izquierda para agregar éste ajuste como una Máscara de Recorte para la capa de abajo.

Brightness and Contrast Adjustment in PhotoshopBrightness and Contrast Adjustment in PhotoshopBrightness and Contrast Adjustment in Photoshop

Paso 7

Ve a Capa > Nueva Capa de Ajuste > Tono/Saturación y establece el Tono en 129 y la Saturación en 100. Haz click en el tercer botón desde la izquierda para agregar éste ajuste como una Máscara de Recorte para la capa de abajo.

Hue and Saturation Adjustment in PhotoshopHue and Saturation Adjustment in PhotoshopHue and Saturation Adjustment in Photoshop

Toma la Herramienta Pincel y usa el Pincel Grunge para pintar dentro de la Máscara de Tono/Saturación usando el color #000000 para revelar el color original de abajo.

Paint Inside the Layer MaskPaint Inside the Layer MaskPaint Inside the Layer Mask

Paso 8

Crea una Nueva Capa. Copia y pega la imagen de Muralla de Graffiti en ésta capa. Haz click derecho en la capa y elige Crear Máscara de Recorte.

Create Clipping Mask in PhotoshopCreate Clipping Mask in PhotoshopCreate Clipping Mask in Photoshop

Cambia el Modo de Fusión de la capa Efecto de Graffiti a Color Más Claro.

Blend Mode Lighter Color in PhotoshopBlend Mode Lighter Color in PhotoshopBlend Mode Lighter Color in Photoshop

Haz click en el segundo ícono en la parte inferior del panel Capas para agregar una Máscara de Capa a la capa Efecto de Graffiti. Toma la Herramienta Pincel y usa el Pincel Grunge para pintar dentro de la Máscara de Capa usando el color #000000 para ocultar algunos detalles.

Paint Inside the Layer Mask in PhotoshopPaint Inside the Layer Mask in PhotoshopPaint Inside the Layer Mask in Photoshop

Paso 9

Haz click en el ícono del ojo junto a la capa Retrato de Hombre 1 para mostrar la capa. Establece el Color de Frente en #000000 y el Color de Fondo en #ffffff.

Show Layer in PhotoshopShow Layer in PhotoshopShow Layer in Photoshop

Paso 10

Ve a Filtro > Bosquejar > Fotocopia y establece el Detalle en 3 y la Oscuridad en 50.

Photocopy Filter in PhotoshopPhotocopy Filter in PhotoshopPhotocopy Filter in Photoshop

Paso 11

Ve a Filtro > Artístico > Cuarteado y establece el Número de Niveles en 3, Simplicidad de Borde en 3 y Fidelidad de Borde en 3.

Cutout Filter in PhotoshopCutout Filter in PhotoshopCutout Filter in Photoshop

Paso 12

Ve a Imagen > Ajustes > Niveles y establece los Niveles de Entrada.

Levels Adjustment in PhotoshopLevels Adjustment in PhotoshopLevels Adjustment in Photoshop

Paso 13

Establece el Modo de Fusión del Retrato de Hombre 1 en Multiplicar.

Multiply Blend Mode in PhotoshopMultiply Blend Mode in PhotoshopMultiply Blend Mode in Photoshop

Si quieres, puedes repetir el mismo proceso pero con diferentes parámetros para la capa Retrato de Hombre 2, pero éste paso es opcional.

4. Cómo Crear el Efecto de Ladrillo

Paso 1

Presiona Mayúsculas-Control-N para crear una Nueva Capa arriba de todas las otras capas.

Presiona Mayúsculas-Control-Alt-E para Combinar todas las capas visibles. Llama a ésta capa Brick Effect (Efecto Ladrillo).

Merge All Visible Layers in PhotoshopMerge All Visible Layers in PhotoshopMerge All Visible Layers in Photoshop

Paso 2

Agrega una Máscara de Capa a la capa Brick Effect.

Add Layer Mask in PhotoshopAdd Layer Mask in PhotoshopAdd Layer Mask in Photoshop

Paso 3

Ve a Imagen > Recortar y recorta el lienzo basado en pixeles transparentes.

Trim Canvas in PhotoshopTrim Canvas in PhotoshopTrim Canvas in Photoshop

Paso 4

Ve a la capa Muro de Ladrillo y haz una selección usando la Herramienta Marco Rectangular. Presiona Control-C para hacer una Copia de la selección.

Copy Selection in PhotoshopCopy Selection in PhotoshopCopy Selection in Photoshop

Paso 5

Regresa a la capa Brick Effect y en la pestaña Canales haz click en el ícono del ojo junto a la Máscara de Brick Effect para hacerla visible. Presiona Control-V para Pegar la selección en ésta máscara.

Work with Channels in PhotoshopWork with Channels in PhotoshopWork with Channels in Photoshop

Paso 6

Regresa a la pestaña Capas y presiona Control-D para Deseleccionar. También haz click en la Miniatura de la Capa Brick Effect.

Use Image as Layer Mask in PhotoshopUse Image as Layer Mask in PhotoshopUse Image as Layer Mask in Photoshop

Paso 7

Abre la Ventana de Estilo de Capa de la capa Brick Effect y agrega un Bisel y Relieve.

Bevel and Emboss in PhotoshopBevel and Emboss in PhotoshopBevel and Emboss in Photoshop

¡Felicidades! ¡Terminaste!

En éste tutorial, has aprendido cómo crear un efecto de graffiti en Photoshop desde cero usando pinceles y textura. Espero que hayas disfrutado éste tutorial.

Para resultados más rápidos, con toda confianza descarga ésta Acción de Photoshop con Efecto de Graffiti  de mi portafolio en Envato Market.

Graffiti Effect with Pop Up Photoshop ActionGraffiti Effect with Pop Up Photoshop ActionGraffiti Effect with Pop Up Photoshop Action
Acción de Photoshop Efecto de Graffiti 

¡Y consulta el resultado final abajo!

Graffiti Wall Photo Effect Photoshop TutorialGraffiti Wall Photo Effect Photoshop TutorialGraffiti Wall Photo Effect Photoshop Tutorial

One subscription.
Unlimited Downloads.
Get unlimited downloads