Design a Paint Splashing Effect Into Your Image

featured

Author: HeinritzhSales. with 73 Comments

Create this sophisticated looking design with this step by step tutorial with the help of Media Militia’s awesome paint tossing pack. Yes, its easier than you think!

This particular design was featured and printed in the recently held Graphika Manila 2010 as one of the design contribution of Team Manila.

About

Artist: Heinritzh Sales

Time: 1-2 Hours

Software Required: Photoshop

Resources Used

Base Photo
Courtesy of Ms.Camille Cordero
(Must be used for non-commercial purposes only)
Additional Credits:
Model: Yas Neri
Make-up and Styling: Jaime Bautista-Garcia, Pearl Romano, Rem Lucio
Hair: Jay Wee

Paint Tossing Pack by Media Militia

*I will be using PC here, so just change all Ctrl to Command and Alt to Option if your using a mac.

Final Preview

Part 1

Open the “base-image_by-camille-cordero.jpg” image and name this layer “Base Image”.

Part 2: Body Painting

Create a new layer (Shift Ctrl+N) and name it “Body Paint”.  Set the Layer Blend Mode to “Multiply”

We are going to start off by using a brush to paint the face and the left arm of the base image.

First select the brush tool and choose a soft rounded brush. Make the size according to your preference.

After that change the foreground color to #fff200.

Now we are ready to paint. Start off with the face and the neck first. In this step feel free to zoom in and zoom out and change the brush size according to your needs.

