How to create a spattered photomontage in Photoshop

March 9th, 2010 by ART-D Posted in Adobe Photoshop, Photo Editing

   

In this tutorial, we’ll learn how to make a spattered photomontage in Photoshop using brushes and some filters. Layered PSD file included. Let’s get started!

Final Image Preview

How to create a spattered photomontage in Adobe Photoshop CS4
Create a new document (Ctrl+N) in Adobe Photoshop with the size 800px by 1068px (RGB color mode) at a resolution of 300 pixels/inch. Use the Paint Bucket Tool (G) to fill with the next color #4A4B41 the new background layer.

How to create a spattered photomontage in Adobe Photoshop CS4
Add some noise on this background layer by applying the next filter: Filter>Noise>Add Noise

How to create a spattered photomontage in Adobe Photoshop CS4
We’ve got the next result:

How to create a spattered photomontage in Adobe Photoshop CS4
Set Fill to 57% and Blending mode to Hard Light for this layer in Layers panel.

How to create a spattered photomontage in Adobe Photoshop CS4
Find a stock photo with a jumping man represented on it, I used this photo from stock.xchng. I would like to thank the author of this photo:

How to create a spattered photomontage in Adobe Photoshop CS4
Remove the background using your favorite tools like Pen Tool (P), Magic Wand Tool (W), Magnetic Lasso (L) or even a simple Filter>Extract and insert it on a new layer in our main document.

How to create a spattered photomontage in Adobe Photoshop CS4
Choose Image > Adjustments > Hue/Saturation (Ctrl+U) and drag the slider to the left to decrease the Saturation of the color range for layer containing the jumping man.

How to create a spattered photomontage in Adobe Photoshop CS4
We’ve got the next result:

How to create a spattered photomontage in Adobe Photoshop CS4
Create a new layer and select a Soft Round brush of black color (Opacity 15%)

How to create a spattered photomontage in Adobe Photoshop CS4
Use Soft Round brush to dark out the top and bottom parts of the document. Place this layer under the layer containing the jumping man:

How to create a spattered photomontage in Adobe Photoshop CS4
Next we’ll make a copy of the layer containing the noise effect:

How to create a spattered photomontage in Adobe Photoshop CS4
… and select for it Filter>Blur>Motion blur

How to create a spattered photomontage in Adobe Photoshop CS4
We’ve got the next result:

How to create a spattered photomontage in Adobe Photoshop CS4
Set Fill to 27% for this layer in Layers panel:

How to create a spattered photomontage in Adobe Photoshop CS4
Let’s create a clipping mask to make the content of the layer containing the motion blur effect only visible within the content of the layer containing the darked edges. Hold down Alt (Windows) or Option (Mac OS) and click between the last made layer and the layer with the darked edges (on the Layers panel)

How to create a spattered photomontage in Adobe Photoshop CS4
We’ve got the nest effect:

How to create a spattered photomontage in Adobe Photoshop CS4
Create a new layer and use on it the Lasso Tool (L) to draw a freehand selection border as shown:

How to create a spattered photomontage in Adobe Photoshop CS4
Next we have to paint the top edge inside the selection, applying the Soft Round brush of white color. Firstly we need to use a brush of bigger diameter for marking the border

How to create a spattered photomontage in Adobe Photoshop CS4
then use Hard Mechanical brush of smaller diameter to paint the edges.

How to create a spattered photomontage in Adobe Photoshop CS4
This layer will be placed lower than the layer with the jumping man.

How to create a spattered photomontage in Adobe Photoshop CS4
Create a new layer and apply here the same technique to represent the same border for the layer on its bottom part.

How to create a spattered photomontage in Adobe Photoshop CS4
This layer will be placed also lower than the man’s layer:

How to create a spattered photomontage in Adobe Photoshop CS4
We’ve got the next effect

How to create a spattered photomontage in Adobe Photoshop CS4
Create a new layer and apply on it the Spatter brush of black color (Opacity 10%)

How to create a spattered photomontage in Adobe Photoshop CS4
to dark out the bottom part of the picture. This layer needs to be placed under the man’s layer:

How to create a spattered photomontage in Adobe Photoshop CS4
Click on the same layer on the bottom part of the Layers panel on Add layer mask icon and paint into mask with Hard Mechanical brush of black color to hide smoothly the dark spots.

How to create a spattered photomontage in Adobe Photoshop CS4
We’ve got the next effect:

How to create a spattered photomontage in Adobe Photoshop CS4
Create a new layer again and select the Spatter brush

How to create a spattered photomontage in Adobe Photoshop CS4
Paint with this brush along the layer’s edges. The brush’s color is #FDC689 (Opacity 10%). Place this layer under the layer containing the man.

How to create a spattered photomontage in Adobe Photoshop CS4

  •  

  •    
  •  

 

Post Pages: 1 2

Tags: , , , , , , , , , ,

  • Ben

    10/03/2010

    Very interesting rendering.
    I love the “water color” effect.
    Thanks for sharing this really cool tutorial.

  • romeoktonus

    10/03/2010

    Bravo! Great…

  • loswl

    12/03/2010

    Nice Tutorial, love your use of texture and how you created it in Photoshop :)

  • Sebash

    12/03/2010

    Hello,
    Im new here, i made something other and better:
    Look:
    http://img51.imageshack.us/img51/729/levitationbysebash.png

  • John

    18/03/2010

    That’s really cool. I’m gonna use this tutorial and change it up some. But where’d u get the brushes?

  • Sebash

    19/03/2010

    Thanks. Google(Brushes Photoshop).. i don’t remember exactly where, but you can check this pages.
    http://www.brusheezy.com/
    http://myphotoshopbrushes.com/

  • theone

    15/04/2010

    Thank you so much, i am learning a great deal on my own with these tuts.

  • custom pop art

    19/04/2010

    Very effective; Good work!

  • jordan

    14/07/2010

    wowwwwwwwwwwwwwwwwww…..
    evrithing it great…!!!
    you amazing

  • dia de enero

    18/07/2010

    Gracias, buen tutorial me sirvio de mucho. felicidades.

  • Oksana

    19/07/2010

    Ox! I’m sweating while doing that!:-)

  • Tutorial Lounge

    09/08/2010

    really cool tutorial.

  • photoshop brushes

    24/12/2010

    hi
    thank you
    amazing topic
    and nice blog
    thanks

  • sam asiedu

    08/01/2011

    nice one :)

  • Jhon

    28/07/2011

    Nicely presented information in such a post, I prefer to read this sort of stuff. The quality of content is okay and also the conclusion is excellent. Thanks for the post.

  • dzulmaregg

    23/11/2012

    WOOOOOOOOOOOOOOOW!!!!!
    Amazing!!!!
    Thanks!