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:
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!
October 26, 2010 at 7:49 am
this is great! Thanks for doing the tutorial its been really helpful.
I’m defiantly using this technique in my A-Level course
October 26, 2010 at 9:07 am
Wow! Very simple and very nice
October 27, 2010 at 1:58 am
This was really good will try soon
October 27, 2010 at 2:01 am
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
October 27, 2010 at 6:57 am
This 1′s gr8..
October 27, 2010 at 9:28 am
Thank guys! cheers!
October 27, 2010 at 9:32 pm
Love the colors and textures.. Great!
October 28, 2010 at 8:16 am
Great Job, thx for share!!!
October 28, 2010 at 9:55 am
Great tutorial, thanks for sharing man!
October 29, 2010 at 7:47 am
MM More tutorials!!! Great stuff!
October 30, 2010 at 12:19 am
Nice one. Thanks.
October 31, 2010 at 4:58 am
Outstanding! Great job, can’t wait to give this a try!
October 31, 2010 at 10:39 pm
This is actually easier than I thought!! Well done!
November 5, 2010 at 2:55 am
you are No:1 your post such a great and 1/10
August 30, 2011 at 4:06 am
Yusuf Bhai As Salaam Alaykum Kya Aap Hame Aisi Hi Kuch Sites Bata Sakte Hai
November 23, 2010 at 10:24 am
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!
November 30, 2010 at 7:54 pm
have you tried merging the grouped layers? =)
t
November 30, 2010 at 7:14 am
It looks totally awesome. Thanks a lot Heinritzh for sharing!
December 2, 2010 at 8:03 am
Great final result … Great work Heinritzh Sales … Nice touch with the splash on the page .. Thanks for the share
December 4, 2010 at 6:58 am
Thank guys
December 5, 2010 at 7:55 am
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?
December 5, 2010 at 7:59 pm
choose the blending mode to “color” hope this helps =)
December 6, 2010 at 10:49 am
it did
thank you so much this is really great! and actually the instrucion is easy to understand 
December 7, 2010 at 8:09 pm
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.
August 30, 2011 at 4:04 am
Can I Help U
December 8, 2010 at 4:10 am
cooooooo…l~
December 10, 2010 at 11:19 am
Thank you for sharing .. I wonder what you did with photoshop program. I Can CS4. I started a new
December 23, 2010 at 5:32 pm
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 !!!!!!!!
December 29, 2010 at 12:58 am
Really…..AWSOME…..thanks a lot
)
January 5, 2011 at 12:25 am
This is fantastic!!! Its really great to see how you brought the different elements together. Am anxious to try it out myself.
January 7, 2011 at 8:04 am
Really thank you..
leukocreations.blogspot.com
January 14, 2011 at 4:53 pm
I dont know how to get the Paint Splatters into my picture , please help
January 19, 2011 at 8:17 pm
perfect job ! thank you for sharing with me…
February 9, 2011 at 1:04 am
Awesome, tried this and it looks fantastic!!
February 12, 2011 at 11:18 am
Cool idea… I will give it a whirl too…
February 21, 2011 at 1:51 am
This is wicked man,i lyk this
March 20, 2011 at 2:47 am
this is great! Thanks for doing the tutorial its been really helpful.
I’m defiantly using this technique in my A-Level course
March 21, 2011 at 12:26 pm
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?
March 28, 2011 at 8:39 pm
change your mode to: Multiply
April 13, 2011 at 9:56 pm
Amazing job, congratulations, you will help me a lot to discover new techniques using “painting tossing”
April 27, 2011 at 11:22 pm
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
April 30, 2011 at 9:55 am
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!
March 8, 2013 at 10:52 am
Doesn’t look nearly as cool. lol
May 19, 2011 at 11:19 am
Thank You !!
<3
June 23, 2011 at 11:30 am
very nice great job thanks for sharing…
the included PSD file was helpful
June 28, 2011 at 8:08 am
Woww,, what an amazing technique >.<
Thanks for sharing with us
July 27, 2011 at 4:03 pm
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?
August 30, 2011 at 4:01 am
So – So It’s Verry Old Technique But, Not Bad
August 31, 2011 at 1:54 pm
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.
September 4, 2011 at 8:26 am
hi .. plz tell me the name of this software plz ….
September 9, 2011 at 9:10 am
Photoshop
September 12, 2011 at 8:38 pm
Nice work Goooooooooooooooooooooooooooooooooooood & Thanx.
October 2, 2011 at 4:10 pm
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!
October 6, 2011 at 1:52 pm
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.
October 7, 2011 at 6:36 am
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!!
October 8, 2011 at 7:02 am
it’s a nice work . I like it ! . Can I use some in my work ? . Thanks. x)
October 13, 2011 at 2:58 pm
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!!
October 14, 2011 at 9:01 am
Hi jay, does your action creates another layer? Ir yes, Using the move
tool, move it to any part of the canvass.
October 15, 2011 at 8:47 am
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!
November 6, 2011 at 12:56 am
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.
November 7, 2011 at 10:01 am
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.
November 25, 2011 at 6:51 pm
Your tutorial is awesome….a lot of idea
Thanks a lot
December 12, 2011 at 4:46 am
Too gud n too easy to get nice work with simple technics.Thanks a lot.
December 12, 2011 at 4:49 am
Too gud n too easy to get nice work with simple technics.Thanks a lot.Now send me gud tutorials if any one have
June 12, 2012 at 2:27 pm
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????
July 8, 2012 at 5:39 am
Very help full to me , thank you .
September 5, 2012 at 8:27 am
Nice tutorial, ^_^ learnt a lot
Are we allowed to post what was the end result when we followed the tutorial 
September 6, 2012 at 10:16 am
Glad you enjoyed…we would love to see your work too so please share!
December 20, 2012 at 11:17 am
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
May 13, 2013 at 12:40 am
Really a creative and excellent work. Keep it up. Thanks to share with us this amazing tutorial.