Note: Keyboard shortcuts are very handy in this step. The keyboard shortcut for zooming in is Ctrl+ and zooming out is Ctrl -.  To change the brush size, you can use right bracket sign “]” to increase your brush size and left bracket sign “[“ to make it smaller.

Now we are going to do the left arm but first change the foreground color to “#ec008c”

Choose the Pen tool and trace around her arm.

After you are done tracing, press Ctrl+Enter, this will make a selection. The blinking dashed-lines (marching ants)
will appear.

From the menu bar, choose Select>Modify>Feather and choose 0.5, then click OK. (if your using CS3 click Ctrl+Alt+D to show feather option.)


Now choose the paint bucket tool (G) and click on the selected area then press Ctrl+D to deselect.

Part 3: Adding the Paint Toss

Now lets get wet and toss her the paints! (Please remember this part since we will use this technique in the succeeding part).

Open number nine paint toss from the media militia paint tossing pack. Drag this to you working document. Use the magic wand to select the black in this image. Press delete to remove the background.

Press CTRL+D to deselect the selection. Name this layer “face toss” and position the orientation of the paint (ctrl+T) like shown below:


Now we will blend this paint to the color of her face.
a. first select the eyedropper tool (I).
b. then click the area of the face shown below:

Create a new layer (shift+ctrl+N) and name it “face toss color”, check the “use previous layer to create clipping mask” and change the blending mode to “color”.

Now while your still in the “face toss color” layer, use the paint bucket tool (g) and click it into the artboard to recolor the paint toss so we can match it on the color of the face.

Now, we will erase some parts to complete the blending of the paint to its face.

Go to the “face toss” layer, then click the “add vector mask icon”, then change your foreground color to “black”.

Then using a soft brush tool, (while the vector mask is selected) paint over the area you want to erase, to achieve similar result like the one below:

Now, with the same process, do this on the left arm using the file “paint toss no.16“

Now use the “paint toss no.7“ for the clothes. we need to adjust the brightness of the paint for about -92 to blend in with the clothes (Image>adjustment>Brightness/Contrast).

Lets add some flat black paint toss in the part of the hair. I used “paint toss no.9“


Then go to Layer>Layer Style>Color Overlay then choose the color “Black”.


Erase some parts, using vector mask or simply use the Eraser tool. I just preferred erasing parts using vector mask so I can revert in back at anytime.

So here is the result so far:

Part 4: Adding Shape Cut-Outs

Now let’s add some shape cut-outs. To do this we must first select all the layers, duplicate them, then merge them into one.

Go to Custom Shape tool and select the outlined triangle shown below:


Then while holding shift, create a triangle, you can move your triangle
by using “path selection tool (A). Feel free to position your triangle wherever you want.


Then press Ctrl+Enter , then press Ctrl+j to duplicate, then move it to the right, then press Ctrl+D to deselect.

Do another triangle from the merged layer using the same steps and overlap it to the first triangle.

Then lets interlocked the two triangles, first while holding ctrl key, click the left triangle, a marching ant should appear. then go to Select>modify>expand then set it to 15px. then you should have a result similar below:


After that, select the right triangle layer, using the eraser tool, erase the part shown below:

Using the same technique, do this again, but you will start on the right triangle, then vice versa.

So here is what we have so far:

To finish things up, I just add some additional shapes using the same technique:

Download the PSD

Yeah! Its finished! Go get your self a reward! (well if you want to add more its up to you). Hope you enjoy this tutorial, if there’s any question or any part which is not clear , just leave a message in the comments section and I will try to answer it.

Thanks for reading, cheers!

About The Author: HeinritzhSales

Heinritzh Sales is a Graphic Designer based in Manila, Philippines. get to know about him at www.heinritzh.com.

Browse Archived Articles by HeinritzhSales

73 Comments

There are currently 73 Comments on Design a Paint Splashing Effect Into Your Image. Perhaps you would like to add one of your own?

  1. this is great! Thanks for doing the tutorial its been really helpful.
    I’m defiantly using this technique in my A-Level course :)

  2. Wow! Very simple and very nice :)

  3. This was really good will try soon

  4. cool and simple, i like those splatter effects!
    i use them for lots of my photomanipulations which are available here:
    http://www.moeyart.deviantart.com

    thanks for the tutorial and the included PSD file!
    cheers

  5. This 1′s gr8.. :)

  6. Thank guys! cheers!

  7. Love the colors and textures.. Great!

  8. Great Job, thx for share!!!

  9. Great tutorial, thanks for sharing man!

  10. MM More tutorials!!! Great stuff!

  11. Nice one. Thanks. :)

  12. Outstanding! Great job, can’t wait to give this a try!

  13. This is actually easier than I thought!! Well done!

  14. you are No:1 your post such a great and 1/10

    • Yusuf Bhai As Salaam Alaykum Kya Aap Hame Aisi Hi Kuch Sites Bata Sakte Hai

  15. Love this tutorial and easy to follow! Im stuck and cant seam to figre out what im doing wrong. ive copied and grouped the layers but when i place the triangle shape and copy it, it doesnt copy the image within the shape. any help would be great. im a working with cs4 and dont know if maybe thats part of the problem. thanks for the great tutorial!

    • have you tried merging the grouped layers? =)
      t

  16. It looks totally awesome. Thanks a lot Heinritzh for sharing!

  17. Great final result … Great work Heinritzh Sales … Nice touch with the splash on the page .. Thanks for the share :)

  18. Thank guys

  19. this looks great but when i try to color the “face toss” (in yellow) it looks matt/dull because the light is lost… how can i avoid that?

    • choose the blending mode to “color” hope this helps =)

      • it did :) thank you so much this is really great! and actually the instrucion is easy to understand :D

  20. i downloaded the paint toss effects and opened them with photoshop but when i select then try to deselect it says “could not complete your request as the image is not directly editable, can someone help, it would be fully appreciated.

  21. cooooooo…l~

  22. Thank you for sharing .. I wonder what you did with photoshop program. I Can CS4. I started a new

  23. Hello
    thks for this amazing tutorial! I’ve tried it once and succeeded!
    but, i’m trying again and find difficulties on the triangle part and the Custom Shape tool (step4). As I want to make the seletion with the triangle (or any other shape like the puzzle for example), this is not translucid but colored with the foreground color. HELP !!!!!!!!

  24. Really…..AWSOME…..thanks a lot :-) )

  25. This is fantastic!!! Its really great to see how you brought the different elements together. Am anxious to try it out myself.

  26. Really thank you..
    leukocreations.blogspot.com

  27. I dont know how to get the Paint Splatters into my picture , please help

  28. perfect job ! thank you for sharing with me…

  29. Awesome, tried this and it looks fantastic!!

  30. Cool idea… I will give it a whirl too… :)

  31. This is wicked man,i lyk this

  32. this is great! Thanks for doing the tutorial its been really helpful.
    I’m defiantly using this technique in my A-Level course

  33. i am stuck right off the start. lol, how do i paint while keeping the details of the original image but just changing the colour?

    • change your mode to: Multiply

  34. Amazing job, congratulations, you will help me a lot to discover new techniques using “painting tossing”

  35. someone also has the same tutorial but i dont know who’s the original see this link:
    http://hollydotmedia.blogspot.com/2011/04/paint-splash-image.html

    • Thanks for showing us that. We were first but it doesn’t matter we are stoked to see people creating stuff even if it is ripped. haha!

    • Doesn’t look nearly as cool. lol

  36. Thank You !! :D <3

  37. very nice great job thanks for sharing…
    the included PSD file was helpful

  38. Woww,, what an amazing technique >.<

    Thanks for sharing with us :)

  39. amazing tutorial! however, I can’t seem to copy the image with the triangle. All it does is make another see through triangle. I copied all of the layers and merged them into one, so now I have all of the layers with the duplicated/merged one on top. What should I do?

  40. So – So It’s Verry Old Technique But, Not Bad

  41. Amigo, excelente pagina y excelentes tutoriales, habrá algún problema si publico en mi blog algunos de tus tutoriales? obviamente linkiando tu enlace directo también.

  42. hi .. plz tell me the name of this software plz ….

    • Photoshop

  43. Nice work Goooooooooooooooooooooooooooooooooooood & Thanx.

  44. I used the Tutorial and the Paint Tossing Pack with another Model here: http://t-h-e-ocean.deviantart.com/gallery/#/d4bn32t

    Thanks a lot!

  45. I don’t get the part with the vector mask…
    I went to face toss & pressed vector layer & took a soft brush & my foreground color was black.. But…
    once it got white
    once it got black
    & sometimes it nothing happened.

    • You need to make sure that after you create the mask and select the brush tool that:
      a) your foreground color is set to black
      b) you click on the vector mask so you are painting the mask
      c) that you use the brush to paint away the paint splatter where you want the skin to show through.

      Hope that helps Sarah. Thanks for reading the tutorial and using it! Good Luck!!

  46. it’s a nice work . I like it ! . Can I use some in my work ? . Thanks. x)

  47. I like this site and I like this tutorial.

    But… I get stuck on the triangle part. (just like a few guys mentioned above).

    After I duplicated all layers, placed them in a group and merged them, I use the Custom Shape Tool. I create it while holding shift…. but all I see is the traingle coloured in my foreground color. When I press Ctrl+Enter and then press Ctrl+j … nothing happens.

    How do I make this vector shape with the picture shining through??

    Thanx a lot!!

  48. Hi jay, does your action creates another layer? Ir yes, Using the move
    tool, move it to any part of the canvass.

    • Thanx a lot Heinritzh. I found out that it’s important as well which option you choose on the RIGHT of the shape you choose (the triangle in this example). There are 4 icons and I chose the 3rd one (i don’t know the name, because I’ve got a Dutch version)… and that worked for me.

      Thanks for this great tut!

  49. I can’t seem to delete the black background from the number nine image of paint toss without having to rasterize it first. It says, “…smart object is not directly editable.” But once it’s rasterized, I can’t fill it with the yellow paint anymore. :( Help.

  50. I am having troubles with the triangles as well. When i hit ctrl+enter, ctrl+J it creates a new layer and the triangle is no longer selected with the ‘marching ants’ and i cannot select it anymore so i’m not able to make both the triangles interlock, though i can move it around with the underlying image. Also When i create the triangles i have paths and intersect path areas selected i don’t know if this matters.

  51. Your tutorial is awesome….a lot of idea
    Thanks a lot

  52. Too gud n too easy to get nice work with simple technics.Thanks a lot.

  53. Too gud n too easy to get nice work with simple technics.Thanks a lot.Now send me gud tutorials if any one have

  54. ive learnt alot but stuck on the adding shape n cut, its not letting me do anything n am using cs5 am sure there is somthing missing in the step???

    any help????

  55. Very help full to me , thank you .

  56. Nice tutorial, ^_^ learnt a lot :) Are we allowed to post what was the end result when we followed the tutorial :)

    • Glad you enjoyed…we would love to see your work too so please share!

  57. Thank you for sharing this tutorial, i’ve learned a lot from it.
    Btw, amazing website..

    Happy holidays and all the best for next year…

    Kind regards from Belgium

  58. Really a creative and excellent work. Keep it up. Thanks to share with us this amazing tutorial.

  59. Hello,
    tanks a lot for this awesome tutorial, but I’ve got one question. How have you selected the paint tossing, because when I only use the magic wand it’s not exact enough. So could you explain your method and way of making the selection?
    Thank you very much :)

  60. stuck with part 3. SMART OBJECT IS NOT DIRECTLY EDITABLE this is what i am getting and if i rasterize than i can not have that yellow color……please please please help…………. :’(

  61. Lot of Photoshop tutorials I have read on photoshop paint splashing effec. I am really impressed to this tutorial. I just want to include one thing “Without excercise, practise and experience, the talent is of no use” and You did it. Thank you

Leave a Comment