1. Design & Illustration
  2. Add-Ons
  3. Overlays & Textures

Cómo crear un efecto de salpicadura para una pintura llena de energía en Adobe Photoshop

Scroll to top

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

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

Los anuncios de zapatos son una increíble fuente de inspiración para el diseño. Inspirado por la energía del movimiento y el poder detrás de estos anuncios, he creado un divertido efecto de salpicaduras de pintura que puedes crear en un abrir y cerrar de ojos.

Aprende a crear este efecto en Adobe Photoshop utilizando los recursos de Envato Market.

Recursos del tutorial

Los siguientes recursos fueron utilizados en la producción de este tutorial:

1. Crear el fondo

Paso 1

Crea un nuevo documento en Photoshop a 960 x 638 px. Utiliza la herramienta Cubo de Pintura (G) para rellenar la capa de fondo con un color azul oscuro #1f222a.

Copia y pega tu acuarela de referencia en el lienzo, y ajusta el tamaño para que se adapte al fondo manteniendo pulsada la tecla Control-T para la transformación libre. Cuando hayas terminado, establece el Modo de fusión de la capa de la acuarela en Dividir.

Set the watercolor texture to divideSet the watercolor texture to divideSet the watercolor texture to divide

Paso 2

A continuación, copia y pega tu segunda referencia de pintura, el stock de pintura acrílica, en el lienzo. Establece el Modo de fusión de la capa en Luminosidad.

Add the Acrylic Paint BackgroundAdd the Acrylic Paint BackgroundAdd the Acrylic Paint Background

2. Manipula el zapato

Paso 1

Sigamos con el zapato. Extrae el zapato de su fondo blanco utilizando la herramienta Varita mágica (W) y córtalo y pégalo en el lienzo. Voltea el zapato en Edición > Transformación > Voltear Horizontal. A continuación, utiliza la herramienta Transformación libre (Control-T) para girar el zapato y darle un ángulo.

Flip and Rotate the ShoeFlip and Rotate the ShoeFlip and Rotate the Shoe

Paso 2

Crea una nueva capa de ajuste de curvas y haz clic con el botón derecho del ratón para establecer una máscara de recorte para el zapato. Ajusta los colores del zapato ligeramente con los siguientes ajustes para los Canales RGB, Azul y Verde:

Create a New Adjustment Layer to Color the shoeCreate a New Adjustment Layer to Color the shoeCreate a New Adjustment Layer to Color the shoe
Shoe After Curves AdjustmentsShoe After Curves AdjustmentsShoe After Curves Adjustments
Al ajustar el zapato con Curvas, los colores ahora se ven mejor junto con el fondo.

Paso 3

Para crear un efecto de salpicadura con fuerza, tendremos que separar la parte superior del zapato de la suela. Combina la capa del zapato con la de Curvas. Utilice la herramienta Lazo poligonal (L) para crear una selección en la parte inferior del zapato.

Una vez seleccionada, haz clic con el botón derecho del ratón para ir a Capa vía Corte y separar la parte inferior en su propia capa. Usa la herramienta Transformación libre (Control-T) para rotar ambas partes del zapato y crear una abertura en el lado derecho.

Separate the top and bottom parts of the shoeSeparate the top and bottom parts of the shoeSeparate the top and bottom parts of the shoe

3. Añade las salpicaduras

Paso 1

Puedes incorporar las salpicaduras de pintura con su color actual o ajustarlas para que se adapten a tus necesidades. Abre la salpicadura de pintura 1 en Photoshop y utiliza la herramienta Varita mágica (W) para seleccionar y luego eliminar el fondo blanco. Ve a Imagen > Ajustes > Brillo y Contraste, ajustando el Brillo en -14 y el Contraste en 60.

Darken the Blue SplashDarken the Blue SplashDarken the Blue Splash

Si tienes una salpicadura de pintura blanca que te gusta, puedes omitir este paso. Como no encontré ninguna, decidí utilizar una salpicadura azul que acabo de cambiar a blanco. Para hacerlo, primero selecciona y elimina el fondo blanco con la herramienta Varita mágica (W). Ve a Imagen > Ajustes > Tono y Saturación y desatura la salpicadura en -100 de Saturación.

Change the Splash from Blue to GrayscaleChange the Splash from Blue to GrayscaleChange the Splash from Blue to Grayscale

Mantén pulsado Control-I para invertir la salpicadura en escala de grises, y luego aumenta la claridad al ir a Imagen > Ajustes > Brillo y Contraste y cambiar el Brillo en 84 y el Contraste en 46.

Changing the Splash from Blue to WhiteChanging the Splash from Blue to WhiteChanging the Splash from Blue to White
Aquí añadí un fondo negro rápido para demostrar que la salpicadura es mucho más brillante ahora.

Paso 2

Ahora que tenemos las salpicaduras ajustadas, podemos añadirlas a la escena. Copia y pega ambas salpicaduras de pintura en el lienzo y gíralas para que encajen en el zapato con la herramienta Transformación libre (Control-T). No dudes en aprovechar la opción de Deformación para ajustar aún más las salpicaduras.

