preview

How to Mold Paint Splatter to a Face in Photoshop

Jun 19th in Effects, Illustration by Justin Van Genderen

In this tutorial, we'll learn how to take splattered paint Photoshop brushes and apply them to the contours of a model's face. This is a relatively simple technique, which yields excellent artistic results. Let's get to it!

PG

Author: Justin Van Genderen

I am a freelance illustrator/designer in Chicago. After spending years inside advertising departments and cubicles I love the freedom of being my own boss. My favorite thing to do in Photoshop is to find new and creative ways to create surreal, captivating images.

Final Image Preview

Take a look at the image we'll be creating. Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psd Plus for just $9/month.

Video Tutorial

Our video editor Gavin Steele has created this video tutorial to compliment this text + image tutorial.

Preparation

First thing you will need to do to create this effect is find some nice paint splatter/spray brushes. For this particular piece I used brushes from Brusheezy: 842-Splatter. You'll also need an image to apply this to. In this case, I shot this image myself.

Step 1

Copy the background and paste it onto a new layer. Rename the new layer Subject and turn the background layer to white.

Create a new layer labeled "Extra Skin." Then using the Clone Tool, Alt-click on other parts of the face that best match the color of skin you want to copy. I suggest using a soft brush to blur out the edges.

For this I usually just play around with the Cloning Tool until I get close to something that looks right. This may take some experimentation, as you have to pay close attention to the light source in the photograph. To see a more in-depth tutorial on the cloning tool you can visit this page on Psdtuts+.

Step 2

Once we have covered all the facial features, select the "Extra Skin" layer and the "Subject" layer, then press Command + Alt + E on to merge the layers into a new layer. Rename this layer "Faceless Subject."

Step 3

Now we can start building our paint splatter area. Create a new layer and call it "Paint map." Select the Brush Tool and start to paint out the area you want the paint splat to appear in. This is where your paint splatter/spray brushes will come in handy.

It doesn't matter what color you use; here I have chosen yellow (#ffc924). It also helps to lower the opacity of this layer so that you can better line up the splats over the subject's face.

Make sure that you only paint where you want the splatter to occur, you may have to paint/mask/erase a bunch to get a nice paint splatter. Take your time with this Step; it may be the most important one of the process.

Step 4

Once completed you will want to get rid of any layer masks by right-clicking on the "Paint map" layer and selecting Convert To Smart Object. After that, change the layer style of the "Paint Map" layer to Overlay. You should now have something that looks similar to the picture below; keep in mind that no two paint splatters will be exactly the same.

Step 5

Next create a new layer under the "Paint map" layer, and name this layer "Extra Skin 2." With this layer selected Command-click the "Paint map" layer to select the paint splat you have created. Next click on the Add Layer Mask button at the bottom of the layers palette.

Step 6

Turn the visibility of the "Paint map" layer off. With the "Extra Skin 2" layer selected, grab your Cloning Tool again and start copying portions of skin into the area that has no skin.

Again try to match the lighting of the photo; you are basically creating an extra skin layer that will become paint once colored. I find it helpful to turn off the Aligned option for the cloning tool in the top tool bar.

Step 7

Once you've created a nice splatter area made from skin, turn the visibility of your "Paint map" layer back on. You should have something that looks like the image below.

Step 8

Create a new layer above the "Extra Skin 2" layer and name it "shadow." While holding down the Alt key, click between the "Extra Skin 2" layer and "shadow" layer to clip it.

Step 9

Grab a big, soft brush and paint some black to amp up the shadows needed for the "Extra Skin" layer.

Step 10

Turn the opacity of the "shadow" layer down to around 75%.

Step 11

Create a new layer above the "Faceless Subject" layer and name it "Paint Background." With the foreground color set to black, start painting some paint splats with the splatter brushes.

Step 12

All we have to do now is add a little bit of shadow to create the illusion the paint is lifted off the face. First create a new layer and name it "Shadow 2," then Command-click on the "Paint Map" layer to select it. Making sure you are still on the "Shadow 2" layer, fill the selection with black.

Step 13

