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

Cómo Crear un Efecto de Graffiti en Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

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

Final 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 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 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 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 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 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 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 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 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 Filter

Cutout 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 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 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 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 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 Photoshop

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

Blend 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 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 Photoshop

Paso 10

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

Photocopy 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 Photoshop

Paso 12

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

Levels Adjustment in Photoshop

Paso 13

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

Multiply 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 Photoshop

Paso 2

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

Add Layer Mask in Photoshop

Paso 3

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

Trim 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 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 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 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 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 Action
Acción de Photoshop Efecto de Graffiti 

¡Y consulta el resultado final abajo!

Graffiti Wall Photo Effect Photoshop Tutorial

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.