Add the Paint Splashes Onto the ShoeAdd the Paint Splashes Onto the ShoeAdd the Paint Splashes Onto the Shoe

Ahora añade máscaras de capa en ambas partes del zapato, así como a las dos salpicaduras. Oculta la visibilidad de la pintura blanca. Utiliza la herramienta Pincel (B) y un pincel suave y redondo para pintar de negro la máscara de capa de la pintura azul para que se integre mejor en el zapato.

Use a Layer Mask to Blend the Splash into the ShoeUse a Layer Mask to Blend the Splash into the ShoeUse a Layer Mask to Blend the Splash into the Shoe

Haz lo mismo para la salpicadura de pintura blanca. Pinta también de negro la máscara de capa del zapato para ocultar las partes que no quieres que se vean.

Blend the White Splash to the ShoeBlend the White Splash to the ShoeBlend the White Splash to the Shoe

4. Colorea las salpicaduras de pintura

Paso 1

Una vez que tenga las dos salpicaduras de pintura perfectamente mezcladas con el zapato, selecciona cada máscara de capa y haz clic con el botón derecho del ratón para aplicar la máscara de capa. Para colorear la pintura azul igual que las partes rosas brillantes en el zapato, utiliza la herramienta Lazo Poligonal (L) para realizar selecciones a lo largo de la pintura con el mismo ancho de los detalles rosas.

Con la capa de pintura azul seleccionada, ve a Imagen > Ajustes > Tono y Saturación, y ajusta el Tono en 107, la Saturación en 100 y la Luminosidad en 19.

Color the paint with Hue and SaturationColor the paint with Hue and SaturationColor the paint with Hue and Saturation

Repite el proceso para la parte inferior del zapato y limpia las áreas irregulares con un pincel redondo duro (B).

Color the bottom part of the shoeColor the bottom part of the shoeColor the bottom part of the shoe

Paso 2

Vamos a mostrar un rápido reflejo de la pintura blanca sobre el azul. Control-J para duplicar la capa de pintura blanca y moverla sobre el área de pintura azul. Ajuste la opacidad de la capa en un 25% y utiliza la herramienta Borrador (E) para borrar cualquier área que se superponga.

Add a reflection onto the blue paintAdd a reflection onto the blue paintAdd a reflection onto the blue paint

5. Añade los toques finales

Paso 1

Combina todas las capas de los zapatos, manteniendo las capas de fondo separadas. Para añadir algo de sombra en el fondo y textura en el zapato, haz clic con el botón derecho del ratón en el zapato y ve a Opciones de fusión. Añade una Sombra Caída y un efecto Satinado con la siguiente configuración:

Add a Satin and Drop Shadow EffectAdd a Satin and Drop Shadow EffectAdd a Satin and Drop Shadow Effect

Paso 2

Ahora establece una nueva capa de ajuste de búsqueda de color como una máscara de recorte para el zapato para ajustar los colores un poco más. Aquí queremos intensificar los colores, así que ajusta la configuración de la siguiente manera:

Add a New Adjustment Layer of Color LookupAdd a New Adjustment Layer of Color LookupAdd a New Adjustment Layer of Color Lookup

Paso 3

Añade una nueva capa con la función de superposición. Utiliza la herramienta Pincel (B) para pintar los reflejos blancos suaves en la parte superior de la imagen. Asegúrate de que algunas de las luces lleguen también al zapato.

Add highlights with OverlayAdd highlights with OverlayAdd highlights with Overlay

Intensifica la imagen un poco más. Rellena una nueva capa con un color gris claro y ajústalo en Superposición. Utiliza la herramienta Dodge (O) con una exposición del 40% para crear luces más fuertes a lo largo de la punta y los lados del zapato.

Create Additional Highlights with the Dodge ToolCreate Additional Highlights with the Dodge ToolCreate Additional Highlights with the Dodge Tool

Paso 4

Puedes seguir jugando con el efecto. Añade rápidamente una nueva capa de ajuste de curvas para añadir contraste en el canal RGB. A continuación, el resultado final.

Add a New Adjustment Layer of Curves for ContrastAdd a New Adjustment Layer of Curves for ContrastAdd a New Adjustment Layer of Curves for Contrast

¡Buena suerte!

Juega con diferentes colores y formas para explorar este efecto aún más. También puedes probar este efecto en otros objetos como mi versión alternativa a continuación.

Rose Paint Splashing Effect Alternative VersionRose Paint Splashing Effect Alternative VersionRose Paint Splashing Effect Alternative Version

Espero que hayas disfrutado de este tutorial. No dudes en dejar cualquier pregunta en los comentarios y ¡buena suerte con tus diseños!

Photoshop Paint Splash Effect Tutorial by Melody NievesPhotoshop Paint Splash Effect Tutorial by Melody NievesPhotoshop Paint Splash Effect Tutorial by Melody Nieves