Making sure the selection is still active, click on the Create Layer Mask button on the the bottom of the layer's palette.

Step 14

Select the mask for the "Shadow 2" layer and invert it by pressing Command + I, or going to Image > Adjustments > Invert. This should invert the mask and hide the black area we just filled.

Step 15

Disable the link between the mask and the shadow paint by clicking on the chain between the layer icon and the mask, as shown.

Step 16

Make sure the paint portion of the "Shadow 2" layer is selected and go to Edit > Transform > Warp.

Slightly adjust the shadow so that it peeks out from behind the paint splat. Depending on how much you want the paint to appear lifted, you can adjust it a lot or a little. Once you have the shadow right where you want it, apply the change.

Step 17

You are bound to have some unwanted shadow from the "Shadow 2" layer; to clean it up, simply paint over what you don't want in the layer mask.

Step 18

Lower the opacity of the shadow to around 72% and you should be all set!

Conclusion

The final image is below. Enjoy applying these techniques in your own work!

Subscribe to the Psdtuts+ RSS Feed for the best Photoshop tuts and articles on the web.


Enjoy this Post?

We'd love your vote!

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    Sale June 19th

    Cool

    ( Reply )
  2. PG

    Simona June 19th

    cool, I like it !

    ( Reply )
  3. PG

    Gareth June 19th

    I Like this a lot, only thing I would say is that maybe the shadow underneath the paint is just probably too sharp. Maybe adding a gausian blur to the shadow layer might make it look a little more realistic. Other than that this is very cool!

    ( Reply )
    1. PG

      Chris June 19th

      you sir are exactly right. a gaussian blur will make it appear more realistic and add depth.

      ( Reply )
      1. PG

        Rômulo Haack July 2nd

        I don’t know if I agree with that. I think you could take ink’s pictures and use with layers to help the realistic appareance.
        Also, Idk if gaussian blur would help alot like you guys agree. I believe just a feel.
        The problem, here, is the beard that appears too much in *MY* point of view. By the way, it is a great tutorial for enhancing techs.

  4. PG

    Skart June 19th

    excellent! really great effect :)

    ( Reply )
  5. PG

    massafakka June 19th

    lol i love it !!! i waited for one like this for so long omg… only the splatters behind the head look a little flat… but anyway. its a v nice tut and im happy to see it not as a PLUS tut aHAHAHah

    love u all ;)

    ( Reply )
    1. PG

      aMs June 19th

      you must be kidding, this? as plus? rotfl

      btw. this outcome looks the best in step 8, the final one is flat. although the idea is nice

      ( Reply )
      1. PG

        Craigsnedeker June 19th

        Who said it was a plus?

      2. PG

        kiziel June 20th

        Idea is nice, but it was already in computerarts.

  6. PG

    B. Malone June 19th

    That is sick!

    ( Reply )
  7. PG

    OktayOe. June 19th

    Nice but the splatter just dont looks really realistic.
    But really nice, i think ill use it.

    ( Reply )
  8. PG

    Adrien "zik" June 19th

    Nice tut but it should stop at step 6.

    In my opinion, it requires a better management of light/shadow to make it look more consistent. Sorry but to me, the final picture looks to much “photoshop’ed”.

    ( Reply )
    1. PG

      Jaap Lelie June 19th

      haha nice one looks realy funny! But indeed your right. It could be more realistic by making the paint more smooth though i realy like your work.

      Good Job!

      ( Reply )
  9. PG

    Max Stanworth June 19th

    Pretty cool

    ( Reply )
  10. PG

    twenstudio June 19th

    I like it !

    ( Reply )
  11. PG

    chillyweed June 19th

    wow so cool

    ( Reply )
  12. PG

    Jason June 19th

    Brilliant tutorial will practice on that asap. The only thing I’d change is actually adding more detail on the eyes and mouth whereas this one smooths them over…I think the paint would look more realistic if either the mouth were open or at least the outline of the lips were visible.

    Thanks for posting!

    ( Reply )
  13. PG

    snnaqvi June 19th

    Good technique

    ( Reply )
  14. PG

    priyanka dewatwal June 19th

    wow very nice i like it….

    ( Reply )
  15. PG

    Yousef June 19th

    very nice

    ( Reply )
  16. PG

    Mike June 19th

    Sweets!

    ( Reply )
  17. PG

    josh June 19th

    cool effect!!

    ( Reply )
  18. PG

    Xeos Creative June 19th

    Some bright white glossy highlights on the face would really finish this effect well!

    ( Reply )
  19. PG

    Rafael Braga June 19th

    Just great … amazing

    take a look at my version .. =)

    http://www.rafaelbraga.com/outros/foto.jpg

    ( Reply )
    1. PG

      Nisha June 29th

      Hi… Rafael Braga… Very good great Job… I like it.. I am try creating…. Take care… Keep smiling

      ( Reply )
  20. PG

    Ricardo June 19th

    I love the idea, but it looks kinda zombie.

    ( Reply )
  21. PG

    Kasper June 19th

    Excellent inspiration. One of the best yet.

    ( Reply )
  22. PG

    Diego SA June 19th

    Your Message…This is incredible, but the eyes are weird. It’s like he has no eyes.

    ( Reply )
    1. PG

      Diego SA June 19th

      “Your Message…”? Crazy keyboard.

      ( Reply )
  23. PG

    travis June 19th

    Now that is a slick effect. Nice layering with the warp tool on the splatter.

    ( Reply )
  24. PG

    mateo85 June 19th

    nice result

    ( Reply )
  25. PG

    Luneo June 19th

    That is a perfect tutorial, not too easy , not to bad…
    PERFECT and the result is pefect too :D
    Thanx a lot !

    ( Reply )
  26. PG

    Ignacio June 19th

    Hehehe, I like this!

    ( Reply )
  27. PG

    Arnold June 19th

    it could be more funny if you put some bucket right there..^_^
    this tutorial is nice

    ( Reply )
  28. PG

    Hbiloo June 19th

    Awesome!!!

    ( Reply )
  29. PG

    marcos cerutti June 20th

    Dude, this was just incredible easy and cool! congratulations!

    ( Reply )
  30. PG

    Symon June 20th

    oh, now that’s good. Thx.

    ( Reply )
  31. PG

    MATT. June 20th

    not convincing at all..
    it looks flat

    ( Reply )
  32. PG

    T-Law June 20th

    Awesome! I have to try this, thanks!

    ( Reply )
  33. PG

    lawrence77 June 20th

    nice tutorial….
    and your photo is also nice….

    I love the outcome…. ;)

    ( Reply )
  34. PG

    cLaK June 20th

    wow, nice tut…! :)

    ( Reply )
  35. PG

    ken June 20th

    nice tutorial…… but the overall outcome not that good…

    ( Reply )
  36. PG

    elinix June 20th

    amazing, great tutorial

    ( Reply )
  37. PG

    Melody June 21st

    The first photo manipulations look slightly creepy lol..cool..

    The only thing is though that those paint splatters are created because they are hitting a surface and becoming flattened, so if you’re throwing paint in the air it should have that more organic 3d-ish form to it..

    ( Reply )
  38. PG

    kgdevil June 21st

    nice, thanks for the tuts.

    ( Reply )
  39. PG

    faraz ghori June 21st

    Nice tut….. but i think there should have some detail of lips on the face, it looks quite flat….

    ( Reply )
  40. PG

    minisite Design June 21st

    Look great!

    ( Reply )
  41. PG

    Gareth Hardy June 21st

    awesome effect

    ( Reply )
  42. PG

    Joe June 21st

    Awsome tutorial man!

    ( Reply )
  43. PG

    dakota June 21st

    could any body give me a link to a picture of a face that i could use

    ( Reply )
  44. PG

    ignacio June 21st

    great job!!

    ( Reply )
  45. PG

    venaketesh June 22nd

    super……

    ( Reply )
  46. PG

    Joe June 22nd

    People still have eyelids when something gets splashed on their face…

    ( Reply )
    1. PG

      Margaret June 22nd

      agreed, and it would be really cool if you could make it so the paint stuck to the eyelashes and whatnot.

      ( Reply )
  47. PG

    Grafpedia June 22nd

    Excellent tutorial. Keep up the good work

    ( Reply )
  48. PG

    Patrick Riley June 22nd

    NICE!! Wow that is some legit PHOTOSHOPPING!!! If you guys don’t mind I’ve been working on a tutorial site of my own. hazystudio.com , the site is still in the baby phase but i could use some views and comments and support thanks!

    ( Reply )
  49. PG

    Eric Shafer June 22nd

    lmao, this result makes me laugh but it’s still a good tutorial

    Featured here: http://www.presidiacreative.com/web-picks-26/

    ( Reply )
  50. PG

    Ben June 22nd

    wow! haha great stuff :) definitely one of my favs

    ( Reply )
  51. PG

    x June 23rd

    totaly cool

    ( Reply )
  52. PG

    Ron June 23rd

    Getting trouble with step 5….when i select the extra skin layer and the paint layer…the add mask button cannot be used..why is that?

    ( Reply )
    1. PG

      daisy July 13th

      I’m having the same trouble. Somebody please help!! Why is it doing that?

      ( Reply )
  53. PG

    Ramon June 23rd

    Smth happend with eyes and lips. There are no eyes?
    He ate his lips?)

    ( Reply )
  54. PG

    ashlee June 23rd

    i think the tutorial sucks, you leave out so many steps between 3 and 4, it made it impssible 4 me to finish

    ( Reply )
  55. PG

    Bryan Le June 23rd

    Now this, is a wonderful tutorial.

    ( Reply )
  56. PG

    Felipe Ribeiro June 23rd

    Does anyone has a good clean picture like that one used here so I can try this tutorial? Maybe with a white background…

    ( Reply )
  57. PG

    Tony June 24th

    I love it

    ( Reply )
  58. PG

    esanstudio.net June 24th

    GOOD JOB!!

    how do you know this technique?

    hehehe..

    ( Reply )
  59. PG

    Alex heath June 25th

    wow great tut cant wait to try it out…i never thought to blend and smudge the face to manipulate it :)

    ( Reply )
  60. PG

    Piyush Shekhar June 25th

    Dying to try this out :D

    ( Reply )
  61. PG

    vijay June 25th

    That is a perfect tutorial, not too easy , not to bad…
    PERFECT and the result is pefect too
    Thanx a lot !

    ( Reply )
  62. PG

    Pixel Studio Works June 29th

    Awesome Tut!
    Thx for Share.

    ( Reply )
  63. PG

    lokesh kumar June 29th

    Awesome:-)

    ( Reply )
  64. PG

    wowcss June 29th

    wow! thats really great! nice tut!

    ( Reply )
  65. PG

    Web Hosting June 29th

    This is great! You are really talented artist… :)

    ( Reply )
  66. PG

    Souljourn June 30th

    Great tutorial!

    … am I missing something? Wouldn’t it be considerably easier to simply create a displacement map of the face and bring the detail from the map into the splatter?

    ( Reply )
  67. PG

    diada July 2nd

    great tuts
    I am just wondering if you can make a tut on how to draw a refreshing glass of water with some ice cube floatting on the surface
    thx

    ( Reply )
  68. PG

    Oscar July 4th

    Wouldn’t it be faster to just get a camera and splash your friend’s face with real paint? LOL
    It would save about an hour’s work

    ( Reply )
  69. PG

    Vidiya July 6th

    really creative and latest tutorial for learning more effects and tools.

    thanks admin
    Vidiya

    ( Reply )
  70. PG

    battica July 8th

    Cool stuff!!

    I agree about the shadows behind the ink, but I’d suggest a combination – keep the hard-edged splodges and add or blend this with a blurred version.. They kind of look like they’re part strands of hair and part ink blotches.. Really cool!!

    ( Reply )
  71. PG

    LALIT July 9th

    TO GOOD BRO

    ( Reply )
  72. PG

    Alexis July 12th

    A little creepy and the steps were a bit hard to follow but overall it was an OK tutorial.

    ( Reply )
  73. PG

    avtar singh deogan July 13th

    it’s to guddd …

    ( Reply )
  74. PG

    saurabh shah July 14th

    pretty cool !

    ( Reply )
  75. PG

    lady hamilton July 15th

    help, how do you command click on a mac? I’ve tried apple click, doesn’t work.

    ( Reply )
  76. PG

    James July 20th

    Can someone please help? ..For some reason I cannot do step 6 (8:00mins into the video). I create a new layer under the “Paint map” layer, I then command-click the “Paint map”, add a Layer Mask, turn the visibility map off and then alt click within the extra skin layer and click to paint the skin splat and nothing happens. I’ve tried alt clicking different layers ect. and yet nothing happens. Any advice?

    ( Reply )
    1. PG

      Rit July 22nd

      Do u have click on the layer thumbnail…? try this

      ( Reply )
    2. PG

      Asmae July 29th

      Im havin the same problem!! i dont want to quit now either.. have you figured it out??

      ( Reply )
  77. PG

    Rit July 22nd

    I have highlighted the splatters edges with Dodge Tool…now it looks like actual paint

    ( Reply )
  78. PG

    Robbie Stewart July 28th

    IMO step 6 looks the most badass…

    ( Reply )
  79. PG

    Shireen August 3rd

    Thats a really cool effect, can’t wait to try it out :)

    ( Reply )
  80. PG

    nael August 3rd

    i like this..

    ( Reply )
  81. PG

    u-gene August 3rd

    Well it seems that I was the only one that had trouble with the volume. So low that I could not hear. Reading is good, but video is better.( for tuts)

    The fx are nice.

    Thanks for posting.

    ( Reply )
  82. PG

    ej August 4th

    i’d definitely take the beard out along with the eyes etc.. when clone brushing. there’s too much definition.

    ( Reply )
  83. PG

    peter peterson August 4th

    wow, thats so amazing and osome!!!

    ( Reply )
  84. PG

    ipod nano August 8th

    nice article man, so amazing and god

    ( Reply )
  85. PG

    Free Wordpress Themes August 16th

    I am in the painful process of learning Photoshop myself and I can only be amazed of what you guys can do. Hopefully I’ll get there too (in 5-10 years from now :D )

    ( Reply )
  86. PG

    Gregor August 17th

    I found it easier using the patch tool to get rid of my eyes…

    Patch around eyes..
    Move it to my forehead
    takes the same sample from forehead and patches it over the eyes.

    ( Reply )
  87. PG

    jamil August 18th

    like this……………………………………

    ( Reply )
  88. PG

    Dave Kelly August 19th

    You are my hero… I can’t believe there’s something of this value on the web that’s free… amazing! Thanks ALOT!

    ( Reply )
  89. PG

    prakash August 24th

    wow just fantastic! keep up the good work!

    ( Reply )
  90. PG

    Zanna September 3rd

    This is super cool

    ( Reply )
  91. PG

    musc September 4th

    very original art

    cool :)

    ( Reply )
  92. PG

    nelo September 11th

    WOW! cool

    ( Reply )
  93. PG

    bjd September 13th

    nice tutorial but step 6 doesn seem to want to work with me, when cloneing it nothing happens. Any ideas?

    ( Reply )
  94. PG

    CMYK September 14th

    Nice Tutoooo Thankss!!! ;)

    ( Reply )
  95. PG

    Designrfix September 22nd

    Seriously cool tut :) FEATURED! will be putting it up on http://designrfix.com this week. cheers!

    ( Reply )
  96. PG

    cgallagher September 30th

    help! once you have downloaded the paint splatter. where do you find it to actually apply it to the photo.

    ( Reply )
  97. PG

    delizade October 16th

    thanx for this great work.

    ( Reply )
  98. PG

    Raz01 November 6th

    Could someone offer some advice please, in step 4 when i set the paint map to overlay it seems to rest behind the subject rather then over it.
    the subject i am using is a simple black object with a transparent background. Could this be the cause?

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    November 6th